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

实现微信小程序手机号一键登录功能，涉及到前端（uni-app开发框架）、后端（PHP语言）、以及微信开放平台的接口调用。下面我将分步骤详细介绍整个流程，并提供关键代码示例和解释，确保即使是初学者也能理解。

1. 准备工作

• 注册并配置小程序: 首先在微信公众平台上注册并创建一个小程序项目，获取AppID。
• 开通微信登录与手机号授权: 在小程序的“设置”-“开发设置”中，开启“微信登录”与“用户信息”权限，获取AppSecret。
• 安装依赖: 确保你的uni-app项目已创建，同时后端PHP环境已配置好。

2. 前端（uni-app）代码实现

2.1 请求微信登录code

在uni-app中，首先需要通过微信登录接口获取到一个临时的code，然后用这个code去换取用户的session_key和openid。

uni.login({
    provider: 'weixin',
    success: (loginRes) => {
        console.log('微信登录成功', loginRes.code); // 这里的code需要传给后端
        // 下一步，用这个code请求后端获取手机号
    },
    fail: (err) => {
        console.error('微信登录失败', err);
    }
});

2.2 获取手机号并发送至后端

利用微信的getPhoneNumber接口获取加密的手机号，然后连同之前获取的code一起发送给后端解密并登录。

uni.getUserInfo({
    withCredentials: true,
    success: (userInfoRes) => {
        uni.request({
            url: '你的后端API地址/phoneLogin', // 后端处理登录的接口
            method: 'POST',
            data: {
                code: loginRes.code, // 微信登录code
                encryptedData: userInfoRes.encryptedData,
                iv: userInfoRes.iv
            },
            success: (res) => {
                if (res.statusCode === 200) {
                    console.log('登录成功，用户信息:', res.data);
                } else {
                    console.error('登录失败');
                }
            },
            fail: (err) => {
                console.error('请求失败', err);
            }
        });
    }
});

3. 后端（PHP）代码实现

3.1 使用code换取session_key和openid

首先，使用微信提供的API，通过前端传来的code换取用户的session_key和openid。

<?php
$appId = '你的AppID';
$secret = '你的AppSecret';
$code = $_POST['code'];

$url = "https://api.weixin.qq.com/sns/jscode2session?appid={$appId}&secret={$secret}&js_code={$code}&grant_type=authorization_code";
$response = file_get_contents($url);
$result = json_decode($response, true);

if (isset($result['openid'])) {
    $openid = $result['openid'];
    // 接下来，使用openid和加密数据请求解密手机号
} else {
    echo 'code无效或已过期';
}
?>

3.2 解密手机号并登录处理

接下来，使用openid和前端传来的加密数据、iv向微信服务器请求解密手机号。

// 引入微信SDK，这里假设你已经安装了easywechat库
use EasyWeChat\Factory;

$decryptor = Factory::create()->decryptor;
$decryptedData = $decryptor->decryptData($_POST['encryptedData'], $_POST['iv'], $result['session_key']);

// 解密后的数据是一个json字符串，转换为数组处理
$userInfo = json_decode($decryptedData, true);

// 假设你有一个用户表，这里简单模拟登录逻辑
// 注意：实际应用中需要处理数据库操作、安全验证等
if (isset($userInfo['purePhoneNumber'])) {
    $phoneNumber = $userInfo['purePhoneNumber'];
    // 在这里进行用户登录或注册逻辑，如手机号存在则登录，不存在则注册后登录
    echo '手机号：' . $phoneNumber; // 返回成功信息
} else {
    echo '解密失败';
}

总结

以上就是uni-app结合PHP实现微信小程序手机号一键登录的基本流程。前端负责发起微信登录请求获取code，以及获取并发送加密的手机号；后端负责使用code换取session_key和openid，然后解密手机号并处理用户登录逻辑。注意，实际开发中还需考虑安全性、异常处理、以及用户数据的存储等问题。希望这个流程和代码示例对你有所帮助！