场景：

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

Uni-app的webview，H5页面在微信小程序中webview再跳回小程序的解决方案相关推荐

app端内h5页面使用微信h5支付
app端内h5页面使用微信h5支付 app端内h5页面使用微信h5支付一.起初使用的方法二.解决方法三.最后 app端内h5页面使用微信h5支付一.起初使用的方法在对接支付宝支付的时候,我是 ...
微信小程序webview(H5页面)调用微信小程序支付
1.业务描述:微信小程序商城入口进入的页面是商城H5页面,在H5页面进行微信支付如何实现: 2.微信小程序(webview访问H5页面)必须使用微信小程序支付: 如何实现以及实现方式以及支付后页面返回 ...
小程序接入h5页面_微信小程序跳转外部链接（h5页面）以及数据交互
最近项目有个需求,在微信小程序中跳转外部链接完成相关的操作,操作完成后返回微信小程序的相关页面. 1.跳转外部链接(官方文档) 1)入口 //跳转到入口 wx.navigateTo({url: '.. ...
微信首页登录html页面,H5页面接入微信授权登录和分享
前期准备接入微信授权分静默授权和非静默授权两种静默授权: scope=snsapi_base,没有弹窗,只能获取用户的openId. 非静默授权: scope=snsapi_userinfo,有 ...
[html] H5页面在微信中如何禁止分享给好友和朋友圈？
[html] H5页面在微信中如何禁止分享给好友和朋友圈? 利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享. 代码如下: document.addEvent ...
app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
H5页面调用微信支付
1.H5页面使用微信支付,首先需要注册微信公众号,在设置与开发>公众号设置>功能设置中配置业务域名.JS接口安全域名.网页授权域名.支付功能页面需在此域名链接下的页面. 2.加入域名后,就 ...
在服务器上部署自己的h5页面用于微信内部浏览器打开
在服务器上部署自己的h5页面用于微信内部浏览器打开域名注册和虚拟主机租用都是在西部数据进行的以下为西部数据的官网登录和注册这里不过多介绍...... 一.域名注册点击官网首页 ...
html(h5)页面实现微信js分享
html(h5)页面实现微信js分享注:并非所有代码原创服务端实现签名等因为引用了第三方dll,所以需先添加nuget包,这个包直接在nuget管理器中搜索不到,在pm控制台输入如下内容:也 I ...

Uni-app的webview，H5页面在微信小程序中webview再跳回小程序的解决方案

场景：

遇到的问题：

解决方案：

总结：

Uni-app的webview，H5页面在微信小程序中webview再跳回小程序的解决方案相关推荐

最新文章

热门文章