基於騰訊雲serverless框架部署靜態網站附疫情地圖部署示例

# 安裝

npm install -g serverless

# 創建

本地創建demo文件夾

mkdir demo  $ cd demo

文件夾中創建對應的 serverless.yml 文件,並將靜態頁面放在code目錄下

touch serverless.yml

靜態頁面

<!DOCTYPE html>  <html lang="en">  <head>      <meta charset="UTF-8">      <title>Hello</title>  </head>  <body>  Hello  </body>  </html>

# 配置

serverless.yml

myWebsite:    component: "@serverless/tencent-website"    inputs:      code:        src: ./code        index: index.html        error: index.html      region: ap-guangzhou      bucketName: my-bucket

# 部署

sls命令進行部署,可以添加–debug參數查看部署資訊

# 移除

sls remove –debug

# 根據 Serverless Framework 構建疫情數據展示頁

  • serverless create –template-url https://github.com/tinafangkunding/nCov-page
  • cd nCov-page
  • npm run bootstrap
  • serverless –debug

部署詳情

dashboard:      url: http://moekrl8-h5514cps-1256464567.cos-website.ap-guangzhou.myqcloud.com      env:        apiUrl:   https://service-eliq2qck-1256464567.gz.apigw.tencentcs.com/release/        apiUrlSZ: https://myapi.ihogu.com/public/?s=Whfy.city&city=%E6%B7%B1%E5%9C%B3    api:      region:              ap-guangzhou      functionName:        tencent-fullstack-vue-api      apiGatewayServiceId: service-eliq2qck      url:                 https://service-eliq2qck-1256464567.gz.apigw.tencentcs.com/release/      64s › dashboard › done