在这里插入图片描述

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

文章目录

  • 🚀一、前言
  • 🚀二、准备工作
  • 🚀三、授权登录的流程
  • 🚀四、具体步骤和代码实现
    • 🔎4.1 用户点击登录按钮
    • 🔎4.2 获取授权码
    • 🔎4.3 使用授权码获取access_token和openid
    • 🔎4.4 获取用户信息
    • 🔎4.5 更新用户表
  • 🚀五、总结

🚀一、前言

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

在这里插入图片描述

🚀二、准备工作

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

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

在这里插入图片描述

🚀三、授权登录的流程

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

  1. 用户访问我们的网站,并点击登录按钮。
  2. 我们的网站将用户引导至微信的授权页面。
  3. 用户在微信授权页面进行登录并同意授权。
  4. 微信将用户重定向回我们的网站,并携带授权码。
  5. 我们的网站使用授权码获取access_tokenopenid
  6. 使用access_tokenopenid,我们可以获取用户的信息。
  7. 更新用户表中对应用户的昵称和头像。

在这里插入图片描述

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

🔎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的表,包含字段idnicknameavatar

// 假设我们已经连接到数据库,并且设置了正确的数据库连接参数$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_tokenopenid,并通过access_tokenopenid获取用户的信息。最后,我们将用户的昵称和头像更新到用户表中。这样,就实现了网页授权登录的功能。

在这里插入图片描述

以上仅是一个示例,实际情况可能会更复杂。在实际开发中,我们还需要处理错误和异常情况,比如授权失败、接口请求错误等。此外,为了保证用户的安全和隐私,我们需要使用HTTPS协议进行通信,并且合理保存用户的信息。

推荐您阅读本专栏其他内容,PHP进阶实战教程,相信不会让您失望。如果你对上面的功能有疑问,随时欢迎与我交流。

点赞(63) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部