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('已拒绝授权,无法登录');
  }
},

相关文章
|
安全 Go 开发工具
HarmonyOS5云服务技术分享--手机号登录教程
本文详细讲解了在HarmonyOS中集成手机号认证功能的全流程。首先分析了手机号认证的优势,如用户友好、安全性强及快速接入。接着介绍了环境准备步骤,包括集成AGC认证SDK、开启手机认证能力及添加必要权限。核心功能实现部分提供了新用户注册、密码登录和验证码登录的代码示例。此外,还涵盖了账号管理技巧,如修改绑定手机号、重置密码等,并提供了避坑指南和扩展能力建议,帮助开发者轻松实现安全高效的认证系统。
|
存储 NoSQL 前端开发
美团面试:手机扫描PC二维码登录,底层原理和完整流程是什么?
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程,帮助大家在面试中脱颖而出。该过程分为三个阶段:待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容,请关注【技术自由圈】获取。
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
602 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
438 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
375 7
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
399 7
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
393 7
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
558 7
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
333 7
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的大学生勤工助学管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的大学生勤工助学管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
476 7