微信扫码拉起小程序手机号授权跨端登录

已于 2023-06-16 10:10:36 修改
阅读量345 收藏
点赞数 1
文章标签： 微信 小程序 手机号授权登录
于 2023-06-13 15:53:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenxiaoscode/article/details/131189620
版权

开发小程序手机号授权需要到微信公众平台：

        1.获取微信开发 secret，在 设置 - 开发设置 页中获得

        2.进行 微信认证

        3.后端服务需要申请https域名

        4.开发测试时，需要打开微信开发者工具-详情（右上角）-项目配置-域名信息 配置request合法域名

微信小程序代码段

wxml: 背景图片需要自己替换

<!--index.wxml-->
<view class="container">
  <image class="image-bg" src="../../assest/img/bg.png"></image>
  <image class="image-uav" src="../../assest/img/uav.png"></image>

  <view class="title">
    <text class="title-content">{{title}}</text>
  </view>

  <button wx:if="{{!exitFlag && checked}}" class="image-btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" style="width: 80%;"> {{btn}} </button>
  <button wx:if="{{!exitFlag && !checked}}" class="image-btn" bindtap="getPhoneNumber" style="width: 80%;"> {{btn}} </button>
  <view wx:if="{{!exitFlag}}" class="agreement">
    <view>
      <checkbox-group class="agreement-checkbox-group" bindchange="checkboxChange">
        <checkbox value="agreementVal" checked="{{checked}}">
        </checkbox>
      </checkbox-group>
      <text class="agreement-content" bindtap="showModel">{{agreement}}</text>
    </view>
  </view>
  <navigator wx:if="{{exitFlag}}" class="exit-btn" open-type="exit" target="miniProgram" style="width: 80%;"> {{exitBtn}} </navigator>



  <!-- 用户协议 -->
  <view class="model_box" hidden="{{hide}}">
    <view class="mb-tit">
      用户服务协议
      <icon class="mb-cancel" type="cancel" size="23" bindtap="showModel"></icon>
    </view>
    <view class="mb-content">
      <view class="mb-con">引言</view>
      <view class="mb-con">通用xxx：</view>
    </view>
  </view>
</view>

ts:

const app = getApp<IAppOption>()
Page({
  data: {
    title: '你好,\n欢迎使用xx授权登录',
    agreement: '我已阅读并同意 xx网络平台用户协议\n及领克个人信息保护政策',
    btn: '微信授权获取个人信息',
    exitBtn: '点击退出小程序',
    exitFlag: false,
    userInfo: {},
    hasUserInfo: false,
    //开发环境
    // getPhoneNumberUrl: 'http://localhost:8081/wx/api/getPhoneNumber',
    //测试环境
    getPhoneNumberUrl: 'https://xxx-dev/wx/api/getPhoneNumber',
    //生产环境
    // getPhoneNumberUrl: 'https://xxx-prod/wx/api/getPhoneNumber',
    checked: false,
    hide: true,
    cb: 0,
    uid: undefined,
  },
  onLoad() {
    const pages: any = getCurrentPages();
    const currentPage: any = pages[pages.length - 1];
    if (currentPage.options.uid) {
      this.setData({
        uid: currentPage.options.uid
      })
    }
  },
  checkboxChange(e: any) {
    let val = e.detail.value
    if (val.length > 0) {
      this.setData({
        checked: true,
      })
    } else {
      this.setData({
        checked: false,
      })
    }
  },
  showModel() {
    if (this.data.hide) {
      this.setData({
        checked: true
      })
    }
    this.setData({
      hide: !this.data.hide
    })
  },
  getPhoneNumber(e: any) {
    if (!this.data.checked) {
      wx.showToast({
        title: '请阅读并同意',
        icon: 'error',
        duration: 800
      })
      return;
    }
    let detail = e.detail;
    if (detail.errMsg === "getPhoneNumber:ok") {
      // 动态令牌
      let code = detail.code;
      let that = this;
      wx.request({
        url: this.data.getPhoneNumberUrl,
        method: 'POST',
        header: {
          'content-type': 'application/json' // 默认值
        },
        data: {
          code: code,
          uid: this.data.uid
        },
        success() {
          wx.showToast({
            title: '授权成功',
            icon: 'success',
            duration: 1000,
            complete: function () {
              that.setData({
                exitFlag: true
              })
            }
          })
        },
        fail() {
          wx.showToast({
            title: '授权失败',
            icon: 'error',
            duration: 1000
          })
        },
      })
    }
  },
})

