公众号微信网页开发----TP5.0微信登录篇

最新推荐文章于 2020-12-20 11:06:49 发布
最新推荐文章于 2020-12-20 11:06:49 发布
阅读量704 收藏 3
点赞数
分类专栏： php简单项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36447126/article/details/103938222
版权

这里只是做一个记录，虽然网上有很多文章了。我这边做个记录保存一下

首先我们先确定要干什么。公众号网页开发，有的时候需要获取用户信息。而微信自己已经有非常完备的用户系统，所以我们自己做网页要获取用户信息就可以舍去用户名密码登录直接用微信那一边的登录。
参考链接：微信网页开发—网页授权
流程图：
流程图

注意微信这边的文档一定要好好看，一般出了问题都是微信这边的文档没有好好看。一定要好好看，即使微信这边文档写得烂也是参考性文章，一定要仔细看

好的，接下开始写代码

一、在配置文件里面记录公众号AppID和公众号AppSecret

文件位置：application/config.php

//微信公众号配置
    'wechat'                 =>[
        // 微信公众号APPID
        'AppId'         => "公众号appid",
        // 微信公众号APPIDsecert
        'AppSecret'     => "公众号appsecret",

    ]

二、新建一个Wechat类

这边直接贴代码吧，注释都写代码里面了
文件位置：application/index/controller/Wechat.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2020/1/9 0009
 * Time: 22:07
 */

namespace app\index\controller;


use think\Config;
use think\Controller;
use think\Request;
use think\Session;

class Wechat extends Controller
{
    //前置操作
    protected $beforeActionList = [
        'login'
    ];

    /**
     * 登录检测
     */
    public function login()
    {
        $openid = Session::get('openid');
        $wx_config = Config::get('wechat');
        $request = Request::instance();

        if (!isset($_GET['code']) && empty($openid)) {

            //存储回调链接
            Session::set('url', $request->url(true));

            //引导用户进入授权页面同意授权，获取code
            $this->OAuthCode($wx_config['AppId'], $request->url(true));
        } else if (isset($_GET['code'])) {
            //获取CODE后去获取令牌

            //获取access_token和openid
            $user_info = $this->OAuthAccess($wx_config['AppId'], $wx_config['AppSecret'], $_GET['code']);

            //判断是否返回openid
            if(isset($user_info['openid'])){

                //获取access_token
                $access_token = $user_info['access_token'];//获取access_token对应的值

                //获取openid
                $openid = $user_info['openid'];//获取openid对应的值
                
                Session::set('openid', $openid);//设置session

                //非静默登录可以获取详细用户信息
                if($user_info['scope'] == 'snsapi_userinfo'){
                    $user_detail_info = $this->getUserInfo($access_token, $openid);

                    if(count($user_detail_info) > 0){
                        // 取出用户信息
                        //$user_openid = $user_detail_info['openid'];
                        //$user_nickname = $user_detail_info['nickname'];
                        //$user_sex = $user_detail_info['sex'];
                        //$user_province = $user_detail_info['province'];
                        //$user_city = $user_detail_info['city'];
                        //$user_headimgurl = $user_detail_info['headimgurl'];

                        Session::set('user_detail', $user_detail_info);
                    }
                }

                //获取回调链接
                $redirect_uri = Session::get('url');
                Session::delete('url');

                //跳转到初始页面
                $this->redirect($redirect_uri, '302');
            }

        }
    }

    /**
     * 通过调整换取OAuth_Code
     *
     * @param $appid 公众号AppID
     * @param $redirect_uri 回调地址
     * @return bool
     */
    public function OAuthCode($appid, $redirect_uri)
    {
        $scope = 'snsapi_userinfo';//用户授权登录
//        $scope = 'snsapi_base';//静默登录

        header("Location: https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appid}&redirect_uri={$redirect_uri}&response_type=code&scope={$scope}#wechat_redirect");
        return true;
    }

