200.Vue.js智能扫码点餐系统(三十四)【 JSSDK 获取code 、获取 openid 、调用统一下单接口实现支付(微信支付)】2019.04.01
0、知识点JSSDK 获取code获取 openid调用统一下单接口实现支付1、微信支付流程文档开发: https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4业务流程时序图1、Jssdk官网https://mp.weixin.qq.com/wiki?t=resource/res_main&a...
·
0、知识点
- JSSDK 获取code
- 获取 openid
- 调用统一下单接口实现支付
1、微信支付流程
1、Jssdk官网
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
2、配置微信JSSDK支付之前的准备工作***重要:
公众号里面的配置
1、配置JS安全域名: 公众号设置->功能设置->JS接口安全域名 b.itying.com
2、支付需要配置支付域名:公众号设置->功能设置->网页授权域名 * 支付的时候配置的
3、配置IP白名单:基本配置->IP白名单
商户平台里面配置支付目录:
商户平台>产品中心>开发配置->配置公众号支付授权目录 * 支付的时候配置的
http://b.itying.com/index.html http://b.itying.com/
http://b.itying.com/pay/index.html http://b.itying.com/pay/
3、jssdk获取签名的流程:
1、获取access_token
文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183
通过下面地址获取
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx7bf3787c783116e4&secret=cca407db4d8459c907d2c59274ca6d17
{"access_token":"10__sxf1kkKOcmLVcU3kNdQg3fsBeZ1522zvacAZ1dcqRc6Cot-Y-V1Pdn3keTXmV-SwDOZ5nSa3Tcpvk0nXbVZUT8l15T0aJBX_C2WesrsZapaBK9tQ0_cnrBmExIVZZiADAEII","expires_in":7200}
2、根据access_token获取ticket
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=10__sxf1kkKOcmLVcU3kNdQg3fsBeZ1522zvacAZ1dcqRc6Cot-Y-V1Pdn3keTXmV-SwDOZ5nSa3Tcpvk0nXbVZUT8l15T0aJBX_C2WesrsZapaBK9tQ0_cnrBmExIVZZiADAEII&type=jsapi
{"errcode":0,"errmsg":"ok","ticket":"HoagFKDcsGMVCIY2vOjf9g2_I8_P118MfAFHMc-AncAVkaHekeNmVlA2LK4JEznnejfTxR2EnyrGCeFwFEmHpQ","expires_in":7200}
3、根据ticket获取签名
http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
4、获取到了签名。
signature : 4023a32fbd0b281b85087a933c82fa029a1bd7b1
5、使用官方JS-SDK的流程:
1.必须配置js接口的安全域名 找到公众号里面的设置->公众号设置->JS接口安全域名->功能设置->JS接口安全域名
2、点开下面地址配置安全域名:
https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
3、获取测试的appid appsecret
开发者工具->公众平台测试账户
获取正式的appid appsecret
基本配置->公众号开发信息
4、下载官方的JS-SDK 实例包
下载地址: 最下面https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
配置appid appsecret
5、jsApiList: [] 加入权限
6、wx.ready(function () {})里面 使用对应的实例
6、JSSDK微信支付:
准备工作:配置微信JSSDK支付之前的准备工作***重要(文档最上面)
微信支付的三大步骤:
1、获取用户openID:
1、在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID,对于不同公众号,同一用户的openid不同id
2、: 用户同意授权,获取code https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx4518345b2ab754e1&redirect_uri=http://www.jxy-edu.com/result.jsp&response_type=code&scope=snsapi_userinfo#wechat_redirect
2、通过获取的code,返回当前关注者在当前服务号唯一的openId https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx4518345b2ab754e1&secret=4aaf7d8e73e06714212c48cc35dd1fd8&code=0215wGRM0gyO872TmNRM0F8IRM05wGRk&grant_type=authorization_code
3、获取prepay_id 和 paySign
微信支付文档:
微信支付文档:
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1
获取code和openid文档:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
示例链接:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7bf3787c783116e4&redirect_uri=http://b.itying.com&response_type=code&scope=snsapi_userinfo#wechat_redirect
或者
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7bf3787c783116e4&redirect_uri=http://b.itying.com?cid=123&name=zhangsan&response_type=code&scope=snsapi_base#wechat_redirect
mch_id: '1502539541',
wxappid: "wx7bf3787c783116e4",
wxappsecret:'cca407db4d8459c907d2c59274ca6d17',
wxpaykey: 'zhongyuantengitying6666666666666'
更多推荐
已为社区贡献1条内容
所有评论(0)