# 公众号 H5 页面部署到云托管并快速分发展示

如果你有从各种 H5 制作网站，或者自己制作的纯前端 H5 静态项目，想要快速发布并提供一个地址用于访问分发或嵌入微信小程序中，可以参考此指南描述。

假如你的项目涉及与后端服务交互，则还需要操作部署后端服务才可以正常使用。

## 准备内容

1. 访问[微信云托管控制台](https://cloud.weixin.qq.com/cloudrun/)，微信扫描登录，选择你的公众号
2. 部署的纯静态 HTML 项目

## 操作步骤

1. 前往[微信云托管控制台-静态资源存储](https://cloud.weixin.qq.com/cloudrun/extension/static-storage)，选择开通，等待 3 分钟初始化，最终出现这个页面

![](https://res8.wxqcloud.qq.com.cn/wxdoc/e58a78e9-7283-4385-a180-92215af84ec9.png)

2. 点击上传文件夹，或者直接拖动项目到控制台里，将自己的项目文件上传到静态资源存储。**需要注意，项目在根目录一般有一个 index.HTML，需要保证这个文件在第一层，并且上传的其他文件的层级关系和本地你的项目一致**

3. 上传完成后，点击「静态资源配置」TAB 栏按钮，将看到的域名复制到浏览器打开，就可以看到你的项目运行了

![](https://res8.wxqcloud.qq.com.cn/wxdoc/9b47fcbf-e6b2-4512-b910-46d7aa66ee40.png)

## 注意事项

如果你想要将页面嵌入微信小程序，需要将操作步骤里的域名填写到[微信小程序后台](https://mp.weixin.qq.com)

![](https://res8.wxqcloud.qq.com.cn/wxdoc/18a3dd81-c019-4e32-bab9-d7be99a9b0c9.png)