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

最新推荐文章于 2021-12-15 15:36:13 发布

薛定喵君

最新推荐文章于 2021-12-15 15:36:13 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

文章标签： java python vue docker nginx

本文链接：https://blog.youkuaiyun.com/jsxg2009/article/details/115244563

该博客介绍了如何使用Serverless Framework将自定义的静态Web页面托管到腾讯云对象存储COS中，并配置域名以供外部访问。步骤包括安装Serverless CLI，创建本地项目，编写serverless.yml配置文件，部署静态页面，以及如何移除部署。此外，还提供了部署后的访问详情和API配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

快速部署静态网站,将自定义的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