微信公众号点击菜单即可打开并登录微站的实现方法


Posted in PHP onNovember 14, 2014

本文实例讲述了微信公众号点击菜单即可打开并登录微站的实现方法。分享给大家供大家参考。具体分析如下:

总体来说,微信公众号点击菜单即可打开并登录微站实现步骤比较复杂,但很多微站在己用上了,本文对此进行整理归纳,相信可以给大家带来一定的参考借鉴价值。

现在大部分微站都通过用户的微信openid来实现自动登录。在我之前的开发中,用户通过点击一个菜单,公众号返回一个图文,用户点击这个图文才可以自动登录微站。但是如果你拥有高级接口,就可以实现点击菜单,打开网页就能获取这个openid,实现自动登录。
这里已经提到,必须要拥有高级接口的权限(服务号、企业号),开启了开发者模式。

1.设置回调地址

在微信公众平台后台“开发者中心”中找到“高级接口”下的“OAuth2.0网页授权”,后面有一个“修改”,点击之后就会弹出填写回调地址的对话框。具体如何授权,请点击这里学习。只有获得高级接口权限后,才能出现这个地方的“修改”。
注意,这里填写的是域名,不是带的网址,而且解释中很清楚,“授权回调域名配置规范为全域名”,也就是说带www和不带是不同的两个域名。因此我这里要填写如下图中的域名。

微信公众号点击菜单即可打开并登录微站的实现方法

2. 创建菜单

创建菜单可以通过你的微站后台创建,如果没有开启开发者模式,也可以通过微信公众平台后台创建。
菜单使用点击打开链接的模式,也就是view模式。如果你是使用开发者模式,通过向微信提交如下代码,即可创建公众号菜单(开发者文档):

{

     "button":[

     { 

          "type":"view",

          "name":"登录微站",

          "url":"https://open.weixin.qq.com/connect/oauth2/authorize?appid={在微信公众平台后台获取这个APPID}&redirect_uri={你填写的回调域名下的地址}&response_type=code&scope=snsapi_base&state=1#wechat_redirect"

      }]

}

代码1 要提交的菜单代码,下面要用到
APPID的获取位置就是上面你填写回调地址的那个“开发者中心”。下面我们用PHP来实现一下菜单提交:
<?php

function curl_info($appid,$secret) {

  $ch = curl_init(); 

  curl_setopt($ch, CURLOPT_URL, "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$secret);

  curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "GET");

  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); 

  curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);

  curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MSIE 5.01; Windows NT 5.0)');

  curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);

  curl_setopt($ch, CURLOPT_AUTOREFERER, 1); 

  // curl_setopt($ch, CURLOPT_POSTFIELDS, $data);

  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 

  $tmpInfo = curl_exec($ch); 

  if (curl_errno($ch)) {  

    echo 'Errno'.curl_error($ch);

  }

  curl_close($ch); 

  $arr= json_decode($tmpInfo,true);

  return $arr;

}

function curl_menu($ACCESS_TOKEN,$data) {

  $ch = curl_init(); 

  curl_setopt($ch, CURLOPT_URL, "https://api.weixin.qq.com/cgi-bin/menu/create?access_token=".$ACCESS_TOKEN); 

  curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");

  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); 

  curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);

  curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MSIE 5.01; Windows NT 5.0)');

  curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);

  curl_setopt($ch, CURLOPT_AUTOREFERER, 1); 

  curl_setopt($ch, CURLOPT_POSTFIELDS, $data);

  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 

  $tmpInfo = curl_exec($ch); 

  if (curl_errno($ch)) {

    echo 'Errno'.curl_error($ch);

  }

  curl_close($ch); 

  $arr= json_decode($tmpInfo,true);

  return $arr;

}

function creat_menu() {

  $ACCESS_LIST= curl_info(APP_ID,APP_SCR);//获取到的凭证,你需要自己define APP_ID和APP_SCR(应用密钥),这个也是在微信公众平台后台开发者中心找

  if($ACCESS_LIST['access_token']!='') {

    $access_token = $ACCESS_LIST['access_token'];//获取到ACCESS_TOKEN

    $data = '把上面代码1拷贝黏贴在这里';

    $msg = curl_menu($access_token,preg_replace("#u([0-9a-f]+)#ie", "iconv('UCS-2', 'UTF-8', pack('H4', '1'))", $data));

    if($msg['errmsg']=='ok') {

      die('创建自定义菜单成功!');

    }

    else {

      die('创建自定义菜单失败!');

    }

  }

  else {

    die('创建失败,微信AppId或微信AppSecret填写错误');

  }

}

create_menu();

?>