wxss:

/**index.wxss**/

.image-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -999;
}

.image-uav {
  position: absolute;
  top: 410rpx;
  width: 55%;
  height: 13%;
}

.title {
  position: absolute;
  top: 680rpx;
}

.title-content {
  color: aliceblue;
  font-size: 50rpx;
  letter-spacing: 5rpx;
}

.image-btn {
  position: absolute;
  bottom: 200rpx;
  background-color: #339586;
  color: aliceblue;
}

checkbox .wx-checkbox-input {
  border-radius: 50%;
  border: 2rpx solid #5e5e5f;
  height: 24rpx;
  width: 24rpx;
  margin-top: -33rpx;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
  font-size: 25rpx;
  font-weight: bold;
}

.agreement {
  position: absolute;
  bottom: 100rpx;
  justify-content: center;
  align-content: center;
  text-align: center;
}

.agreement-checkbox-group{
  position: absolute;
  bottom: 23rpx;
  left: -33rpx;
}

.agreement-content {
  color: aliceblue;
  font-size: 20rpx;
  letter-spacing: 2rpx;
}

.exit-btn {
  position: absolute;
  bottom: 200rpx;
  height: 70rpx;
  text-align: center;
  background-color: #339586;
  color: aliceblue;
  border-radius: 10rpx;
  line-height: 65rpx;
  font-weight: bold;
}

.model_box {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 75%;
  width: 85%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: #fff;
  opacity: 0.9;
  border-radius: 15rpx;
}

.mb-content {
  padding: 10rpx 20rpx 10rpx 25rpx;
  box-sizing: border-box;
  height: 91%;
  overflow: scroll;
}

.mb-tit {
  padding: 15rpx 0rpx;
  box-sizing: border-box;
  font-size: 34rpx;
  text-align: center;
}

.mb-cancel {
  position: fixed;
  right: 5%;
}

.wx-icon-cancel {
  color: #5e5e5f;
}

.mb-con {
  font-size: 22rpx;
  text-indent: 2rem;
  line-height: 1.5;
}

后端java：

@Service
public class WxApiServiceImpl implements WxApiService {
    private static final Logger log = LoggerFactory.getLogger(WxApiServiceImpl.class);
    @Autowired
    private RedisCache redisCache;
    @Value("${wx.appid}")
    public String appid;
    @Value("${wx.secret}")
    public String secret;
    @Value("${wx.grantType}")
    public String grantType;
    @Value("${wx.getPhoneNumber}")
    public String getPhoneNumber;
    @Value("${wx.getQRCode}")
    public String getQRCode;
    @Value("${wx.getAccessToken}")
    public String getAccessToken;
    @Value("${wx.numberTimeOut}")
    public int numberTimeOut;

    @Override
    public JSONObject getQRCode(WxInfo wxInfo) {
        try {
            //获取token
            String getAccessTokenParams = "grant_type=" + grantType + "&appid=" + appid +
                    "&secret=" + secret;
            String accessTokenJsonStr = HttpUtils.sendPost(getAccessToken, getAccessTokenParams);
            JSONObject accessTokenJson = JSONObject.parseObject(accessTokenJsonStr);
            //获取小程序二维码
            String params = "access_token=" + accessTokenJson.getString("access_token");
            JSONObject codeBodyParams = new JSONObject();
            codeBodyParams.put("path", "pages/index/index?uid=" + wxInfo.getUid());
            codeBodyParams.put("width", "430");
            String code = HttpUtils.sendPostWXCode(getQRCode, params, codeBodyParams);
            JSONObject data = new JSONObject();
            data.put("code", code);
            return new ResponseUtil.Builder(AppConstants.SUCCESS, AppConstants.SUCCESS_MSG).data(data).build();
        } catch (Exception e) {
            log.warn(">>>>>>>>>>>>>>>>微信API调用失败！<<<<<<<<<<<<<<<<<<<", e);
            return new ResponseUtil.Builder(AppConstants.WX_API_ERROR, AppConstants.WX_API_ERROR_MSG).build();
        }
    }

