微信jsapi支付获取code_微信授权获取code(微信支付)

摘要:最近在做h5支付,然后发现一个问题,微信自带浏览器不支持h5支付,然后后台又做了一个微信支付的接口,然后要传code参数,代码写好总结后,就发到这里记录一下;

因为有两个支付接口,所以首先判断打开页面的是微信浏览器还是其他浏览器,代码如下:

if(ua.match(/MicroMessenger/i) == "micromessenger") {//微信浏览器

}else{//其他浏览器

}

然后,请求接口实例如下:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE&connect_redirect=1#wechat_redirect

参数的意思为:

接着我们要准备的就是,把我们支付的这个APPID与REDIRECT_URI填写好,appid问产品要,然后redirect_url自己找到自己需要跳转的地址链接,然后需要获取code的页面通过上一个页面跳转链接传值获取code即可;

例如:

window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx9cxxxxxxxxxx42c&re

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uni-app中进行微信支付,同样可以通过微信 JS-SDK获取code,具体步骤如下: 1. 在微信公众平台申请开通JSAPI支付权限,并进行相关的支付配置。 2. 在uni-app中安装WeixinJSBridge插件,该插件是uni-app封装的微信JS-SDK。 ``` npm install uni-weixin-jsbridge --save ``` 3. 在支付页面中引入WeixinJSBridge插件,并进行初始化。 ```javascript import weixinJSBridge from 'uni-weixin-jsbridge' weixinJSBridge.config({ appId: '', //公众号的唯一标识 timestamp: '', //生成签名的时间戳 nonceStr: '', //生成签名的随机串 signature: '', //签名 jsApiList: ['chooseWXPay'] //需要使用的JS接口列表 }) ``` 4. 调用微信 JS-SDK 中的 chooseWXPay API,传入相关参数,包括支付金额、订单号等。 ```javascript weixinJSBridge.chooseWXPay({ timeStamp: '', // 时间戳 nonceStr: '', // 随机字符串 package: '', // 统一下单接口返回的 prepay_id 参数值 signType: '', // 签名方式,目前仅支持 'MD5' paySign: '', // 签名 success: function (res) { // 用户支付成功后,微信服务器会返回一个 code var code = res.err_msg.split('code=')[1]; // 将 code 发送给服务端,进行统一下单 uni.request({ url: 'your server url', method: 'POST', data: { code: code, // 其他参数 }, success: function(data) { // 处理支付结果 } }); }, fail: function (res) { // 支付失败处理 } }); ``` 注意,上述示例中的参数需要根据实际情况进行替换。同时,服务端需要使用微信支付 API 中的统一下单接口进行支付,具体实现可以参考微信支付开发文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值