统一发布页的作用
uni-portal 是 uni-admin 内置的统一发布页插件。它为应用提供了一张"名片"——一个响应式页面,用户可以在 PC 或移动端浏览应用介绍、截图、下载链接等信息,类似于各大应用商店的详情页。
在 uni-admin 管理后台中,入口位于"系统管理 → 发布页管理"。该页面汇总了所有已注册应用的发布信息,支持一键生成静态下载页。
生成发布页
- 在发布页管理中点击"生成下载发布页"
- 系统自动下载一个
index.html文件 - 该文件包含所有已发布应用的信息,支持响应式布局
本地双击 index.html 即可预览。PC 端展示应用截图和小程序二维码,移动端展示平台切换标签和下载按钮。
前端网页托管
uniCloud 提供了前端网页托管功能,可以将静态资源(HTML、CSS、JS、图片)直接部署到云端,无需自建服务器。
云服务商差异
| 云服务商 | 网页托管 | 费用 |
|---|---|---|
| 支付宝云 | 支持 | 免费 |
| 阿里云 | 支持 | 免费 |
| 腾讯云 | 支持 | 需付费开通 |
上传静态文件
在云服务空间控制台中:
- 找到"前端网页托管"功能
- 点击"上传到当前目录"
- 将生成的
index.html文件拖拽上传 - 上传成功后,通过默认域名即可访问
DCloud 会为每个服务空间分配一个默认域名,直接访问即可打开托管页面。如果需要使用自定义域名,需要在控制台中添加并配置。
自定义域名配置
前置条件
- 购买域名:通过域名注册商(阿里云、腾讯云等)购买域名
- ICP 备案:自定义域名必须完成 ICP 备案才能使用。未备案的域名无法绑定到网页托管服务
- SSL 证书:如需 HTTPS 访问,需要配置 SSL 证书(可通过 acme.sh 免费生成 Let's Encrypt 证书,或从云服务商购买)
配置步骤
- 在网页托管的"参数配置"中点击"添加域名"
- 输入已备案的域名
- 系统分配 CNAME 地址
- 到域名服务商处添加 CNAME 解析记录,将自定义域名指向分配的 CNAME 地址
- 等待 DNS 生效(通常几分钟到几小时)
域名解析配置示例:
记录类型: CNAME
主机记录: wxapp(子域名前缀)
记录值: xxxxxx.bspapp.com(系统分配的 CNAME)
text
跨域配置
使用自定义域名后,页面中引用的云存储图片可能因为跨域限制无法加载。需要在云服务空间中配置跨域资源访问:
- 云服务空间 → 跨域配置
- 新增自定义域名(去掉
https://前缀) - 也可以使用通配符
*允许所有域名访问
配置完成后,重新访问自定义域名页面,图片资源即可正常加载。
完整流程总结
1. 在应用管理中完善应用信息(图标、截图、小程序码)
↓
2. 生成统一发布页 HTML 文件
↓
3. 上传到前端网页托管
↓
4. 配置自定义域名(需备案 + DNS 解析)
↓
5. 配置跨域资源访问(解决图片加载问题)
↓
6. 通过自定义域名对外发布应用下载页
text
↑