    @Override
    public JSONObject getPhoneNumber(WxInfo wxInfo) {
        try {
            //获取token
            String getAccessTokenParams = "grant_type=" + grantType + "&appid=" + appid +
                    "&secret=" + secret;
            String accessTokenJsonStr = HttpUtils.sendPost(getAccessToken, getAccessTokenParams);
            JSONObject accessTokenJson = JSONObject.parseObject(accessTokenJsonStr);
            String params = "access_token=" + accessTokenJson.getString("access_token");
            JSONObject bodyParams = new JSONObject();
            bodyParams.put("code", wxInfo.getCode());
            //获取手机号
            String phoneNumberJsonStr = HttpUtils.sendPostUrlParams(getPhoneNumber, params, bodyParams);
            JSONObject phoneNumberJson = JSONObject.parseObject(phoneNumberJsonStr);
            phoneNumberJson.put("uid", wxInfo.getUid());
            //缓存手机号
            redisCache.setCacheObject(Constants.QR_DATA_KEY + wxInfo.getUid(), phoneNumberJson, numberTimeOut, TimeUnit.MINUTES);

            return new ResponseUtil.Builder(AppConstants.SUCCESS, AppConstants.SUCCESS_MSG).data(phoneNumberJson).build();
        } catch (Exception e) {
            log.warn(">>>>>>>>>>>>>>>>微信API调用失败！<<<<<<<<<<<<<<<<<<<", e);
            return new ResponseUtil.Builder(AppConstants.WX_API_ERROR, AppConstants.WX_API_ERROR_MSG).build();
        }
    }

    @Override
    public JSONObject getPhoneNumberByUid(WxInfo wxInfo) {
        JSONObject redisCode = redisCache.getCacheObject(Constants.QR_DATA_KEY + wxInfo.getUid());
        if (redisCode == null) {
            return new ResponseUtil.Builder(AppConstants.WX_QR_DATA_ERROR, AppConstants.WX_QR_DATA_ERROR_MSG).build();
        }
        return new ResponseUtil.Builder(AppConstants.SUCCESS, AppConstants.SUCCESS_MSG).data(redisCode).build();
    }

    @Override
    public JSONObject clearQRData(WxInfo wxInfo) {
        if (StringUtils.isNotEmpty(wxInfo.getUid())) {
            log.info(">>>>>>>>>>>>>>>>clear redis qr data ," + Constants.QR_DATA_KEY + wxInfo.getUid() + "<<<<<<<<<<<<<<<<<<<");
            redisCache.deleteObject(Constants.QR_DATA_KEY + wxInfo.getUid());
        }
        return new ResponseUtil.Builder(AppConstants.SUCCESS, AppConstants.SUCCESS_MSG).build();
    }
}

http工具类：

public class HttpUtils {
    private static final Logger log = LoggerFactory.getLogger(HttpUtils.class);

    /**
     * 向指定 URL 发送GET方法的请求
     *
     * @param url   发送请求的 URL
     * @param param 请求参数，请求参数应该是 name1=value1&name2=value2 的形式。
     * @return 所代表远程资源的响应结果
     */
    public static String sendGet(String url, String param) {
        return sendGet(url, param, Constants.UTF8);
    }

    /**
     * 向指定 URL 发送GET方法的请求
     *
     * @param url         发送请求的 URL
     * @param param       请求参数，请求参数应该是 name1=value1&name2=value2 的形式。
     * @param contentType 编码类型
     * @return 所代表远程资源的响应结果
     */
    public static String sendGet(String url, String param, String contentType) {
        StringBuilder result = new StringBuilder();
        BufferedReader in = null;
        try {
            String urlNameString = url + "?" + param;
            log.info("sendGet - {}", urlNameString);
            URL realUrl = new URL(urlNameString);
            URLConnection connection = realUrl.openConnection();
            connection.setRequestProperty("accept", "*/*");
            connection.setRequestProperty("connection", "Keep-Alive");
            connection.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
            connection.connect();
            in = new BufferedReader(new InputStreamReader(connection.getInputStream(), contentType));
            String line;
            while ((line = in.readLine()) != null) {
                result.append(line);
            }
            log.info("recv - {}", result);
        } catch (ConnectException e) {
            log.error("调用HttpUtils.sendGet ConnectException, url=" + url + ",param=" + param, e);
        } catch (SocketTimeoutException e) {
            log.error("调用HttpUtils.sendGet SocketTimeoutException, url=" + url + ",param=" + param, e);
        } catch (IOException e) {
            log.error("调用HttpUtils.sendGet IOException, url=" + url + ",param=" + param, e);
        } catch (Exception e) {
            log.error("调用HttpsUtil.sendGet Exception, url=" + url + ",param=" + param, e);
        } finally {
            try {
                if (in != null) {
                    in.close();
                }
            } catch (Exception ex) {
                log.error("调用in.close Exception, url=" + url + ",param=" + param, ex);
            }
        }
        return result.toString();
    }

