html5页面嵌入到微信小程序

时间:2024-01-30 22:39:59

前提要求:H5网站域名必须开启https,比如 https://m.18ka.net/,是https开头,而不是http

一、登录微信公众平台,注册一个小程序,不懂自行百度,获取AppID(小程序ID)

 

 

 

二、微信开发者工具中创建小程序,填写前面注册小程序的AppID

 

 

 

三、修改app.json配置

打开app.json文件,pages项只保留 "pages/index/index" 这一行即可
window项的navigationBarTitleText填写小程序名称

 

 

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

<web-view src="https://m.18ka.net"></web-view>


代码里的https://m.18ka.net,就是你H5网站的网址域名

五、测试
1、点击详情 → 本地设置 → 勾选【不校验合法域名】来进行测试,如下图:

 

 

 

2、小程序正式上线的话,需要在微信小程序管理中心中,把H5域名添加为业务域名,如下图:

登录微信公众平台 → 开发管理 → 开发设置 → 服务器域名: