微信H5支付 uniapp使用微信H5支付 调起支付错误 授权目录不正确的问题

已于 2024-01-05 13:24:52 修改
阅读量549 收藏 1
点赞数
分类专栏： uniApp 文章标签： uni-app
于 2023-02-20 14:36:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41429765/article/details/129123510
版权

背景

h5的支付授权目录一个商户号只允许设置3个支付授权目录，需要把支付授权目录写成公共的支付跳转路径

错误场景

但是uni的navigateTo进行跳转支付页拉起微信支付，有的时候竟然会出现微信提示，跳转的路径跟实际要跳转的路径不匹配，还是会处于跳转支付页之前的地址，所以就报错支付授权目录不匹配

解决方式

1.检查微信商户平台设置的授权目录，是否与跳转的支付目录相同

2.使用location.href('');跳转替换uni.navigateTo跳转路径就解决了

详细的H5微信支付看这篇

Vue在公众号内打开应用实现微信支付功能_路光.的博客-CSDN博客_vue 微信 公众号支付

路光.
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信H5支付修改下配置（APPID、商户号等）即可使用
01-16
微信H5支付，微信浏览器支付，微信支付 1, 修改wxpay.php文件的参数 define('APPID','APPID'); define('APIKEY','商户安全密钥'); define('MCH_ID','商户ID'); define('NOTIFY_URL','http://你的域名/return_url.php'); 2 ,H5支付不能直接在微信浏览器中打开支付，需要打开外部浏览器才能支付。 3 ,商户平台中设置H5支付域名。 4 ,需要在线上测试并且服务器要有写入权限，在程序运行过程中会生成日志文件。
uni-app h5调用微信支付方法
weixin_41262185的博客
10-30 1万+
uni-app h5调用微信支付方法 首先微信支付的形式要好多种如需可查看https://pay.weixin.qq.com/wiki/doc/api/index.html，这里主要用的是JSAPI的支付形式。 想要公众号、h5页面直接调起微信支付窗口实现支付形式，首先必须是微信浏览器或微信环境下才可以直接调起。也就是我们的链接要是https的，下面是我支付的整个流程： 思路：1.首先我们要先获取openid，如何获取openid,可通过从url中获取code，再返回给后台处理来获取openid 2.获取o
uniapp 开发App使用微信H5支付解决方案
最新发布
buikly的博客
03-19 579
在uni开发中，项目不使用uni的内置支付，采用h5页面的微信支付方式；点击项目的manifest.json文件， App常用其它设置-UrlSchemes，将申请h5支付的域名输入进去作为返回app的scheme。在h5支付页面配置redirect_url作为回退路径，值要与scheme的值一致后面多加符号‘://+路径’注意：此处是用来配置回退到app的页面路径，安卓的不要配置，安卓配置了路径有问题，会出现闪退。萌新小白见解，如果有不对的地方，希望大佬能够及时指点！
uni H5 苹果手机调微信支付失败
blh5603的博客
12-16 320
在调试uniAPP的微信支付的时候用的微信公众号的APPID，发起支付后只能成功支付一次，然后就调不起微信支付了。发现问题原因后，修改成了微信公众平台APP的APPID。本以为应该正常了，结果却掉进另一个深坑。 在hbuider上反复调试，结果还是只能发起一次支付，查阅各种资料，试了N种方法还是不行，最后梦醒，原来用Hbuilder的真机调试，它的包名是Hbuilder基座的包名，于是直接封装了正式包，使用正式包测试微信支付功能后，，一切正常，乌拉。 ...
记录使用uniapp开发项目微信小程序和h5支付遇到的问题
u014636613的博客
02-23 897
首先说明下开发需求，工作外的个人时间接手了一个项目，需要开发微信小程序和h5页面，页面是一样的，所以首次尝试用uniapp开发，一套代码开发同时生成两个端，百度了一天，踩了一堆坑，最后还是按着必要的流程来debug找问题，具体的过程不叙述了，讲几个必要点，没问题可以直接拿，有问题好好读下看看细节哪里出问题吧： 首先是使用同一个支付页面，使用条件编译对应两个端的支付 支付调用方法： pay() { let data ={ id:this.menuid, userId :this.
uniapp微信环境内H5调起微信支付
yi754808的博客
01-17 1090
第一步：引入微信（js-sdk文件（或者使用npm下载 npm install weixin-js-sdk 第二步：新建一个js文件夹（这里用的是npm下载的包） const wx = require('jweixin-module'); export const wexinPay = (data, oderid, type) => { wx.config({ debug: false, appId: data.appId, timestamp: data.timeStamp,
uniapp的H5端微信与支付宝支付（包括PC端与移动端）
F2691898750的博客
05-03 8096
大致流程为请求创建订单接口传递正确参数（例如openid、金额、开始结束时间等），此接口会返回一个图片，或网络图片，或base64图片，这个图片是一张二维码；前端拿到这个二维码渲染到屏幕上并开始启动定时器，每过一秒请求一次查询支付结果接口，查询是否支付成功；支付宝支付可能会给一个跳转链接，直接跳转进入，其中有一个二维码，扫码可完成支付，支付成功或中断的url地址都是在微信商户平台后台配置的；支付成功清除定时器，跳转结果页；以上为流程，那么代码逻辑是就可以跟随流程进行编写以便进行查看，具体流程和代码的逻辑为：
2、什么是支付授权目录？
xrr15737519409的博客
07-09 1671
支付授权目录指的是支付页面所在的目录（只要是这个目录下的页面都可以），并且域名要通过icp备案
uniapp h5的支付宝，微信支付
weixin_44510655的博客
07-21 1万+
uniapp h5微信，支付宝支付
H5页面调用微信支付
热门推荐
chen_ai_tao的博客
02-24 2万+
H5页面调用微信支付
微信JSAPI支付，配置支付授权目录，添加后无提示，目录也未成功添加
weixin_51713906的博客
11-20 884
⑤现在不要刷新页面，直接重新进行①②两步操作，就会发现这次没有进入到③，没有让你输入操作密码，而是直接显示出了新添加的地址。④此时会跳转回配置支付授权目录页面，但是并没有出现刚才添加的地址。③跳转到输入操作密码页面，输入操作密码。解决：①点击添加，输入地址如。
uniapp H5集成微信JS支付
03-26
uni-app框架下，开发H5，集成微信JS API支付，安装指定的，jweixin-module之后调用方法关键代码，搞了一星期，终于都搞明白，很简单，一看就懂了。
uniapp jsapi 微信支付
12-15
uni-app框架下，开发H5，集成微信JS API支付，调用之前需要安装jweixin-module。代码已经封装好，下载就能用
微信/支付宝 H5支付接口(C#版demo)
02-22
微信/支付宝 H5支付接口(C#版demo)
微信H5支付微信H5支付微信H5支付
11-08
微信H5支付 微信H5支付 微信H5支付 微信H5支付 微信H5支付 微信H5支付
uniapp小程序的getsysteminfo_小程序（uniapp）两分钟教你调起微信支付！
weixin_39604280的博客
11-23 684
什么是uni-app？首先前文，为什么是用uni-app开发，而不是用微信原生的微信开发者工具，这里也就不过多解释了，因为uni-app能够快速达到敏捷开发的效果，(并且实现跨平台)写法上和Vue及其相似，容易上手，现阶段的很多公司、企业也慢慢的开始重视起这项技术，并在这项技术上有专项的开发小组！本期内容讲述在uni-app实际开发中，我们如何调起微信支付。在日常开发中，涉及到H5、小程...
uniapp开发的安卓app使用webview调起微信h5支付
梁小Wai的技术博客
06-10 3748
uniapp开发的安卓app使用webview调起微信h5支付
uniapp 开发App使用微信H5支付解决方案（包含前后端，后端用的thinkphp）
oyh6857451的博客
09-17 4880
我们在用uniapp开发app常常需要接入支付功能，但是有时候出于包体积或审核的因素，并不想接入支付相关的sdk，这个时候，就可以考虑使用h5支付实现。可能会遇到iOS跳转微信完成支付后无法自动返回app，是因为UrlSchemes没有配置好。微信h5支付返回的mweb_url，前端直接访问，会报错：商家参数格式有误，请联系商家解决
UniApp H5联调 微信支付/支付宝支付(带详细注释)
Guanchong333的博客
12-13 4910
UniApp H5联调 微信支付/支付宝支付(带详细注释)
uniapp h5微信支付
05-01
Uniapp是一个多平台开发框架，可以用来开发不同系统的应用程序。H5是web应用程序的一种形式。微信支付是一种移动支付的方式，它可以让用户在微信平台上进行购买付款等的操作。Uniapp支持在H5应用程序中使用微信支付功能，用户可以通过微信支付进行在应用程序中的付款操作。 Uniapp中已经内置了微信支付的功能接口，开发者只需要按照相关的API接口进行开发，就可以实现微信支付的功能。在H5应用程序中，用户可以利用微信支付进行订单的支付、退款、查询等操作。为了保证微信支付的安全性，Uniapp也提供了支付功能的安全性校验和确保支付信息的加密传输。 总之，Uniapp H5微信支付是一个非常便捷的移动支付方式，因为它可以针对不同的平台进行开发，并且可以直接通过微信进行交易。这使得开发者能够提供用户更多的支付方式，并且增加了用户使用应用程序的意愿。同时，由于Uniapp具有良好的跨平台和易于开发的特性，使得开发者可以更加轻松地实现应用程序中的微信支付功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

路光.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值