    /**
     * 向指定 URL 发送POST方法的请求
     *
     * @param url   发送请求的 URL
     * @param param 请求参数，请求参数应该是 name1=value1&name2=value2 的形式。
     * @return 所代表远程资源的响应结果
     */
    public static String sendPost(String url, String param) {
        PrintWriter out = null;
        BufferedReader in = null;
        StringBuilder result = new StringBuilder();
        try {
            String urlNameString = url;
            log.info("sendPost - {}", urlNameString);
            URL realUrl = new URL(urlNameString);
            URLConnection conn = realUrl.openConnection();
            conn.setRequestProperty("accept", "*/*");
            conn.setRequestProperty("connection", "Keep-Alive");
            conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
            conn.setRequestProperty("Accept-Charset", "utf-8");
            conn.setRequestProperty("contentType", "utf-8");
            conn.setDoOutput(true);
            conn.setDoInput(true);
            out = new PrintWriter(conn.getOutputStream());
            out.print(param);
            out.flush();
            in = new BufferedReader(new InputStreamReader(conn.getInputStream(), "utf-8"));
            String line;
            while ((line = in.readLine()) != null) {
                result.append(line);
            }
            log.info("recv - {}", result);
        } catch (ConnectException e) {
            log.error("调用HttpUtils.sendPost ConnectException, url=" + url + ",param=" + param, e);
        } catch (SocketTimeoutException e) {
            log.error("调用HttpUtils.sendPost SocketTimeoutException, url=" + url + ",param=" + param, e);
        } catch (IOException e) {
            log.error("调用HttpUtils.sendPost IOException, url=" + url + ",param=" + param, e);
        } catch (Exception e) {
            log.error("调用HttpsUtil.sendPost Exception, url=" + url + ",param=" + param, e);
        } finally {
            try {
                if (out != null) {
                    out.close();
                }
                if (in != null) {
                    in.close();
                }
            } catch (IOException ex) {
                log.error("调用in.close Exception, url=" + url + ",param=" + param, ex);
            }
        }
        return result.toString();
    }

    public static String sendPostUrlParams(String url, String param, JSONObject bodyParams) {
        OutputStreamWriter out = null;
        BufferedReader in = null;
        StringBuilder result = new StringBuilder();
        try {
            String urlNameString = url + "?" + param;
            log.info("sendPostUrlParams - {}", urlNameString);
            URL realUrl = new URL(urlNameString);
            URLConnection conn = realUrl.openConnection();
            conn.setRequestProperty("accept", "*/*");
            conn.setRequestProperty("connection", "Keep-Alive");
            conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
            conn.setRequestProperty("Accept-Charset", "utf-8");
            conn.setRequestProperty("contentType", "utf-8");
            conn.setDoOutput(true);
            conn.setDoInput(true);
            if (bodyParams != null && !bodyParams.isEmpty()) {
                out = new OutputStreamWriter(conn.getOutputStream());
                out.write(bodyParams.toString());
                out.flush();
            }
            in = new BufferedReader(new InputStreamReader(conn.getInputStream(), "utf-8"));
            String line;
            while ((line = in.readLine()) != null) {
                result.append(line);
            }
            log.info("recv - {}", result);
        } catch (ConnectException e) {
            log.error("调用HttpUtils.sendPost ConnectException, url=" + url + ",param=" + param, e);
        } catch (SocketTimeoutException e) {
            log.error("调用HttpUtils.sendPost SocketTimeoutException, url=" + url + ",param=" + param, e);
        } catch (IOException e) {
            log.error("调用HttpUtils.sendPost IOException, url=" + url + ",param=" + param, e);
        } catch (Exception e) {
            log.error("调用HttpsUtil.sendPost Exception, url=" + url + ",param=" + param, e);
        } finally {
            try {
                if (out != null) {
                    out.close();
                }
                if (in != null) {
                    in.close();
                }
            } catch (IOException ex) {
                log.error("调用in.close Exception, url=" + url + ",param=" + param, ex);
            }
        }
        return result.toString();
    }

