小程序里的h5页面调起小程序支付

AP0906424

已于 2022-05-27 17:58:03 修改

阅读量2.7k

点赞数 1

文章标签：微信小程序

于 2022-05-27 17:54:54 首次发布

原文链接：https://www.csdn.net/tags/NtTagg5sNDQxNjItYmxvZwO0O0OO0O0O.html

版权

小程序里的H5页面调起小程序支付

实现思路：在H5页面点击支付回跳到小程序，打开支付页调小程序支付，不支持小程序里的H5页面调用H5的微信支付

1.H5代码

<body >
	<div class="container">
	    <button  onclick="testPay()">支付</button>
	</div>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
	<script language="javascript">
	    function testPay() {
	        var mini=false;
	        wx.miniProgram.getEnv(function(res){
	            if (res.miniprogram){
	                //发起小程序支付
	                wx.miniProgram.navigateTo({url: "/pages/wxpay/wxpay"});
	                mini=true;
	            }
	        });
	    }
	</script>
</body>

2.小程序跳转H5代码

testH5.wxml

<view class="container">
  <view class="pageH5">
    <web-view src="https://wx.rengu.cc:30003/web/miniPay/index"></web-view>
  </view>
</view>

3.H5跳转小程序支付代码

Page({
  data: {
  },
  onLoad: function (options) {
    var that = this;
    console.log("回到小程序")
    console.log(options)
   //业务流程
  }

参考地址：

web-view | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

关注博主即可阅读全文

优惠劵

AP0906424

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
小程序里的h5页面调起小程序支付

小程序内 view-web调起小程序支付
复制链接

扫一扫

详解微信小程序与内嵌网页交互实现支付功能

01-20

上个月，小程序开放了新功能，支持内嵌网页，所以我就开始了小程序内嵌网页之路，之前我只是个小安卓。内嵌网页中可使用JSSDK 1.3.0提供的接口，可坑就来了，居然不支持支付接口的调用，经过一番研究，总算打通了两边的交互。大概流程 1、先说明涉及到的文件，下面会用到 1.1 app.js:小程序的app.js文件,在globalData里定义一个全局变量paySuccessUrl: ”,用来保存支付成功跳转url 1.2 wxminiwebview.js:小程序中放web-view的界面 1.3 wxminipay.js:小程序原生支付界面 1.4 web_pay.vue:内嵌网页会调起支

微信小程序端，调起H5支付demo

06-04

微信小程序端，调起H5支付demo，小程序代码

参与评论您还未登录，请先登录后发表或查看评论

flutter App如何跳转小程序如何调用微信sdk（ios/andriod）

搬砖小鱼，请多指教呦

03-06

1488

实不相瞒，这一块着实耗费了我很大的时间，因为没有太多ios和andriod原生开发的知识储备，在很多方面就会踩不少坑，这里总结几种app跳转微信小程序的方式。

【需求：通过外部浏览器的H5广告页，点击页面会跳转到微信并打开相应小程序，并调起支付功能，支付改成后关闭小程序】

qq_45078777的博客

11-27

138

需求：通过外部浏览器的H5广告页，点击页面会跳转到微信并打开相应小程序，并调起支付功能，支付改成后关闭小程序

H5跳转到微信小程序

lstory132的博客

12-04

1046

在开发过程中，发现放在wx-open-launch-weapp标签里面的样式根本不起作用，里面引入的图片也不生效；这里的解决思路是，用一个透明的div，在div填充些文本，悬浮在需要点击触发跳转的模块上，然后用开放标签包裹。// 2021-9-28 以下代码，在按钮边边角角，可能会触发不到，所以，优化下。微信鉴权成功，肯定是部署到服务器并且真机的情况下，才能调试，否则，肯定失败。// 优化：这儿才是按钮的触发区域，用绝对定位，可以撑起触发区域的高度。如果害怕写不好样式，可以在外面把样式写好，这个直接。

【微信小程序】关于H5跳转微信小程序、微信小程序跳转H5、微信小程序跳转微信小程序的实现方法

m0_70752874的博客

01-19

1086

0 说明业务提出需求，要实现H5跳转微信小程序的需求，在浏览器、微信环境下，都能通过H5跳转进入小程序。另外，本文也将微信小程序跳转到H5，以及微信小程序跳转到微信小程序的方法进行汇总。对于，微信公众号跳转微信小程序、微信小程序跳转微信公众号，本文不会涉及。1 H5跳转到微信小程序写在前面：以下是跳转到自己的小程序的，如果要跳转到三方公司的小程序，建议由三方公司提供h5，h5中由三方公司自己请求自己的后端接口动态生成小程序跳转链接，这样可以避免我们去调用外部接口。1.1 官方文档。

手机浏览器H5打开微信小程序支付，自定义传参

小木木的开发日常

08-04

2235

H5网站打开小程序，调用小程序支付功能

微信H5页面实现微信小程序支付

小木木的开发日常

01-19

1万+

微信H5页面打开微信小程序支付功能

H5页面调用微信支付

最新发布

Boyi_meiye的博客

04-29

263

多门店管理 / 会员管理 / 预约管理 / 排班管理 / 商品管理 / 促销活动。2、朋友都说小陈的服务和技术都很好，我想预约她明天下午帮我做个护理。1、网上的护肤文章或节目好多好杂，想找一下一些贴近生活的护肤常识。4、最近在博弈美业买的补水很好用，但我忘记名字了，想查一下订单。2、没来过这家博弈美业，想查一下哪个皮肤管理师的水平比较高。3、我想给最近帮我服务的小陈一个好评，不知道去哪里给她评价。1、我想找一下附近的博弈美业，看哪个门店评价比较好。连锁多门店美业收银系统源码。

微信小程序监听App中的globalData——全局数据监听

qq_45142260的博客

04-23

605

需求：微信小程序项目需要全局监听某个数据。方法：在 app.ts/app.js 中定义 globalData 公共数据，然后定义一个监听方法 watch，在其他页面或组件中通过使用【发布订阅】模式，进行数据的监听操作。

微信小程序webview和小程序通讯

q759859479的博客

04-23

1067

1.1需要再小程序嵌入vr页面，同时在vr页面添加操作按钮与小程序进行通信交互1.3 开发工具：uniapp开发小程序1.3原型图点击体验官带看跳转小程序的体验官带看页面点击立即咨询唤起小程序弹窗打电话web-view | uni-app官网 (dcloud.net.cn)

从0开始学习制作一个微信小程序 学习部分（2）json文件的说明与app.json文件的操作

m0_74475812的博客

04-27

1064

本文是小程序制作系列的学习篇的第二篇学习篇第一篇我们讲了编译器下载，项目、环境建立、文件说明与简单操作：[第一篇链接](https://blog.csdn.net/m0_74475812/article/details/138244488) 本篇将继续讲解一些基础的编码，分析json文件的作用,着重讲解app.json里可以对小程序进行的切换页面，改变图标等操作。

微信小程序内h5页面拉起微信支付

06-13

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交