场景:

 

微信小程序: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'})

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