    /**
     * 获取access_token和openid
     *
     * @param $appid 公众号AppID
     * @param $appsecret 公众号APPSecret
     * @param $code 授权CODE
     * @return mixed 返回包含access_token和openid的数组
     * {
            "access_token":"ACCESS_TOKEN",      //网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同
            "expires_in":7200,                  //access_token接口调用凭证超时时间，单位（秒）
            "refresh_token":"REFRESH_TOKEN",    //用户刷新access_token
            "openid":"OPENID",                  //用户唯一标识
            "scope":"SCOPE"                     //用户授权的作用域，使用逗号（,）分隔
        }
     */
    public function OAuthAccess($appid, $appsecret, $code)
    {
        //生成请求连接
        $url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid={$appid}&secret={$appsecret}&code={$code}&grant_type=authorization_code";

        //服务器端请求微信服务器
        $result = $this->httpRequest($url);

        //对返回结果进行json_decode解析
        $return_array = json_decode($result, true);

        //尝试捕获微信返回的错误信息
        $this->getWechatError($return_array);

        //返回微信返回数据
        return $return_array;
    }

    /**
     * 通过access_token和openid换取用户信息
     *
     * @param $access_token 用户AccessToken
     * @param $openid 用户OpenId
     * @return mixed 返回信息示范
     * {
            "openid":" OPENID",                             //用户的唯一标识
            "nickname": NICKNAME,                           //用户昵称
            "sex":"1",                                      //用户的性别，值为1时是男性，值为2时是女性，值为0时是未知
            "province":"PROVINCE",                          //用户个人资料填写的省份
            "city":"CITY",                                  //普通用户个人资料填写的城市
            "country":"COUNTRY",                            //国家，如中国为CN
            "headimgurl":"url",                             //用户头像，最后一个数值代表正方形头像大小
                                                               （有0、46、64、96、132数值可选，0代表640*640正方形头像），
                                                                用户没有头像时该项为空。若用户更换头像，原有头像URL将失效。
            "privilege":[ "PRIVILEGE1" "PRIVILEGE2"     ],  //用户特权信息，json 数组，如微信沃卡用户为（chinaunicom）
            "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"      //只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段。
        }
     */
    public function getUserInfo($access_token, $openid)
    {
        //生成请求连接
        $url = "https://api.weixin.qq.com/sns/userinfo?access_token={$access_token}&openid={$openid}&lang=zh_CN";

        //服务器端请求微信服务器
        $result = $this->httpRequest($url);

        //对返回结果进行json_decode解析
        $return_array = json_decode($result, true);

        //尝试捕获微信返回的错误信息
        $this->getWechatError($return_array);

        //返回微信返回数据
        return $return_array;
    }

    /**
     * 刷新access_token（如果需要）
     *
     * @param $appid 公众号AppID
     * @param $refresh_token 获取到的refresh_token
     * @return mixed 返回结果示范
     * {
            "access_token":"ACCESS_TOKEN",   //网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同
            "expires_in":7200,               //access_token接口调用凭证超时时间，单位（秒）
            "refresh_token":"REFRESH_TOKEN", //用户刷新access_token
            "openid":"OPENID",               //用户唯一标识
            "scope":"SCOPE"                  //用户授权的作用域，使用逗号（,）分隔
        }
     */
    public function refreshAccess($appid, $refresh_token)
    {
        //生成请求连接
        $url = "https://api.weixin.qq.com/sns/oauth2/refresh_token?appid={$appid}&grant_type=refresh_token&refresh_token={$refresh_token}";

        //服务器端请求微信服务器
        $result = $this->httpRequest($url);

        //对返回结果进行json_decode解析
        $return_array = json_decode($result, true);

        //尝试捕获微信返回的错误信息
        $this->getWechatError($return_array);

        //返回微信返回数据
        return $return_array;
    }

    /**
     * 检验授权凭证（access_token）是否有效
     *
     * @param $access_token
     * @param $openid
     * @return bool
     */
    public function checkAccessValid($access_token, $openid)
    {
        //生成请求连接
        $url = "https://api.weixin.qq.com/sns/auth?access_token={$access_token}&openid={$openid}";

        //服务器端请求微信服务器
        $result = $this->httpRequest($url);

        //对返回结果进行json_decode解析
        $return_array = json_decode($result, true);

        //确认access_token是否过期
        if($return_array['errcode'] == 0){
            return true;
        } else {
            return false;
        }
    }

