IAWCMS 开发的网站具备全面的小程序封装支持,无论是微信小程序还是其他平台的小程序都不在话下。接下来,我们将以微信小程序为例,详细讲解封装流程。
前期准备条件
1. ICP 备案:网站必须拥有合法有效的 ICP 备案号。
2. 前端适配:网站前端需要具备自适应能力,或者拥有独立的 H5 手机端。
3. SSL 证书:必须为网站配置 SSL 证书,以确保数据传输的安全性。
微信小程序封装操作步骤
注册微信小程序:前往微信公众号平台,按照指引完成小程序注册流程。此步骤操作较为直观,在此不做详细赘述。
2. 创建小程序项目:
- 打开微信开发者工具。
- 在新建项目界面,填写项目名称。
- 选择合适的项目目录。
- 填入小程序的 AppID。
- 取消勾选“使用云服务”选项,最后点击“确定”。
3. 修改配置文件:
- 打开项目中的 `app.json` 文件。
- 在 `pages` 项中,仅保留 `"pages/index/index"` 这一行代码。
- 在 `window` 项中,将 `navigationBarTitleText` 字段填写为你所设定的小程序名称。
4. 修改页面文件:
- 找到并打开 `pages/index/index.wxml` 文件。
- 删除文件内原有的所有代码,然后添加以下代码,并将其中的域名替换为你自己的网站域名:
xml <view> <web - view src="https://www.iaw.cn/"></web - view> </view>
5. 测试小程序:
- 在微信开发者工具中,点击“详情”。
- 进入“本地设置”,勾选“不校验合法域名、web - view(业务域名)、TLS 版本以及 HTTPS 证书”选项,以便在本地环境顺利进行测试。
- 完成上述操作后,点击“编译”,即可在工具中查看小程序界面。
6. 配置业务域名:
- 登录微信公众平台,进入“开发管理”板块。
- 点击“开发设置”,找到“业务域名”选项。
- 将网站的 H5 域名添加为业务域名,并将验证文件上传至该域名的根目录下,完成后点击“保存”。
7. 上传小程序:在微信开发者工具中,点击“上传”按钮,自行填写更新类型、版本号以及备注信息。
8. 版本提审:
- 再次登录微信公众平台,进入“管理” - “版本管理”。
- 在“开发版本”中,将本次上传的版本设置为“体验版本”。
- 使用手机扫码体验小程序,确认无误后,提交审核等待官方通过。
微信小程序上一篇:《数据统计》应用上线