如何使用webify快速構建Nuxt應用

Webify是雲開發團隊推出的一款一站式託管服務產品，這是一個專爲 Web 開發者打造的雲上開發、部署平臺，幫助開發者快速開發、預覽、部署自己的 Web 應用，還支持從Github等第三方代碼託管平臺導入應用，爲前端開發者提供極佳的服務體驗。

應用場景

靜態網站： Web 應用託管不僅支持託管靜態網站的各種資源，還對開源社區內流行的開源框架進行了適配。

單頁面應用： Web 應用託管提供自定義路由能力，支持 SPA 類型的配置，免除配置服務端的煩惱。

服務端渲染（SSR）應用： Web 應用託管對諸多開源 SSR 框架進行了適配。

後臺 Web 服務： Web 應用託管提供雲託管、雲函數兩種形式的計算能力，以滿足多種類型的後臺 Web 服務的需求。

模版創建

地址：https://cloud.tencent.com/product/webify

首先進入Web應用託管平臺，點擊「新建應用」，選擇從模版創建，選擇Nuxt.js

選擇Git平臺，並填寫好倉庫名稱後，單擊「下一步」

填寫應用名稱，選擇框架預設(亦可自己自定義填寫)，單擊「部署應用」

可以看到應用正在構建與部署中

首次創建應用，會下發CND配置，需要3-5分鐘才能生效

單擊應用中的鏈接，可以發現我們的應用可以訪問啦！

開發應用

進入到我們的GitHub倉庫後，可以發現webify在創建應用的時候，已經自動爲我們創建了代碼倉庫

git clone <romote-URL> //克隆倉庫到本地
cd <workplace-dir> //進入項目目錄
npm i //安裝相關依賴

把項目Clone到本地後，即可進行開發，在修改完後，提交至遠程 Git 倉庫，將會觸發Webify 的自動構建及部署。

git commit -m "change index.vue"
git push

可以見到我們的修改生效啦。

注意事項

有時候在提交代碼並構建完成後，並未能見到頁面有變化，是因爲CDN生效需要一些時間，稍等一會即可更新應用頁面。

詳見一鍵部署文檔：https://webify.cloudbase.net/docs/guides/deploy-button

Webify官方網站：https://webify.cloudbase.net/