Django1.11配合uni-app发起微信支付!
创新互联是一家集网站建设,光山企业网站建设,光山品牌网站建设,网站定制,光山网站建设报价,网络营销,网络优化,光山网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。经过三天的断断续续的奋战,我终于是干动了微信支付。为了以后不忘记,现在来一篇教程,来来来,开干!!!
一、准备阶段
1、准备阶段我们需要去微信官网申请一个小程序或者公众号。获得AppID和AppSecret。
2、去微信商户平台 成为商家,开通JSAPI用来获得商户号和自己配置的钥匙。然后再商户平台上面绑定小程序appid。
(点击下面图片进入官方链接!)
在配置里面配置一个自己的key,需要记住后台开发的时候需要!
关联后即可在小程序管理页面开通微信支付!
到此,准备阶段完成!
二、梳理流程
在这里我大概写一下流程:首先我们在前端发起微信登陆,此时微信会给我们返回一个openid,这个openid一定要留存在某一个位置。然后前段发起微信支付,向后端发送数据请求,后端对结合前段的数据向微信方面发送一个请求,请求相关数据,得到相关数据之后把数据发送给前段,前段收到数据,利用微信接口再向微信指定连接发送请求,微信返回请求,即可!这个就是全流程,很多人肯定已经懵了。没事,咱一步一步来,别步子跨大了——扯到蛋了!
以上就是数据处理阶段大概流程!
三、代码实现
0、用户登录根据用户code获取openid
uni.login({ provider: 'weixin', success: function(loginRes) { let code = loginRes.code; if (!_this.isCanUse) { //非第一次授权获取用户信息 uni.getUserInfo({ provider: 'weixin', success: function(infoRes) { //获取用户信息后向调用信息更新方法 _this.nickName = infoRes.userInfo.nickName; //昵称 _this.avatarUrl = infoRes.userInfo.avatarUrl; //头像 _this.updateUserInfo();//调用更新信息方法 } }); } //2.将用户登录code传递到后台置换用户SessionKey、OpenId等信息 uni.request({ url: 'http://127.0.0.1:8000/users/', data: { code: code, }, method: 'GET', header: { 'content-type': 'application/json' }, success: (res) => { console.log(res.data) if ( res.data.state== 1001) { console.log("新注册的用户!") _this.OpenId = res.data.openid; } else{ _this.OpenId = res.data.openid; console.log("注册过的用户!开始设置本地缓存!") console.log(res.data[0].id) if ( res.data[0].id ) { //这里获得登陆状态,然后根据登陆状态来改变用户按钮信息!!!! } else{ }; _this.user_id = res.data[0].id uni.setStorage({ key: 'user', data: res.data, success: function () { console.log('设置缓存成功'); } }); // _this.gotoshopping() // uni.reLaunch({//信息更新成功后跳转到小程序首页 // url: '/pages/shopping/shopping' // }); } //openId、或SessionKdy存储//隐藏loading uni.hideLoading(); } }); }, });
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享文章:Django1.11配合uni-app发起微信支付的实现-创新互联
URL地址:http://scpingwu.com/article/cejspc.html