uniapp+Thinkphp6实现微信小程序手机号一键登录全流程（附前后端代码及详细解释）

最新推荐文章于 2025-02-06 14:24:24 发布

原创

最新推荐文章于 2025-02-06 14:24:24 发布 · 1.5k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #thinkphp

实现微信小程序手机号一键登录的流程涉及到微信小程序端、后端服务器（这里以ThinkPHP6为框架）、以及微信的开放平台服务。下面我将分步骤详细说明这个流程，并提供关键代码示例。

1. 准备工作

注册并配置微信小程序：首先，你需要在微信公众平台上注册一个小程序账号，并获取到AppID和AppSecret。
接入微信开放平台：在微信开放平台注册并绑定你的小程序，开启“手机号快速登录”功能，获取API密钥。

2. 微信小程序端流程

2.1 请求微信获取手机号按钮

在小程序中，使用wx.login获取临时登录凭证code，然后调用微信提供的wx.getUserProfile和wx.getPhoneNumber接口获取用户信息和加密的手机号。

// app.js 或 页面的onLoad中
wx.login({
   
   
  success: (res) => {
   
   
    if (res.code) {
   
   
      // 发送 res.code 到后台换取 openId, sessionKey
      getApp().globalData.code = res.code; // 保存code全局变量，用于后续请求
    } else {
   
   
      console.log('登录失败！' + res.errMsg);
    }
  }
});

// 在需要获取手机号的页面
wx.getPhoneNumber({
   
   
  success: (res) => {
   
   
    const encryptedData = res.encryptedData;
    const iv