所在地_uniapp公众号支付

篇首语：本文由编程笔记#小编为大家整理，主要介绍了uniapp 公众号支付相关的知识，希望对你有一定的参考价值。

如果你是vue 可参考&＃xff1a; vue h5 公众号支付

后端的小伙伴需要做一些微信公众号的配置&＃xff08;商户目录 、域名&＃xff09; 以及 微信 商户平台的配置

前端主要的是通过openid 获取 code 来调起后端的接口拿到支付的参数 来对接微信 的sdk的方法

记得要用公众号账号把自己添加到开发者中

首先通过链接  微信 官方平台的链接来获取 code 微信开放文档

https://open.weixin.qq.com/connect/oauth2/authorize?appid&＃61;xxx&redirect_uri&＃61;$encodeURIComponent(window.location.href)&response_type&＃61;code&scope&＃61;snsapi_base&state&＃61;STATE#wechat_redirect

 参数说明&＃xff1a;

 一、获取code及token

App.vue

讲解&＃xff1a;

1. 由于最终获取的code是 通过url&＃xff1f;路径拼接的形式返回的&＃xff0c;所以当路径没有code参数时跳转到微信授权获取code

2.如果参数中已经存在了code 直接拿code换取openid或者token  返回的参数取决于后端之后接口需要的参数

3.存储openid 或者 code

如果要调试 需要拿微信开发者工具 进入公众号网页调试

二、授权及支付

安装微信的sdk  概述 | 微信开放文档

npm install jweixin-module --save

再要支付的页面中引入sdk文件&＃xff0c;由于是直接在微信环境下不再做其他校验&＃xff0c;如果是浏览器环境下可参考顶部支付文章

var wx &＃61; require(&＃39;jweixin-module&＃39;)

讲解&＃xff1a;

1. 在使用微信的一些方法时需要先通过 config 接口注入权限验证配置  参数可以调用接口来获取

2. 通过 ready 接口处理成功验证

3. 发起微信支付请求