uni-app 打包H5外部浏览器唤起微信支付

最新推荐文章于 2024-04-26 10:50:51 发布
最新推荐文章于 2024-04-26 10:50:51 发布
阅读量1k 收藏
点赞数
分类专栏： uni-app 文章标签： 微信 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AlertQian/article/details/127731268
版权

项目上遇到uni-app开发的H5页面，需要在外部浏览器拉起微信支付，微信的内置浏览器拉起支付对接微信支付的sdk就可以了，外部浏览器使用微信H5支付文档，trade_type=''MWEB"；返回的是一个mweb_url地址；拿到这个地址然后 window.location.href = “返回的地址” 就可以了；

如果会报错 “商家存在未配置的参数，请联系商家解决”，那就看我这篇文章uni-app 微信H5支付 “商家参数格式有误,请联系商家解决”

AlertQian
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp H5集成微信JS支付
03-26
uni-app框架下，开发H5，集成微信JS API支付，安装指定的，jweixin-module之后调用方法关键代码，搞了一星期，终于都搞明白，很简单，一看就懂了。
uni-app调起微信支付
青城的博客
11-23 509
下面不能直接使用this，找不到这些参数，必须let _that = this这样一下，原因是function函数的this是使用时指定。箭头函数的this是创建时指定，也可以直接使用箭头函数，这样就不用let _that = this了。根据接口获取后端给你微信支付调起参数：appId，nonceStr，package，paaySign，signType，timeStmp。第一种方法:不用引入下面的文件。
uniapp 开发App使用微信H5支付解决方案
buikly的博客
03-19 507
在uni开发中，项目不使用uni的内置支付，采用h5页面的微信支付方式；点击项目的manifest.json文件， App常用其它设置-UrlSchemes，将申请h5支付的域名输入进去作为返回app的scheme。在h5支付页面配置redirect_url作为回退路径，值要与scheme的值一致后面多加符号‘://+路径’注意：此处是用来配置回退到app的页面路径，安卓的不要配置，安卓配置了路径有问题，会出现闪退。萌新小白见解，如果有不对的地方，希望大佬能够及时指点！
uniapp开发的安卓app使用webview调起微信h5支付
梁小Wai的技术博客
06-10 3741
uniapp开发的安卓app使用webview调起微信h5支付
微信h5支付referer的问题
insist_life的博客
06-05 1527
本人在开发的时候，当时第一次碰到微信h5支付，根据后端返回的mweb_url直接使用lcoation.href进行跳转，（注意，此时是开发环境下，即localhost：8080下），然后微信支付后台验证之后，返回的了“商家存在未配置参数，请联系商家解决”；然后我也是第一次碰到这个情况，我以为是后端的参数没有配置，直接找后端沟通，然后后端让我在头里面加上referer这个参数，我想我前端用的是location.href跳转的，怎么在头里面加上referer这个参数呢？因为微信支付后台就会给出这样的返回。
微信公众号js支付开发注意点
Less is more
06-13 687
js-sdk文档地址1.配置js-sdk 域名，登录微信公众号 2.页面引用 微信js文件 3.回调设置js-sdk的值 wx.config ({ debug: false, appId: data.appId, // 必填，公众号的唯一标识 timestamp:
uniapp的H5端微信与支付宝支付（包括PC端与移动端）
F2691898750的博客
05-03 8003
大致流程为请求创建订单接口传递正确参数（例如openid、金额、开始结束时间等），此接口会返回一个图片，或网络图片，或base64图片，这个图片是一张二维码；前端拿到这个二维码渲染到屏幕上并开始启动定时器，每过一秒请求一次查询支付结果接口，查询是否支付成功；支付宝支付可能会给一个跳转链接，直接跳转进入，其中有一个二维码，扫码可完成支付，支付成功或中断的url地址都是在微信商户平台后台配置的；支付成功清除定时器，跳转结果页；以上为流程，那么代码逻辑是就可以跟随流程进行编写以便进行查看，具体流程和代码的逻辑为：
uniapp 开发App使用微信H5支付解决方案（包含前后端，后端用的thinkphp）
oyh6857451的博客
09-17 4721
我们在用uniapp开发app常常需要接入支付功能，但是有时候出于包体积或审核的因素，并不想接入支付相关的sdk，这个时候，就可以考虑使用h5支付实现。可能会遇到iOS跳转微信完成支付后无法自动返回app，是因为UrlSchemes没有配置好。微信h5支付返回的mweb_url，前端直接访问，会报错：商家参数格式有误，请联系商家解决
uniapp H5调取微信支付流程
weixin_53561783的博客
08-04 4067
uniapp H5项目支付流程，大概就是把订单ID重定向到当前页面路径上拉去预支付订单
uniapp微信H5公众号授权与支付
每天都要努力学习哦~~
09-24 6528
如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。的h5页面放置微信公众号内，属于微信的内置浏览器，可以通过网页授权获取微信code。
uni-app微信支付和H5打开微信小程序
qq_42717015的博客
07-27 1715
uni-app微信支付和H5打开微信小程序
uni-app 打包为 H5 并上传服务器
01-08
我主要是用 uni-app 来写安卓端，近日需要将程序打包为 H5 放到 web服务器 上，经过一番折腾。 配置 在开始之前，推荐你先【拷贝】一份代码，防止打包出现问题导致代码受损。 在你的项目文件中找到 manifest.json ，...
uni-app之APP和小程序微信授权方法
10-17
主要介绍了uni-app之APP和小程序微信授权方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于uni-app开发的微信小程序商城项目
08-03
uni-app巨惠购微信小程序介绍 此项目是基于uni-app开发的微信小程序商城项目，开发工具用的是Hbuilder和微信开发者工具，前端用的vue3.0,后台的数据用的是用node搭建的本地服务器，通过内网穿透的方式进行数据外网...
Django1.11配合uni-app发起微信支付的实现
09-18
主要介绍了Django1.11配合uni-app发起微信支付的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
java钉钉微信qq扫码登录
qiaodaima0的博客
04-26 567
钉钉微信qq扫码登录实现
js 制作qq、微信 的表情
pig_ning的博客
04-24 281
js 制作qq、微信 的表情
【uniapp/ucharts】采用 uniapp 框架的 h5 应用使用 ucharts（没有 uni_modules）
最新发布
花间半盘棋
04-26 205
然后按照图片中 README 所写的方式在项目中进行导入；下载的文件是如图所示的路径；就可以正常显示图表啦。
UniApp 项目中的生命周期详解：从诞生到逝去
weixin_47238919的博客
04-22 509
通过本文的介绍，相信你对 UniApp 中的生命周期有了更加深入的理解。合理利用生命周期钩子函数可以更好地管理应用程序的状态和行为，从而提升应用的用户体验和开发效率。
uni-app生成的h5页面 微信浏览器打开微信小程序 支付宝浏览器打开打开支付宝小程序
07-17
在uni-app生成的H5页面中，可以通过以下方式实现微信浏览器打开微信小程序和支付宝浏览器打开支付宝小程序： 1. 微信浏览器打开微信小程序： - 在H5页面中，可以使用`<a>`标签的`href`属性指定微信小程序的链接，例如： ```html <a href="weixin://dl/business/?appid=小程序AppID">点击打开微信小程序</a> ``` 将上述链接中的"小程序AppID"替换为实际的微信小程序AppID。 2. 支付宝浏览器打开支付宝小程序： - 在H5页面中，可以使用支付宝JSAPI的`ap.navigateToAlipayPage`方法跳转到支付宝小程序页面，例如： ```javascript ap.navigateToAlipayPage({ path: 'pages/index/index', // 小程序页面路径 success: function(res) { // 跳转成功回调 }, fail: function(err) { // 跳转失败回调 } }); ``` 请确保在支付宝开放平台中已经配置了相应的小程序链接。 需要注意的是，微信浏览器打开微信小程序和支付宝浏览器打开支付宝小程序需要用户设备上安装有对应的小程序客户端，并且需要提前在相应的开放平台上进行配置和授权。具体实现方式可能会因微信和支付宝的更新而有所变化，建议参考微信开放平台和支付宝开放平台的文档进行开发。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值