TCB系列学习文章——云开发的静态网站托管（七）

这一篇主要是用于用到web端开发的同学，不需要后端服务器，不需要数据库服务器，不需要文件服务器，那么为什么还要专门搞个服务器部署前端的静态网站呢？

1、功能介绍描述

1、简介

云开发为开发者提供静态网页托管的能力，静态资源（HTML、CSS、JavaScript、字体等）的分发由对象存储 COS 和拥有多个边缘网点的 CDN 提供支持。您可在腾讯云控制台进行静态网站的部署，提供给您的用户访问。

目前云开发静态网页托管能力仅在腾讯云云开发控制台支持，小程序 IDE 侧控制台暂不支持？？？

有关这一点，我本来真的有一万个槽点要说，人家一个系统同时在小程序和web端使用同一个云环境实在是太正常了，然而你在腾讯云官网申请的云开发不支持在小程序使用，小程序端申请的云开发又不支持静态网站托管，这是死结啊！！！

然后咨询了TCB的研发，说是官方文档更新不及时，这个是支持的，所以说，官方文档不可尽信啊！(已提交文档反馈)

2、特性

1、SSL

由云开发提供的静态网页托管服务，支持 HTTP 与 HTTPS 访问。

2、快速分发

托管在云开发上的静态网页，均缓存在云开发的 CDN 服务器中，无论在何地访问，均可快速传递内容。

3、命令行部署

利用命令行工具，您可以轻松部署您的文件到云开发进行静态托管。

4、开通

仅有付费方式为按量付费的环境可开通静态网页托管能力，预付费方式环境不可开通。

2、如何使用静态网站托管

1、开通静态网站托管(仅支持按量计费模式)

以微信开发者工具为例

云开发控制台扩展功能里面有一个静态网站托管的功能可以开通

如果没有切换为按流量计费模式将无法开通

按流量机费的模式一旦开通不可逆，谨慎操作。

2、部署静态网页文件

您可以访问控制台直接管理您的静态网站，上传、删除文件，创建文件夹等操作。

你还可以使用 CLI 工具管理静态网站托管文件。

CLI 操作

查看静态网站服务信息

您可以使用下面的命令展示静态网站的状态，访问域名等信息。

cloudbase hosting:detail -e envId

部署文件

您可以使用下面的命令将文件上传到静态网站的存储空间中的指定路径，当不指定 cloudPath 时，CLI 会将文件上传到根目录。

cloudbase hosting:deploy localPath cloudPath -e envId

# 将当前目录的文件部署到根目录
cloudbase hosting:deploy . -e envId

# 将 static 目录下的 index.js 文件部署到 static/index.js
cloudbase hosting:deploy ./static/index.js static/index.js -e envId

删除文件

您可以使用下面的命令删除静态网站的存储空间中的文件或文件夹。

cloudbase hosting:delete cloudPath -e envId

查看文件列表

您可以使用下面的命令部署展示静态网站存储空间中文件

cloudbase hosting:list -e envId

3、注册域名并添加自定义域名（目前至多添加四个）

进入静态网站页面，选择【设置】，单击【添加域名】，如下图所示。

• 目前云开发仅提供了静态网站的托管能力，并支持一个默认的静态网站域名。此域名支持 HTTP 与 HTTPS。
• 此域名作为云开发提供的默认域名，有默认限速：10K。当您需正式对外开放网站时，请使用您自己注册的域名，添加自定义域名使用。

4、网站托管的配置

3 缓存配置

CloudBase 静态托管支持设置文件缓存时间，您可以为以下类型的文件设置缓存时间：

• 特定的文件后缀名，如 .jpg;.png；
• 文件夹，如 /test;/foo;/bar
• 文件，如 /static/*.js

缓存时间会以cache-control: max-age=<time>的形式出现在资源的 HTTP 响应头中。

缓存配置根据优先级高的覆盖优先级低的。

5、注销静态网站

当不需要静态托管服务的时候，可以注销掉静态托管服务，以免产生不必要的费用。

6、统计分析

1. 您可在统计分析页面，查看静态网站服务流量和存储资源的消耗情况。

总结

1. 小程序云开发控制台没有看到扩展功能里的静态网站托管服务，结果发现是自己开发者工具比较老，请更新到最新版本后尝试。
2. 微信小程序的少许内嵌网页终于有了归处。
3. 目前静态网站托管服务暂时没有办法下载已部署的文件，仅有代码部署功能，没有代码管理功能！！！切记不要把这里当作代码的备份！
4. 要开通静态托管服务必须把云开发套餐全部换成按量计费这个模式不知道怎么说，我觉得可以作为一个单独的付费项互不干扰多好啊，最起码可以让用户选择嘛。
5. 本文持续更新。