微信小程序高级开发(1):微信授权登录获取openid(wx.login、php后端)

最新推荐文章于 2025-02-06 11:26:01 发布

漏刻有时

最新推荐文章于 2025-02-06 11:26:01 发布

阅读量918

点赞数 11

分类专栏：小程序文章标签：微信小程序微信 php

LOCKDATAV出品，为避免断章取义走弯路，请注意环境配置和时间。

本文链接：https://blog.csdn.net/weixin_41290949/article/details/145359467

版权

小程序专栏收录该内容

24 篇文章

订阅专栏

微信小程序使用微信授权登录获取openid的流程主要包括以下步骤：

1.微信公众平台注册小程序

开发者需要前往微信公众平台（https://mp.weixin.qq.com/）进行小程序的注册，填写相关信息，如邮箱、密码、主体类型等，完成注册流程后，即可获得一个小程序账号，用于后续的开发和管理。

2.搭建前端页面

在微信小程序开发工具中创建项目，在项目的前端页面中，通常使用button组件，并设置open-type="getUserInfo"属性来触发微信授权登录按钮。当用户点击该按钮时，会弹出微信授权窗口。

<view class="container">
  <button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">
    微信登录
  </button>
</view>

Page({
  onGetUserInfo(e) {
    // 在这里处理用户授权结果
    if (e.detail.userInfo) {
      // 用户授权成功
      console.log('用户授权成功', e.detail.userInfo);
    } else {
      // 用户拒绝授权
      console.log('用户拒绝授权');
    }
  }
})

3.获取code

当用户点击授权登录按钮并同意授权后，微信小程序会回调bindgetuserinfo指定的函数。在这个函数中，可以通过wx.login()方法获取登录凭证code。code是一个临时的凭证，只能使用一次，有效期较短，用于后续获取openid等信息。

wx.login({
  success: res => {
    // res.code就是获取到的code
    const code = res.code;
    console.log('获取到的code:', code);
    // 可以将code发送到后端服务器进行下一步处理
  },
  fail: err => {
    console.error('获取code失败', err);
  }
});

4.后端服务器获取openid

(1)封装 HTTP 请求函数

为了方便后续发起 HTTP 请求，可以封装一个通用的函数来处理不同类型的请求。

function httpRequest($url, $method = 'GET', $data = []) {
    $ch = curl_init();
    if ($method === 'POST') {
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
    }
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 忽略 SSL 验证，生产环境建议配置证书
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
    $response = curl_exec($ch);
    if (curl_errno($ch)) {
        echo 'Curl error: '. curl_error($ch);
    }
    curl_close($ch);
    return $response;
}

(2)实现获取 `openid` 的接口

在 PHP 脚本中，接收前端传递的 code，并调用微信接口获取 openid。

<?php
// 引入上述封装的 httpRequest 函数

// 获取前端传递的 code
$code = $_GET['code']?? '';
if (empty($code)) {
    http_response_code(400);
    echo json_encode(['error' => '缺少 code 参数']);
    exit;
}

// 配置小程序的 appid 和 secret
$appid = '你的小程序 appid';
$secret = '你的小程序 secret';

// 构建请求 URL
$url = "https://api.weixin.qq.com/sns/jscode2session?appid={$appid}&secret={$secret}&js_code={$code}&grant_type=authorization_code";

// 发起 HTTP 请求
$response = httpRequest($url);
$data = json_decode($response, true);

// 检查是否成功获取 openid
if (isset($data['openid'])) {
    http_response_code(200);
    echo json_encode(['openid' => $data['openid']]);
} else {
    http_response_code(500);
    echo json_encode(['error' => '获取 openid 失败', 'detail' => $data]);
}
?>

(3)代码升级建议

3.1 错误处理与日志记录

在实际应用中，为了更好地排查问题，需要对可能出现的错误进行详细的日志记录。可以使用 PHP 的 error_log 函数将错误信息记录到日志文件中。

// 在 httpRequest 函数中添加错误日志记录
function httpRequest($url, $method = 'GET', $data = []) {
    $ch = curl_init();
    if ($method === 'POST') {
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
    }
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
    $response = curl_exec($ch);
    if (curl_errno($ch)) {
        $error = 'Curl error: '. curl_error($ch);
        error_log($error, 3, 'curl_errors.log'); // 将错误信息记录到 curl_errors.log 文件中
        echo $error;
    }
    curl_close($ch);
    return $response;
}

3.2 配置管理

将小程序的 appid 和 secret 等敏感信息存储在配置文件中，避免硬编码在代码里，提高代码的安全性和可维护性。

// config.php 文件
<?php
return [
    'appid' => '你的小程序 appid',
    'secret' => '你的小程序 secret'
];

// 在获取 openid 的脚本中引入配置文件
<?php
require_once 'config.php';
$config = require 'config.php';
$appid = $config['appid'];
$secret = $config['secret'];
// 后续代码保持不变
?>