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获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
2582 82
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
455 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
Web App开发 Android开发
FFmpeg开发笔记(四十六)利用SRT协议构建手机APP的直播Demo
实时数据传输在互联网中至关重要,不仅支持即时通讯如QQ、微信的文字与图片传输,还包括音视频通信。一对一通信常采用WebRTC技术,如《Android Studio开发实战》中的App集成示例;而一对多的在线直播则需部署独立的流媒体服务器,使用如SRT等协议。SRT因其优越的直播质量正逐渐成为主流。本文档概述了SRT协议的使用,包括通过OBS Studio和SRT Streamer进行SRT直播推流的方法,并展示了推流与拉流的成功实例。更多细节参见《FFmpeg开发实战》一书。
1053 1
FFmpeg开发笔记(四十六)利用SRT协议构建手机APP的直播Demo
|
Web App开发 移动开发 编解码
FFmpeg开发笔记(三十二)利用RTMP协议构建电脑与手机的直播Demo
本文讨论了实时数据传输在互联网中的重要性,如即时通讯和在线直播。一对一通信通常使用WebRTC技术,但一对多直播需要流媒体服务器和特定协议,如RTSP、RTMP、SRT或RIST。RTMP由于其稳定性和早期普及,成为国内直播的主流。文章通过实例演示了如何使用OBS Studio和RTMP Streamer进行RTMP推流,并对比了不同流媒体传输协议的优缺点。推荐了两本关于FFmpeg和Android开发的书籍以供深入学习。
612 0
FFmpeg开发笔记(三十二)利用RTMP协议构建电脑与手机的直播Demo
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的悦己美容院后台管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的悦己美容院后台管理系统附带文章和源代码部署视频讲解等
181 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的游戏后台系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的游戏后台系统的详细设计和实现(源码+lw+部署文档+讲解等)
434 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的医院后台管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的医院后台管理系统的详细设计和实现
250 2
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的前后台图书商城系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的前后台图书商城系统附带文章源码部署视频讲解等
154 0