代码2 用PHP来创建微信公众号菜单

代码2其实有点冗余了,核心部分用红色标出来了。就这样,你的微信公众号中应该很快就可以看到创建了一个“登录微站”的菜单。点击这个菜单就可以实现登录微站了。
如果你不需要PHP,可以直接在微信公众平台后台的菜单自定义中写链接就可以了。

微信公众号点击菜单即可打开并登录微站的实现方法

在上图中的这个地方,选择打开链接的方式创建菜单。OK,接下来把上面那个链接放进去:

https://open.weixin.qq.com/connect/oauth2/authorize?appid={在微信公众平台后台获取这个APPID}&redirect_uri={你填写的回调域名下的地址}&response_type=code&scope=snsapi_base&state=1#wechat_redirect

创建菜单就可以了。
当然,你也有可能只需要在你自己的微信管理后台加入这个链接就可以了。

3.在回调页获取openid

细心的你可能已经发现了,上面的链接地址中含有参数scope=snsapi_base,而非scope=snsapi_userinfo,因为使用前者不需要用户点击一个授权按钮,直接跳转到回调页面,而后者需要点击授权按钮,不过点击授权按钮有好处,一是可以在没有关注公众号的情况下也可以授权,二是授权后可以获得用户的一些信息,如昵称、性别、所在地。但是我们是为了利用openid进行登录,所以直接选择前者就可以了。

点击菜单之后,经过微信authorize的处理,会跳转到你提交的回调地址(这里需要提醒,回调地址最好不要带参数,例如xxx/?callback=from_weixin,因为微信跳转到你的回调地址也要带参数,而这个参数就你需要的)。微信跳转到如下URL:
回调地址/?code=CODE&state=1

上面代码可以通过$_GET['code']获得一个CODE值,利用这个CODE值和appid,可以获得openid和access_token。
下面再用PHP来实现以下:

if($_GET['code']) {

  $code = $_GET['code'];

  $data = get_by_curl('https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=APPSRC&code='.$code.'&grant_type=authorization_code');

  $data = json_decode($data);

  $openid = $data->openid;

  $access_token = $data->access_token;

}

function get_by_curl($url,$post = false){

    $ch = curl_init();

    curl_setopt($ch,CURLOPT_URL,$url);

    curl_setopt($ch, CURLOPT_HEADER, 0);

    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

    if($post){

        curl_setopt($ch, CURLOPT_POST, 1);

        curl_setopt($ch, CURLOPT_POSTFIELDS,$post);

    }

    $result = curl_exec($ch);

    curl_close($ch);

    return $result;

}

这样可以就可以获得openid和access_token,利用这些值,我们还可以利用微信公众平台的获取用户基本信息api接口获取用户基本信息。

希望本文所述对大家基于PHP的微信公众号开发有所帮助。

PHP 相关文章推荐
php定时计划任务的实现方法详解
Jun 06 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
Jun 09 PHP
PHP 验证码不显示只有一个小红叉的解决方法
Sep 30 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十二)
Jun 25 PHP
PHP计算一年多少个星期和每周的开始和结束日期
Jul 01 PHP
php相对当前文件include其它文件的方法
Mar 13 PHP
PHP将进程作为守护进程的方法
Mar 19 PHP
PHP通过反射动态加载第三方类和获得类源码的实例
Nov 27 PHP
CodeIgniter针对数据库的连接、配置及使用方法
Mar 03 PHP
PHP创建自己的Composer包方法
Apr 09 PHP
php ajax数据传输和响应方法
Aug 21 PHP
php使用fputcsv实现大数据的导出操作详解
Feb 27 PHP
php异步多线程swoole用法实例
Nov 14 #PHP
PHP判断数据库中的记录是否存在的方法
Nov 14 #PHP
PHP合并静态文件详解
Nov 14 #PHP
php判断类是否存在函数class_exists用法分析
Nov 14 #PHP
php中常量DIRECTORY_SEPARATOR用法深入分析
Nov 14 #PHP
php使用ob_start()实现图片存入变量的方法
Nov 14 #PHP
php使用date和strtotime函数输出指定日期的方法
Nov 14 #PHP
You might like
其他功能
2006/10/09 PHP
php学习 函数 课件
2008/06/15 PHP
IStream与TStream之间的相互转换
2008/08/01 PHP
如何用PHP实现插入排序?
2013/04/10 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
php实现发送微信模板消息的方法
2015/03/07 PHP
nicejforms——美化表单不用愁
2007/02/20 Javascript
ECMAScript 创建自己的js类库
2012/11/22 Javascript
14个有用的Jquery技巧分享
2015/01/08 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
办公室副主任岗位职责
2013/11/25 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript