Web訓練營Day02——靜态網站的全生命周期實戰

靜态網站的全生命周期實戰

雲開發平台官網： https://workbench.aliyun.com/

建立應用

這裡我們使用預設的産品，就不再建立産品了

然後會有一些依賴服務，沒開通的話開通一下就好了

然後就可以看到我們剛建立的demo了

開發部署

然後就會跳轉到一個雲端的 IDE

左上角這個是提供的workbench插件，有部署和調試功能

.workbench

檔案是來做一些預設的配置

{
  "fcRouteDefault" : [  // 可以了解為路由表
    {"apiUri":"/*",  // 比對路徑
     "fcHandler":"serverless.handler",  // 請求處理
     "httpMethod":"ANY"
    }
  ],
  "cicd": {  // 部署要執行
    "package": "mkdir zip && rsync -a --exclude node_modules/ --exclude package-lock.json --exclude zip/ . ./zip && cd zip && npm install --production && zip -r ../code.zip ./ -x '*.git*' -x '*.zip' -x '.DS_Store' && cd ../ && rm -rf zip"
  }
}           

開發一個最簡單的頁面

建立一個

index.html

檔案

随便寫一寫

我們可以調試一下

可以看到，控制台輸出了調試的日志資訊

我們可以點選控制台的url進行通路，也可以勾選預覽模式，這樣直接在IDE中就可以看到網頁

處理請求的代碼在

serverless.js

檔案中，可以看到預設通路的檔案

然後我這邊使用一個案例demo，大家需要的話可以通路

https://github.com/royalrover/demo

進行下載下傳，我将下載下傳好的檔案直接拖到 IDE，如下

然後我們再進行調試，可以看到靜态html頁面顯示出來了

然後進行部署，直接點選部署即可

部署完成後，我們會得到一個測試域名，這個域名就可以公網通路，但是這個域名是有時效的，我們可以在應用頁面進行檢視

我們通路測試域名看一下

然後還有一個二級域名，二級域名需要綁定到我們自己的域名上，在域名解析中添加一條記錄即可【記錄值填二級域名就好了】

然後在雲開發平台綁定我們的域名與二級域名的關系，在應用清單頁點選應用配置

把自己的域名輸入到綁定域名即可

最後重新部署一下就ok了

下線&删除應用

在應用清單點選一下就好了

删除應用如下