功能简报

如何将 IAWCMS 开发的网站封装为微信小程序

IAWCMS 开发的网站具备全面的小程序封装支持,无论是微信小程序还是其他平台的小程序都不在话下。接下来,我们将以微信小程序为例,详细讲解封装流程。

IAWCMS 开发的网站具备全面的小程序封装支持,无论是微信小程序还是其他平台的小程序都不在话下。接下来,我们将以微信小程序为例,详细讲解封装流程。


IAWCMS开发的网站怎么封装为微信小程序

 

前期准备条件


1. ICP 备案:网站必须拥有合法有效的 ICP 备案号。

2. 前端适配:网站前端需要具备自适应能力,或者拥有独立的 H5 手机端。

3. SSL 证书:必须为网站配置 SSL 证书,以确保数据传输的安全性。

 

微信小程序封装操作步骤


  1. 注册微信小程序:前往微信公众号平台,按照指引完成小程序注册流程。此步骤操作较为直观,在此不做详细赘述。


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. 版本提审:

    - 再次登录微信公众平台,进入“管理” - “版本管理”。

    - 在“开发版本”中,将本次上传的版本设置为“体验版本”。

    - 使用手机扫码体验小程序,确认无误后,提交审核等待官方通过。

微信小程序