基于腾讯云serverless框架部署静态网站附疫情地图部署示例

2020-03-03 16:23:36

快速部署静态网站,将自定义的Web页面托管到对象存储COS中,并生成域名供外网访问。

# 安装

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
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 许可协议。可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。

扫描下方二维码阅读当前文章

浏览器、微信扫码

评 论:

好文推荐
每天进步一点点~