Django1.11配合uni-app发起微信支付的实现-创新互联

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发起微信支付的实现-创新互联
文章起源：http://cdxtjz.com/article/cejspc.html