    /**
     * CURL请求
     * @date 2018/1/31
     * @param $url string
     * @return mixed json
     */
    public function httpRequest($url)
    {
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($curl, CURLOPT_TIMEOUT, 500);
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
        curl_setopt($curl, CURLOPT_URL, $url);
        $res = curl_exec($curl);
        curl_close($curl);
        return $res;
    }

    /**
     * 捕获微信返回的错误信息
     *
     * @param $result
     */
    private function getWechatError($result)
    {
        if(isset($result['errcode'])){
            echo  $result['errmsg'];exit;
        }
    }

}

只要哪个控制器需要登录就可以继承这个类。我这里图省事把登录相关代码function login()也写在了Wechat类里面了。其实可以自由发挥的。最后也是把用户信息存在Session里面了这里也可以做拓展。可以在后面直接写一个新建用户的操作

三、需要登录的控制器相关代码

php代码
文件位置：application/index/controller/Index.php

<?php
namespace app\index\controller;

use think\Config;
use think\Request;
use think\Session;

class Index extends Wechat
{
    public function index()
    {
    	//直接从session里面获取到用户信息
        $this->assign('user_detail', Session::get('user_detail'));
        return view();
    }
}

前端H5代码
文件位置：application/index/view/index/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>微信用户</title>
</head>
<body>
<img src="{$user_detail['headimgurl']}">
<p>姓名：{$user_detail['nickname']}</p>
<p>openid：{$user_detail['openid']}</p>
<p>性别：{$user_detail['sex']}</p>
<p>所在省：{$user_detail['province']}</p>
<p>所在市：{$user_detail['city']}</p>
</body>
</html>
谢谢60693
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tp5微信公众号开发（1） 申请公众号配置token验证
猪年大吉的博客
03-30 3045
进入微信公众帐号测试号申请系统 申请测试账号https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 开发之前要申请微信接入，填写服务器配置，验证服务器地址的有效性。 必须拥有自己的服务器 因为我项目用的是tp5，用到了一系列诸如上传素材，关键字自动回复等功能，就以tp5为例说明。 公众号服务器配...
tp5微信开发（三）----thinkphp5接入微信登陆
优倍素材网技术总结
10-14 1万+
数据库说明：因为是集成的tp5，所以公众号相关信息是通过后台管理的，该代码中的setup表即为配置信息表，其中 appid：公众号appid; appsecret：公众号秘钥； back_url：回调地址，由于我接收code是在getUserOpentId方法里，所以我这个back_url 值为：http://域名/home/index/getUserOpentId 【开启伪静态情况下可以把...
基于TP5的微信的公众号获取登录用户信息
weixin_33921089的博客
08-17 842
2019独角兽企业重金招聘Python工程师标准>>> ...
springboot 微信授权网页登录步骤
Wyangcsdb的博客
11-10 1140
操作流程 假设你已经有自己的域名，因为微信公众号和微信回调都需要域名 文章目录操作流程先看看官方给的文档编写微信授权方法和获取用户信息方法二、使用步骤获取微信二维码信息使用到的HttpClientUtil工具类最后根据实际业务处理用户登录 先看看官方给的文档 根据官方文档，主要流程如下： （1）引导用户进入授权页面同意授权，获取code （2）通过code换取网页授权access_token（与基础支持中的access_token不同） （3）刷新access_token（如果有需要） （3）通过网
基于TP5、EasyWeChat、fastadmin微信公众号网页授权登录
weixin_43588185的博客
06-21 3450
微信H5网页获取用户信息 /** * 1、获取用户信息 */ public function index() { $appId = config('appid'); if (!session('?userinfo')) { if (!isset($_GET['code'])) { //没有code，去微信接口获取code码 $request =
【踩坑】TP5 微信授权登录
凌什么°
05-29 899
<?php //授权登录发起方式为： $url= 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; $this->User($url); /* +--------------------------------------------------------------- |授权登录 +----------...
thinkphp5.0微信公众号推送消息
01-26
thinkphp 5.0 对接微信公众号，向指定用户发送模板消息
TP5.0微信支付.zip
07-28
标题“TP5.0微信支付.zip”所指的是一款基于ThinkPHP 5.0框架的微信支付扩展包。ThinkPHP 5.0是中国最流行的PHP框架之一，它提供了丰富的功能和简洁的API，使得Web应用开发更为高效。微信支付则是腾讯公司提供的在线...
thinkphp 5.0微信公众号插件
12-27
thinkphp 5.0微信公众号插件,实现公众号自动回复设置、菜单设置、网站数据与公众号同时推送。
tp5 微信支付 JSAPI支付接口 下载即用
12-15
封装好的微信JSAPI支付接口 下载放到项目里就能用
tp5微信授权登录H5支付,扫码支付.rar
11-13
thinkphp集成支付(手机端H5支付,PC扫码支付,登录)thinkphp集成支付(手机端H5支付,PC扫码支付,登录)thinkphp集成支付(手机端H5支付,PC扫码支付,登录)thinkphp集成支付(手机端H5支付,PC扫码支付,登录)
[简单易懂的]用thinkphp5 实现的 微信授权获取用户信息以及微信支付的demo
11-23
个人感觉 微信官方提供的sdk 特别的繁琐 ,最近刚好在学习thinkphp5 就用tp写了个 微信支付 包括公众号支付和h5支付
分享ThinkPHP5.0微信小程序商城构建全栈应用完整
08-24
通过开发一个已上线的小程序商城全栈应用，学会如何打造iOS，Android，Web多端适配的服务端标准API，掌握三端分离开发方式，理解现代Web的基本架构思想
tp5微信公众号获取用户openid_【tp5.1】微信公众号授权登录及获取信息录入数据库...
weixin_39687189的博客
12-20 522
微信公众号授权登录分为两种：1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面)2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。以...
微信公众号授权登录之二（tp5）
stand_forever的博客
02-02 3147
public function _initialize(){//查看用户是否授权登录过 没有的话跳转到授权登录页面 if(empty(session::get('user'))) { $this-&gt;redirect('user/login'); } }//Index.php   //用户授权登录 User.php页面 ...
tp5实现微信登录
php_fighting的博客
07-12 3594
首先写一个链接 并判断当前页面是否登录过（目前是商品控制器） $redirect_url = urlencode('http://'.$_SERVER['HTTP_HOST'].'/wap/login/wx_login'); $member_id = Cookie::get('member_id');//获取登录ID $setting = Db::table('setting')->wh...
tp5微信公众号获取用户openid_基于TP5的微信的公众号获取登录用户信息
weixin_39594312的博客
12-20 257
之前讲过微信的公众号自动登录的菜单配置，这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作基本的流程为：微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—>将信息存到数据库中->返回视图也可以参考下列流程图： 接下来我们一步步编写代码。一. 在公众号内设置菜单，可参考我的另一篇文章：公众号打开网页自动登陆配置二. 在配置文件(config.php)中...
tp5微信公众号获取用户openid_TP5框架下微信授权登录的代码实现
weixin_39797393的博客
12-20 584
本篇文章给大家带来的内容是关于TP5框架下微信授权登录的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。新建配置文件wechat.php...
微信小程序 + ThinkPHP5 登录态实现
热门推荐
qq_31093755的博客
08-10 2万+
微信小程序中，一般会涉及三种登录方式： 1. 使用微信账号登录 2. 自有的账号注册和登录 3. 使用其他第三方平台账号登录 微信账号登录流程： 1. wx.login获取code，发往后台，后台以此向微信API换取session_key和openid； 2. 随机生成字符串作为sessionid(key)，session_key和openid作为value，存入r...
微信公众号js-sdk
最新发布
05-25
微信公众号JS-SDK是一种基于微信公众平台的开发工具，可以在网页中使用微信的相关功能。通过JS-SDK，开发者可以在网页中使用微信提供的分享、支付、扫码、登录等功能，非常方便。 JS-SDK的使用需要先在微信公众平台...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值