uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)

简介: uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="login-but">
  <view class="column-me column-center row-center">
    <view class="font-size24 color222">微信登录</view>
  </view>
</button>
.login-but {
  width: 180rpx;
  // height: 1rpx;
  // padding: 0;
  background-color: none !important;
  background: none !important;
  border: none !important;
  &::after {  //通过伪元素去除按钮边框
    border: none;
  }
}
// 点击微信授权登录
getPhoneNumber(e) {
  // return false;
  // if (this.pitchOn == 0) {
  //  this.$.toast('请先阅读并同意协议');
  //  return false;
  // }
  if (e.detail.errMsg == "getPhoneNumber:ok") {
    let that = this;
    uni.login({
      provider: 'weixin',
      success: function(loginRes) {
        // 获取用户信息       
        console.log(loginRes, 'login授权code');
        that.$.ajax("POST", "/api/login/weChatLoginTry", {
          code: loginRes.code,
          ajax_type: 'form'
        }, (res) => {
          if (res.code == 1000) {
            if (res.data.status == 2) {
              // 2:微信未绑定手机
              return false
            } else if (res.data.status == 1) { //登录结果 1:成功 2:微信未绑定手机
              that.$.show();
              that.$.set_data("token", res.data.token);
              that.$.set_data("userForm", res.data.user);
              that.$.open_tab('/pages/index/index');
              that.$.hide();
            }
          } else if (res.code == 8001) { //没有授权
            console.log(e.detail.code,'手机号授权code')
            // -----------------------
            that.$.ajax("POST", "/api/login/wxLoginCreateUserCode", {
              code: loginRes.code,  //login授权code
              phoneCode: e.detail.code, //手机号授权code
              ajax_type: 'form'
            }, (res1) => {
              if (res1.code == 1000) {
                // that.$.show();
                that.$.set_data("token", res.data.token);
                that.$.set_data("userForm", res.data.user);
                that.$.open_tab('/pages/index/index');
                // that.$.hide();
              } else {
                that.$.toast(res.message);
              }
            });
            // -----------------------
          } else {
            that.$.toast(res.message);
          }
        });
      }
    });
  } else {
    //拒绝授权
    this.$.toast('已拒绝授权,无法登录');
  }
},

相关文章
|
存储 算法 API
【01】整体试验思路,如何在有UID的情况下获得用户手机号信息,python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
【01】整体试验思路,如何在有UID的情况下获得用户手机号信息,python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
4369 82
|
前端开发 JavaScript 应用服务中间件
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
本文介绍如何在uniapp项目中实现谷歌授权登录,无需后端参与。文章分为三部分:1)谷歌授权登录流程,详细说明从用户点击登录到获取用户信息的整个过程;2)谷歌开发者控制台配置,包括创建项目、配置同意屏幕及OAuth客户端ID等步骤;3)uniapp前端实操,提供具体代码示例,展示如何获取授权码并用其交换访问令牌,最终获取用户信息
2012 2
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
uniapp 登录
uniapp 登录
360 0
|
网络协议 Android开发 数据安全/隐私保护
Android手机上使用Socks5全局代理-教程+软件
Android手机上使用Socks5全局代理-教程+软件
13415 2
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
1031 0

热门文章

最新文章