自建网站对接微信公众号


title: 自建网站对接微信公众号
date: 2018-04-12 15:25
tags:php

  • 微信公众号,
  • PHP
  • codeigniter

categories: 技术

日常咱们有些写各类网站, 我的博客系统, 物流管理系统, 通讯录管理系统, 校园二手网站. 咱们都知道, 只须要租用一个服务器, 再配置一个备案好的域名, 就能够在浏览器上进行访问了.
不知你们, 不知你们有没有想过, 将你搭的网站对接微信公众号, 利用微信这个大用户软件, 来为你引流呢?

| 本文环境 | 版本 |
| --- | --- |
| 操做系统 | Ubuntu 16.04.03 |
| 运行方式 | VMware虚拟机 |
| 编程语言 | PHP |
| 项目局域网地址 | http://192.168.253.1/audit |数据库


2018-4-1523606408034.jpg

Q: 你在搞笑吗? 不是直接在微信里面打开的吗?编程

A: 直接用微信打开是能够, 而后你在微信里面让用户再注册一个帐号? 对于大部分不想麻烦的小伙伴来讲, 他们会对此忘而却步. 其实微信是提供接口, 让你能够获取到微信的用户名,和用户头像的.

通常来讲能够经过三种方式

  1. 使用经过的微信开放平台( 注意,不是微信公众平台)
  2. 使用认证过的订阅号.
  3. 使用认证过的服务号
以上方式都须要开发者认证或者微信认证

额, 那其实不是没认证就没得玩?

好吧, 实际是的确如此, 不过. 若是你真的只是想玩玩. 你能够去这儿. https://mp.weixin.qq.com/debu...

2018-4-1523712185351.jpg

微信测试号

优势

  • 拥有几乎全部接口,
  • 以及享受局域网IP回调(意思就是说,能够支持局域网, 这是正式微信平台号所不具有的)
  • 发送模板消息, 不用审核.

缺点

  • 只支持最多100个用户
  • 不能设置名称, 头像.

对于一些只是想玩玩, 或者小规模用户的是没有问题的.json

跟我一块儿操做

登陆

扫码登陆就行了;

微信token

新建php文件(啥语言均可以,自行修改)
public function token()
    {
        $nonce = $_GET['nonce'];
        $token = 'weixin';
        $timestamp = $_GET['timestamp'];
        $echostr = $_GET['echostr'];
        $signature = $_GET['signature'];
        //造成数组,而后按字典序排序
        $array = array();
        $array = array($nonce, $timestamp, $token);
        sort($array);
        //拼接成字符串,sha1加密 ,而后与signature进行校验
        $str = sha1(implode($array));
        if ($str == $signature && $echostr) {
            //第一次接入weixin api接口的时候
            echo $echostr;
            exit;
        }
    }
而后在测试号里填写路径和token, 认证成功后就能够继续操做了

2018-4-1523713636476.jpg

TIP: 这个连接并不须要一直可访问, 只须要第一次认证经过就OK, 甚至认证过能够直接删掉.

修改回调域名, 接口> 网页受权获取用户基本信息 > 修改

2018-4-1523781481068.jpg

只有测试号支持ip

微信的接口

接口详情可在https://mp.weixin.qq.com/wiki...里查看api

注意:数组

  1. 这些接口不是简单的对接就行了, 每次请求都须要携带access_token,
  2. 而获取access_token, 天天有获取上限.
  3. access-token具备有效期(7200s) , 过时须要从新获取.

获取access_token的方法https://mp.weixin.qq.com/debu...浏览器

获取用户信息, 实现免登陆的效果

2018-4-1523714004736.jpg

在这儿咱们须要三个接口

所用接口:

接口一:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
接口二:
https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
接口三:
https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
接口四: 刷新access_token
https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=APPID&grant_type=refresh_token&refresh_token=REFRESH_TOKEN

接口返回数据, 详见https://mp.weixin.qq.com/wiki...
第一步:用户赞成受权,获取code
示例:( 注意appid, redirect_url是变量)服务器

$str = 'http://open.weixin.qq.com/connect/oauth2/authorize?appid=wx20874ebf2ea1fc7f&redirect_uri=' . urlencode("http://192.168.253.1/audit/client/") . '&response_type=code&scope=snsapi_base&state=123#wechat_redirect';

2018-4-1523714822433.jpg

第二步:经过code换取网页受权access_token微信

示例
$data = json_decode(file_get_contents("https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $this->appid . "&secret=" . $this->secret . "&code=" . $_GET['code'] . "&grant_type=authorization_code"));
注意: 此处的access_token与上面的access_token不是同一个东西

第三步: 经过access_token换取userinfoapp

示例
$userInfo = json_decode(file_get_contents("https://api.weixin.qq.com/sns/userinfo?access_token=" . $data->access_token . "&openid=" . $data->openid . "&lang=zh_CN"));

刷新access_token, 若是须要

这是我画的一个请求过程图, 能够帮助理解

enter description here

测试演示

1. 将受权url发给手机

非必需, 也能够在电脑上, 也能够写到公众号子菜单中点击进入.

2. 关注测试号

否则会这样

2018-4-1523781959421.jpg

3. 关注后点击

2018-4-1523782005232.jpg

2018-4-1523782015976.jpg

测试号访问成功.

额, 关于后台代码原理就不讲了.
相似于一个从微信服务器发来的表单, 登陆进了系统, 而后再把这些数据存入数据库就行了.

正式号运行效果

2018-4-1523890856126.jpg

2018-4-1523890881266.jpg

相关文章
相关标签/搜索