IPFS如何使用Terminal部署Web應用程序

因此,我從事前端開發已經有幾年了,過去我嘗試過不同的部署解決方案時,從未遇到過一鍵式部署到行星際文件系統(IPFS)的解決方案。


終端介紹


從本地開發到全球部署,終端都是構建基於IPFS的快速現代網站所需的一切。歡迎使用新的互聯網。


Vue +終端=去中心化魔術?


終端為使用git的連續部署提供了易於設置的解決方案。設置完成後,它會跟蹤對存儲庫的新更改並相應地觸發部署。


收集我們的工具


如果您已經知道如何設置Vue CLI項目,則可以直接跳至本部分


確保已安裝Node.js 8.9或更高版本(建議使用8.11.0+)。如果沒有,您可以前往這裡。
npm預裝了node.js


要安裝Vue CLI 4,請運行以下命令:


IPFS如何使用Terminal部署Web應用程序


除非通過Node.js版本管理器將npm安裝在系統上(例如n或nvm),否則您需要管理員特權才能執行這些操作。


IPFS如何使用Terminal部署Web應用程序


您可以使用以下命令檢查您的版本是否正確:


IPFS如何使用Terminal部署Web應用程序


設置項目


讓我們將我們的應用稱為“去中心化”,然後用該名稱建立一個新項目。


IPFS如何使用Terminal部署Web應用程序


現在選擇您選擇的選項/預設,對於本教程,我選擇了以下選項:


IPFS如何使用Terminal部署Web應用程序

設置項目後:


IPFS如何使用Terminal部署Web應用程序


現在轉到localhost:8080。

IPFS如何使用Terminal部署Web應用程序



通過終端部署


現在,我們需要創建一個GitHub存儲庫來存儲我們的項目,以便Terminal可以選擇它。您可以使用以下方法創建存儲庫並將其鏈接到我們的項目:


IPFS如何使用Terminal部署Web應用程序


可以在這裡找到該項目的存儲庫。現在,我們必須轉到terminal.co,然後單擊“添加新站點”按鈕來登錄並添加新站點。


IPFS如何使用Terminal部署Web應用程序


與GitHub連接:


IPFS如何使用Terminal部署Web應用程序


選擇項目存儲庫:


IPFS如何使用Terminal部署Web應用程序


終端將自動確定構建命令:


IPFS如何使用Terminal部署Web應用程序


確保構建目錄為dist:


IPFS如何使用Terminal部署Web應用程序


單擊“部署站點”按鈕,這將需要幾分鐘。


IPFS如何使用Terminal部署Web應用程序


瞧!現在,您的站點已部署。


IPFS如何使用Terminal部署Web應用程序


您可以在此處看到部署的項目。您還可以通過轉到設置>域管理來設置自定義域,也可以在此處閱讀有關內容。


原文鏈接:https://dev.to/atharva3010/decentralised-web-apps-how-to-deploy-your-web-app-onto-ipfs-with-terminal-284p



分享到:


相關文章: