一.首先,如果是集体小程序,就不必思考关上内部链接了。这里须要应用web-view组件,具体的请看
https://developers.weixin.qq....
实现线上的h5通过小程序配置业务域名,通过web-view组件实现内嵌h5页面。间接拿来链接是打不开的。须要配置业务域名,并且在服务器的根目录下形式验证文件。
登录微信公众平台下载效验文件 开发治理——>开发设置——>业务域名——>下载效验文件
而后把效验文件放在 npm run build打包后的h5我的项目根目录里 部署上传到线上 留神肯定要打包后放入根目录下,保障能够拜访。
二. 小程序配置业务域名
配置业务域名 由上图能够看出 要留神两点
1.h5的我的项目域名必须是https的
2.我的项目链接不能由/api的 正确格局www.baidu.com
三. 通过组件web-view进行传参跳转
应用 click点击事件跳转到webview页面 在通过web-view组件跳转到h5我的项目
1.在WXML文件里某个须要触发点击事件的标签外面加上点击事件bindtap="
navigateToURL"。记得带上参数data-url="{{item.url}}"
2.在.js文件上,写入对应的函数如图
创立web-view文件夹
3.在app.json外面退出门路。
4.在webview.wxml写入
<web-view src="{{url}}"></web-view>
5.在webview.js文件中写上逻辑