微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面

相信大家在做小程序的时候有些需求会需要嵌套h5页面
正常的h5页面嵌套很简单就是一个web-view然后放入h5链接就可以了

 <web-view src="http://www.google.cn?id=1&type=2"/>

如果当前的h5页面需要分享
直接点击分享是不能调用微信小程序分享的
但是可以点击后跳转到小程序页面从小程序的方法中调用分享

wx.miniProgram.navigateTo({url: "/pages/index/sharePosition/index?id=1&type=2"})

上面的方法是从h5页面跳转到小程序页面
页面分享从小程序的onShareAppMessage方法分享

onShareAppMessage: function () {return {title: "Hi~这是我分享的位置，打开链接可以导航到这里",path: '/pages/map/index?id='+this.data.id,success: () => {toast.success("转发成功");},fail: () => {toast.fail("转发失败");}};
})

请注意，直接使用 wx.miniProgram.navigateTo 方法是不执行的
这里需要在h5页面引入微信小程序相关的js才可以

 <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="https://cdn.bootcss.com/vConsole/3.3.2/vconsole.min.js"></script>

微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面相关推荐

Android JS调原生有盟分享打开微信分享原程序崩溃问题报android.view.ViewRootImpl$CalledFromWrongThreadException:
报的问题:android.view.ViewRootImpl$CalledFromWrongThreadException: Only the original thread that created ...
小程序嵌套h5页面_快速小程序开发之微信小程序内嵌 H5
简介:微信小程序中可以直接运行 web 页面,这一新组件 web-view 的产生,可能直接导致小程序数量迎来一波高峰.本篇博文将从业务选型,微信小程序后台配置,使用 web-view 完成登录业务以 ...
微信小程序嵌套h5页面怎么实现小程序支付
微信小程序嵌套h5页面怎么实现小程序支付小程序嵌套h5页面怎么实现小程序支付小程序中嵌套h5页面,但是不能再h5页面拉起小程序支付,这时是需要小程序方拉起支付目前的流程,外链发送订单请求拿到预支付 ...
小程序嵌套h5页面_微信小程序内嵌h5页面
概况使用标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
小程序web-view跳转H5页面，H5页面通过事件返回小程序页面
小程序页面: //url为H5页面路径 H5页面跳转小程序页面 npm install weixin-js-sdk 在使用的vue单页面内引入:import wx from 'weixin-js-sd ...
微信浏览器iframe嵌套h5，h5页面不能调起微信支付问题处理
微信浏览器iframe嵌套h5,h5页面不能调起微信支付问题处理第一步: 微信公众号配置网页授权域名,拿用户openid 第二步: h5页面跳转后端微信静默授权,拿到用户的openid 第三步: 微 ...
H5及微信小程序实测可用——监听手机返回键操作
目录 1.自定义导航(只能拦截左上角返回) 2.内嵌H5实现拦截物理键返回(均可监听) 微信小程序开发过程中我们经常遇到需要监听点击左上角返回.手机物理返回键或者左滑返回的需求微信原生是没有API支 ...
vue3引入JS-SDK实现h5分享小卡片、跳转微信小程序功能
微信js-sdk官方文档: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 一.实现h5分享小卡片想 ...
uni-app分享小程序页面给微信好友；小程序分享无效原因；小程序分享失败原因；
我的只是在html代码部分使用 <button open-type="share" >发送</button> 点击按钮就可以将当前页面分享到微信好友且打 ...

微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面

微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面相关推荐

最新文章

热门文章