建站学院

铸就企业 服务社会 成就自己

pb接入小程序

发布时间:2023-05-31点击数:693

准备工作

1、登陆微信公众平台,申请微信小程序    https://mp.weixin.qq.com

2、搭建好pbootcms网站,需要支持https,例如:https://www.baidu.com/,可以使用自适应模板,或者单独的手机模板

3、安装微信开发者工具,https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html


第一步:登陆微信小程序官方平台,获取你的appid信息

Snipaste_2023-06-01_00-39-05.jpg


第二步:打开微信开发者工具,创建小程序

Snipaste_2023-06-01_00-43-20.jpg

将第一步获取到的appid填写进去,


第三步:修改app.json配置

1.  打开app.json文件,pages项只保留 "pages/index/index" 这一行即可

2. window项的navigationBarTitleText填写小程序名称

1675739654864590.png


第四步:打开/pages/index/index.wxml文件,将里面的代码全部删除,添加下面这一行代码

<web-view src="https://www.baidu.com/"></web-view>

注意代码中的 https://www.baidu.com 换成你的网站域名。

Snipaste_2023-06-01_00-52-51_1.jpg

第五步:测试小程序

1. 见下图,勾选不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书

Snipaste_2023-06-01_00-58-54.jpg


2,点击详情 核验信息是否正确

Snipaste_2023-06-01_12-38-46.jpg

3,上传小程序

Snipaste_2023-06-01_12-39-27.jpg


4. 小程序正式上线后,需要在微信小程序管理中心中,把 网站域名添加为业务域名。



操作路径:登录微信公众平台 → 开发管理 → 开发设置  → 业务域名:

Snipaste_2023-06-01_14-57-59.jpg



Snipaste_2023-06-01_15-40-54.jpg


根据需要填写资料并审核

微信图片_20230601154001.png

Snipaste_2023-06-01_15-43-19.jpg