    /**
     * @author: chenxiao
     * @description: 获取小程序二维码
     * @date: Create in 2023/6/9 14:31
     * @modified By:
     */
    public static String sendPostWXCode(String url, String param, JSONObject bodyParams) {
        OutputStreamWriter out = null;
        String result = "";
        try {
            String urlNameString = url + "?" + param;
            log.info("sendPostUrlParams - {}", urlNameString);
            URL realUrl = new URL(urlNameString);
            URLConnection conn = realUrl.openConnection();
            conn.setRequestProperty("accept", "*/*");
            conn.setRequestProperty("connection", "Keep-Alive");
            conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
            conn.setRequestProperty("Accept-Charset", "utf-8");
            conn.setRequestProperty("contentType", "utf-8");
            conn.setDoOutput(true);
            conn.setDoInput(true);
            if (bodyParams != null && !bodyParams.isEmpty()) {
                out = new OutputStreamWriter(conn.getOutputStream());
                out.write(bodyParams.toString());
                out.flush();
            }
            result = new String(Base64.getEncoder().encode(IOUtils.toByteArray(conn.getInputStream())), Charsets.UTF_8);
            log.info("recv - {}", result);
        } catch (ConnectException e) {
            log.error("调用HttpUtils.sendPost ConnectException, url=" + url + ",param=" + param, e);
        } catch (SocketTimeoutException e) {
            log.error("调用HttpUtils.sendPost SocketTimeoutException, url=" + url + ",param=" + param, e);
        } catch (IOException e) {
            log.error("调用HttpUtils.sendPost IOException, url=" + url + ",param=" + param, e);
        } catch (Exception e) {
            log.error("调用HttpsUtil.sendPost Exception, url=" + url + ",param=" + param, e);
        } finally {
            try {
                if (out != null) {
                    out.close();
                }
            } catch (IOException ex) {
                log.error("调用io close Exception, url=" + url + ",param=" + param, ex);
            }
        }
        return result;
    }
}

 

application.yml：

wx:
  # 微信公众平台 - 设置 - 开发设置」页中获得
  appid: xxx
  # 微信公众平台 - 设置 - 开发设置」页中获得
  secret: xxx
  # getAccessToken接口需要
  grantType: client_credential
  # 获取手机号
  getPhoneNumber: https://api.weixin.qq.com/wxa/business/getuserphonenumber
  # 获取小程序二维码
  getQRCode: https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode
  # 获取小程序全局唯一后台接口调用凭据，token有效期为7200s
  getAccessToken: https://api.weixin.qq.com/cgi-bin/token
  numberTimeOut: 10

按照以上代码复制到项目即可，亲测可用的哈，有问题可以联系我噢

