小程序跳转到另一个小程序,参数传递以及调试,H5跳转小程序,小程序内嵌H5,

业务场景:企业A的小程序内嵌了企业B的H5

问题:企业A内嵌企业B的H5发起微信支付的时候,绕不过微信的限制.总是支付失败.

问题解决思路:企业B新建一个小程序,让企业A调用企业B的小程序, B内嵌H5，支付的时候，H5打开B，然后发起支付

注意:调用接口的时候也要在公众号上配置服务器域名.内嵌的H5也是要在公众号上配置业务域名

A小程序打开B小程序,A小程序的设置:

// app.json添加下面代码  "pages": [...], "navigateToMiniProgramAppIdList": ["wx4c9212345679" // B小程序的appId],// index.wxml
<view  bindtap="skipB">跳转到B小程序</view>// index.js
skipB() {wx.navigateToMiniProgram({appId: 'wx4c9212345679',// B小程序的appIdpath: 'pages/index/index',// 跳转到B小程序的路径extraData: { // 传给B小程序的参数user_id: 111,store_id: 222,userName: '张三'},envVersion: 'develop',success(res) {} // 打开成功})}

B小程序接受A小程序的参数

// app.js  下面俩都可以获取的到onShow: function (options) {console.log(options.referrerInfo.extraData)}onLaunch: function (options) {console.log(options.referrerInfo.extraData)}

在B小程序里面点击添加编译模式,做如下图设置,然后选中"调试A过来的",再点击编译,就会看到图二的结果:

B小程序内嵌H5 :

<web-view src="https://fjweichataccounttest.xxx.com/wx/h5.html"></web-view>

H5跳转到到小程序B的支付页面,注意H5跳转navigateTo,也有可能是switchTab,主要看小程序那边:

<button onclick="pay()">支付</button><script>function pay(){wx.miniProgram.navigateTo({ url: '/pages/pay/pay?data=1234' })}
</script>

小程序H5跳转到小程序文档

小程序跳转到另一个小程序,参数传递以及调试,H5跳转小程序,小程序内嵌H5,相关推荐

小程序内嵌H5、H5回跳至小程序、小程序打开公众号中的文章
一.小程序内嵌H5 1.前期准备:在微信公众平台小程序开发 --> 开发管理 --> 开发设置中配置业务域名. 2.语句: <web-view src="&quo ...
微信小程序与webview H5交互（内嵌H5跳转原生页面）
在开发中,使用web-view组件内嵌H5页面是非常常见的,但很多人不知道webview内嵌H5如何与原生小程序交互.下面介绍下实现微信小程序与webview H5交互的方法. web-view功能 ...
[微信小程序]WebView内嵌H5实现本地文件上传
[官方文档] 小程序与H5如何互相跳转小程序与H5交互以上传文件为例微信小程序开放能力web-view使用之h5页面与小程序页面交互传值快速小程序开发之微信小程序内嵌 H5 微信小程序web-v ...
小程序嵌套h5页面_微信小程序内嵌h5页面
概况使用标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
小程序嵌套h5页面_快速小程序开发之微信小程序内嵌 H5
简介:微信小程序中可以直接运行 web 页面,这一新组件 web-view 的产生,可能直接导致小程序数量迎来一波高峰.本篇博文将从业务选型,微信小程序后台配置,使用 web-view 完成登录业务以 ...
实现微信小程序web-view内嵌H5中的下载功能(大文件切片下载)
实现微信小程序内嵌H5中的下载功能一.项目场景: 难点解决方案: 1.H5微信小程序: a.首先必不可少的是安装jweixin-module模块: b.在main.js中将依赖绑定: c.H5对应 ...
微信小程序webview内嵌H5页面缓存
微信小程序webview内嵌H5页面缓存参考链接: link. 问题描述: 公司项目已经开发了一个移动端的vue项目,以微信小程序作为一个入口,节省资源去原生开发,webview成了最好的选择.vu ...
微信小程序中嵌套html_微信小程序中使用 web-view 内嵌 H5 时，登录问题的处理方法...
在微信小程序的开发中,经常遇到需要使用内嵌 H5 的需求.在这种需求中比较棘手的问题应该就是登录状态的判断了,小程序中的登录状态怎样与H5中的登录状态保持一致? 一般来说,后端开发同事多数会要求我们 ...
小程序内嵌h5页面分享_微信小程序webview内页面分享
因为项目原因,之前在微信小程序内部使用 webview 嵌套了 h5 页面,现在要添加一个新的功能,用户在哪个页面进行了分享,被分享的用户从链接进来就跳转到哪个分享页面. 先了解一下 web-view ...

小程序跳转到另一个小程序,参数传递以及调试,H5跳转小程序,小程序内嵌H5,

小程序跳转到另一个小程序,参数传递以及调试,H5跳转小程序,小程序内嵌H5,相关推荐

最新文章

热门文章