腾讯云 Website 静态网站组件 ⎯⎯⎯ 通过使用 Tencent Serverless Framework,基于云上 Serverless 服务(如对象存储等),实现“0”配置,便捷开发,极速部署你的静态网站,Website 静态网站组件支持丰富的配置扩展,如自定义域名和 CDN 加速等。提供了目前最易用、低成本并且弹性伸缩的静态站点开发和托管能力。
特性介绍:
- 按需付费 - 按照请求的使用量进行收费,没有请求时无需付费
- "0"配置 - 只需要关心项目代码,之后部署即可,Serverless Framework 会搞定所有配置。
- 极速部署 - 仅需几秒,部署你的静态网站。
- 实时日志 - 通过实时日志的输出查看业务状态,便于直接在云端开发应用。
- 便捷协作 - 通过云端的状态信息和部署日志,方便的进行多人协作开发。
- CDN 加速,SSL 证书配置和自定义域名 - 支持配置 CDN 加速,支持自定义域名及 HTTPS 访问
快速开始:
通过 npm 安装最新版本的 Serverless Framework
$ npm install -g serverless
通过如下命令,快速创建一个静态网站托管应用
$ serverless init website-starter --name example
$ cd example
下载完毕后,目录结构如下所示:
|- src
| └── index.html
└── serverless.yml
在 src
目录中既可以托管简单的 html 文件,也可以托管完整的 React/Vue 的应用。
在 serverless.yml
文件下的目录中运行如下命令进行静态网站的部署。部署完毕后,你可以在命令行的输出中查看到你静态网站的 URL 地址,点击地址即可访问网站托管的链接。
$ serverless deploy
如您的账号未登陆或注册腾讯云,您可以直接通过微信
扫描命令行中的二维码进行授权登陆和注册。
如果希望查看更多部署过程的信息,可以通过sls deploy --debug
命令查看部署过程中的实时日志信息,sls
是 serverless
命令的缩写。
静态网站组件支持 0 配置部署,也就是可以直接通过配置文件中的默认值进行部署。但你依然可以修改更多可选配置来进一步开发该静态网站项目。
以下是静态网站 Website 组件的 serverless.yml
部分配置说明:
# serverless.yml
component: website # (必填) 引用 component 的名称,当前用到的是 tencent-website 组件
name: websitedemo # (必填) 该 website 组件创建的实例名称
app: websiteApp # (可选) 该 website 应用名称
stage: dev # (可选) 用于区分环境信息,默认值是 dev
inputs:
src:
src: ./src
index: index.html
# dist: ./dist
# hook: npm run build
# websitePath: ./
region: ap-guangzhou
bucket: my-bucket
protocol: https
点此查看全量配置及配置说明
当你根据该配置文件更新配置字段后,再次运行 serverless deploy
或者 serverless
就可以更新配置到云端。
部署了静态网站应用后,可以通过开发调试能力对该项目进行二次开发,从而开发一个生产应用。在本地修改和更新代码后,不需要每次都运行 serverless deploy
命令来反复部署。你可以直接通过 serverless dev
命令对本地代码的改动进行检测和自动上传。
可以通过在 serverless.yml
文件所在的目录下运行 serverless dev
命令开启开发调试能力。
serverless dev
同时支持实时输出云端日志,每次部署完毕后,对项目进行访问,即可在命令行中实时输出调用日志,便于查看业务情况和排障。
在serverless.yml
文件所在的目录下,通过如下命令查看部署状态:
$ serverless info
在serverless.yml
文件所在的目录下,通过以下命令移除部署的静态网站 Website 服务。移除后该组件会对应删除云上部署时所创建的所有相关资源。
$ serverless remove
和部署类似,支持通过 sls remove --debug
命令查看移除过程中的实时日志信息,sls
是 serverless
命令的缩写。
当前默认支持 CLI 扫描二维码登录,如您希望配置持久的环境变量/秘钥信息,也可以本地创建 .env
文件
$ touch .env # 腾讯云的配置信息
在 .env
文件中配置腾讯云的 SecretId 和 SecretKey 信息并保存
如果没有腾讯云账号,可以在此注册新账号。
如果已有腾讯云账号,可以在API 密钥管理中获取 SecretId
和SecretKey
.
# .env
TENCENT_SECRET_ID=123
TENCENT_SECRET_KEY=123
MIT License
Copyright (c) 2020 Tencent Cloud, Inc.