微信小程序拉起手机号码授权
10-18
小程序手机号码解密工具js
微信小程序-微信小程序登录流程（一）
MinggeQingchun的博客
03-27 4454
小程序，的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
uniapp 微信小程序之拉取用户电话号码
weixin_43467567的博客
07-15 630
【代码】uniapp 微信小程序之拉取用户电话号码。
微信小程序授权登录三种实现方式
热门推荐
weixin_45559449的博客
03-08 4万+
通过wx.login获取 临时登录凭证code，向后端换取token。 可以做到无感登录；过button按钮的bindgetphonenumber事件，弹出手机号授权，获取到加密数据后，向后端换取token；通过button按钮的click事件，调用 wx.getUserProfile() 弹出授权框，获取到用户加密数据后，向后端换取token。
vue3 微信扫码登录及获取个人信息实现的三种方法
leaning_java的博客
02-28 1万+
vue3 微信扫码登录及获取个人信息实现的三种方法
微信小程序android手机位置,微信小程序用户授权、位置授权及获取微信绑定手机号...
weixin_39898550的博客
05-26 321
1.位置授权位置授权相对简单，可以直接调用方法wx.getLocation()就可以弹出授权框，在调用前需要在app.json中设置用途说明Page({"permission": {"scope.userLocation": {"desc": "你的位置信息将用于xxx"}}})授权框但是存在不少用户会拒绝授权,如果拒绝授权就不会再弹窗，而是直接进入接口 fail 回调，就要手动授权，我们可以通过...
微信小程序 微信扫码一键连接wifi小程序源码
07-13
总结，这个“微信扫码一键连接WiFi小程序源码”项目涉及到了微信小程序的基础架构、页面交互、扫码功能、网络权限及连接操作等多个技术点，开发者可以通过学习和修改此源码，深入了解微信小程序的开发流程并实践相关...
微信小程序获取手机号授权用户登录功能
08-28
微信小程序获取手机号授权用户登录功能 微信小程序获取手机号授权用户登录功能是微信小程序中一个重要的功能，旨在让用户快速获取微信绑定手机号码，无须用户手动填写。这个功能可以使用户注册用户信息更加便捷，...
微信小程序前端解密获取手机号
最新发布
06-03
1. 用户授权：当用户首次打开微信小程序时，系统会提示用户是否允许小程序获取手机号。用户同意后，微信会生成一个加密的手机号码并存储在本地。 2. 后端请求解密：开发者在前端触发一个API，如`wx.login()`，获取...
微信扫码的微信小程序页面模板代码
05-07
模板描述：微信扫码 微信小程序。微信扫码的微信小程序页面模板代码下载是使用微信WEB开发者工具开发，亲测可直接运行。该程序包含了详细完整的框架架构结构，从设计上满足了相关应用服务的设计要求，是一款非常值得...
FinClip 小程序怎么拉起微信登录？
finogeeks的博客
05-31 265
打开小程序后就可以一键授权允许小程序使用自己的微信头像，昵称，手机号或相关信息，完成更加便利的操作使用是再正常不过的一件事情。
详解小程序常见的登录方式
qq_16593939的博客
12-05 1万+
基于 openid 或 手机号码快捷登录获取手机号码前置条件如何解决多账号的问题讲解前端、后端、微信登录过程中完整交互流程，方便更好去理解小程序登录。
小程序拉起手机拨号
qq_41038781的博客
03-09 443
小程序拉起手机拨号 wxml 页面 198****2506 可以修改，也可以绑定值 <view class="weui-cell weui-cell_access" hover-class="weui-cell_active" data-reply-phone="198****2506" bindtap="phoneCall"> <view c...
【微信小程序】如何获取用户手机号授权登录
易先生
05-23 5269
微信小程序获取手机号授权登录
微信小程序拨号功能，调起手机拨号！
海贼王某人的博客
06-29 5663
微信官方文档直通车！ 方法也很简单，直接调用wx.makePhoneCall({})，如下图，phoneNumber就是电话号码,触发call方法后，会直接跳转到拨号页面，如下图 call() { // 打电话 let phone = "13123123123" // 仅为示例，并非真实的电话号码 wx.makePhoneCall({ phoneNumber: phone }) } ...
微信小程序中如何获取用户手机号授权登录
前端开发工程师博客
04-13 1万+
通过以上几个步骤，我们就可以在微信小程序中实现获取用户手机号授权登录了。为了提高用户体验和安全性，需要注意数据的加密和保护，以及用户隐私和权益的尊重和保护。希望本文对您有所帮助！
微信小程序开发 - 用户授权登陆 / 扫码登录流程讲解、获取授权登陆二维码
2302_76405773的博客
04-27 3219
微信协议就是基于微信IPad协议的智能控制系统，利用人工智能AI技术、云计算技术、虚拟技术、边缘计算技术、大数据技术，打造出智能桌面系统RDS 、 智能聊天系统ACS 、智能插 件系统PLUGIN 、云计算服务CCS 、任务管理系统 TM 、设备管理服务DM、 应用管理系统AM、 统一 好友系统UUS 、任务运行系统RT 、虚拟环境系统 VAC、智能监控系统ISS、 数字资产系DES，帮助企业快速连接客户，创造营销氛围，实现自动获客、自动传播、自动转化、智能营销等分布式营销服务。4、用户扫码确定授权。
Dubbo 分布式架构搭建教育 PC 站 - 微信登录
qq_40286307的博客
10-30 525
微信开放平台（针对开发者和公司）：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 准备工作 网站应用微信登录是基于 OAuth2.0 协议标准构建的微信 OAuth2.0 授权登录系统。 在进行微信 OAuth2.0 授权登录接入之前，在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的 AppID 和 AppSecret，申请微信登录且通过审核后，可开
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柠檬不萌c

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值