Uni-app的webview,H5页面在微信小程序中webview再跳回小程序的解决方案
场景:微信小程序:uni-app开发H5:uni-app开发小程序其中一个场景需要使用webview嵌入H5,待H5里的业务处理完成再跳转回小程序遇到的问题:webview无法跳转回小程序,并提示Error:[],这个不友好的提示其实并看不出问题的,代码都是使用微信官方提供的方式,困扰了很久才得以解决解决方案:声明一点,webview引用jssdk是不需要配置的wx.config的第一步,在uni
·
场景:
微信小程序:uni-app开发
H5:uni-app开发
小程序其中一个场景需要使用webview嵌入H5,待H5里的业务处理完成再跳转回小程序
遇到的问题:
webview无法跳转回小程序,并提示Error:[],这个不友好的提示其实并看不出问题的,代码都是使用微信官方提供的方式,困扰了很久才得以解决
解决方案:
声明一点,webview引用jssdk是不需要配置的wx.config的
第一步,在uni-app手动写一个母板html,这个放到根目录就可以,我不记得官方是否提到过如何使用自定义html母版,我是通过源码看到的,他是hardcode使用这个文件的,跟nodejs会读package.json是一样,都是约定的。我们这步把jssdk引用一下,找个官方最新版本就行
第二步,直接调用即可,这里要注意我们使用的是jWeixin,而不是wx,我就在这里个地方栽跟头了。
Tips:Jssdk的源码回导出2个名字不同的自己,jWeixin和wx,uni-app会把wx给覆盖掉,加一些自己和他融合的方法,千万不要使用
总结:
不要想太多,就是如此简单的使用即可
// 非常简单先引用jssdk,在使用即可
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
// 这个方法自行去mp.weixin.qq.com查看
jWeixin.miniProgram.navigateTo({url: '/pages/mine/contactUs'})
更多推荐
已为社区贡献1条内容
所有评论(0)