PHP实践：手把手微信公众号网页授权登录功能实现

本文介绍: 在Web应用中，用户登录是非常常见的功能之一。为了提供更好的用户体验，并且方便用户进行登录，很多应用选择通过第三方平台进行登录授权，比如微信QQ等。本文将以微信登录授权为例，介绍如何使用PHP实现网页授权登录，并将用户昵称和头像更新到用户表中。通过以上的步骤，我们可以实现网页授权登录，并将用户的昵称和头像更新到用户表中。当用户点击登录按钮后，会跳转至微信授权页面进行登录和授权。用户同意授权后，微信将用户重定向回我们的网站，并携带一个授权码。我们使用这个授权码获取和openid，并通过和openid。

在这里插入图片描述

🏆作者简介，黑夜开发者，全栈领域新星创作者✌，CSDN博客专家，阿里云社区专家博主，2023年6月CSDN上海赛道top4。
🏆数年电商行业从业经验，历任核心研发工程师，项目技术负责人。
🏆本文已收录于PHP专栏：PHP进阶实战教程。
🏆另有专栏PHP入门基础教程，希望各位大佬多多支持❤️。
🎉欢迎 👍点赞✍评论⭐收藏

🚀一、前言

在Web应用中，用户登录是非常常见的功能之一。为了提供更好的用户体验，并且方便用户进行登录，很多应用选择通过第三方平台进行登录授权，比如微信、QQ等。本文将以微信登录授权为例，介绍如何使用PHP实现网页授权登录，并将用户昵称和头像更新到用户表中。

在这里插入图片描述

🚀二、准备工作

在开始之前，我们需要进行一些准备工作：

一个可以运行PHP的环境，比如搭建好的服务器或者本地开发环境。
注册并获取微信公众号的AppID和AppSecret，这个要去微信公众号后台获取，见下图。

在这里插入图片描述

🚀三、授权登录的流程

授权登录的流程主要分为以下几步：

用户访问我们的网站，并点击登录按钮。

我们的网站将用户引导至微信的授权页面。

用户在微信授权页面进行登录并同意授权。

微信将用户重定向回我们的网站，并携带授权码。

我们的网站使用授权码获取access_token和openid。

使用access_token和openid，我们可以获取用户的信息。

更新用户表中对应用户的昵称和头像。

在这里插入图片描述

🚀四、具体步骤和代码实现

🔎4.1 用户点击登录按钮

首先，在我们的网站上添加一个“登录”按钮，当用户点击该按钮时将会跳转至微信授权页面。

<a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=YOUR_APP_ID&redirect_uri=REDIRECT_URL&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect">登录</a>

替换上述代码中的YOUR_APP_ID为你的微信公众号的AppID，REDIRECT_URL为用户授权后重定向的URL。

🔎4.2 获取授权码

当用户点击登录按钮后，将会跳转至微信授权页面。用户在微信授权页面登录并同意授权后，微信将用户重定向回我们的网站，并携带一个授权码。

我们可以通过GET请求获取这个授权码：

$code = $_GET['code'];

🔎4.3 使用授权码获取access_token和openid

使用这个授权码，我们可以请求微信的接口，获取到access_token和openid。这里我们使用了PHP的curl库来发送HTTP请求：

$curl = curl_init();
$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=YOUR_APP_ID&secret=YOUR_APP_SECRET&code=".$code."&grant_type=authorization_code";
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
$result = curl_exec($curl);
curl_close($curl);

$json = json_decode($result, true);
$access_token = $json['access_token'];
$openid = $json['openid'];

替换上述代码中的YOUR_APP_ID为你的微信公众号的AppID，YOUR_APP_SECRET为你的微信公众号的AppSecret。

🔎4.4 获取用户信息

有了access_token和openid，我们就可以请求微信的用户信息接口，获取到用户的昵称和头像。

$curl = curl_init();
$url = "https://api.weixin.qq.com/sns/userinfo?access_token=".$access_token."&openid=".$openid."&lang=zh_CN";
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
$result = curl_exec($curl);
curl_close($curl);

$json = json_decode($result, true);
$nickname = $json['nickname'];
$avatar = $json['headimgurl'];

🔎4.5 更新用户表

最后一步，我们将获取到的用户昵称和头像更新到我们的用户表中。假设我们的用户表是一个名为users的表，包含字段id、nickname和avatar。

// 假设我们已经连接到数据库，并且设置了正确的数据库连接参数

$stmt = $pdo->prepare("UPDATE users SET nickname = :nickname, avatar = :avatar WHERE id = :id");
$stmt->bindParam(':nickname', $nickname);
$stmt->bindParam(':avatar', $avatar);
$stmt->bindParam(':id', $userId);
$stmt->execute();

替换上述代码中的:nickname、:avatar和:id为对应的占位符。另外，需要根据实际情况将$userId设置为当前登录用户的ID。实际上使用的时候效果图如下。
在这里插入图片描述

🚀五、总结

通过以上的步骤，我们可以实现网页授权登录，并将用户的昵称和头像更新到用户表中。当用户点击登录按钮后，会跳转至微信授权页面进行登录和授权。用户同意授权后，微信将用户重定向回我们的网站，并携带一个授权码。我们使用这个授权码获取access_token和openid，并通过access_token和openid获取用户的信息。最后，我们将用户的昵称和头像更新到用户表中。这样，就实现了网页授权登录的功能。

在这里插入图片描述