目录

概述

解决的问题

前端技术栈

APP技术栈

后端技术栈

基本说明

开发过程

0.准备

1.基本配置

<?phpnamespaceHome\Controller;//命名空间注意用自己的useThink\Controller;//引入Think Controller/** * Class IndexController * @package Home\Controller * @name 微信服务器验证类 * @author weikai */class IndexControllerextends Controller {//微信服务器接入publicfunctionindex()    {//这个echostr呢  只有说验证的时候才会echo  如果是验证过之后这个echostr是不存在的字段了if($_GET['echostr']){$echoStr =$_GET["echostr"];if ($this->checkSignature()) {ob_clean();//防止之前缓存区数据影响echo$echoStr;exit;             }        }else{$this->responseMsg();//如果没有echostr，则返回消息        }    }//验证微信开发者模式接入是否成功privatefunctioncheckSignature()    {//signature 是微信传过来的签名$signature =$_GET["signature"];//微信发过来的时间戳$timestamp =$_GET["timestamp"];//微信传过来的值随机字符串$nonce     =$_GET["nonce"];//定义你在微信公众号开发者模式里面定义的token 这里举例为weixin$token  ="weixin";//三个变量 按照字典排序 形成一个数组$tmpArr =array($token,$timestamp,$nonce        );// 字典排序sort($tmpArr,SORT_STRING);$tmpStr =implode($tmpArr);//哈希加密  在laravel里面是Hash::$tmpStr =sha1($tmpStr);//哈希加密后的数据 和微信服务器传过来的签名比较if ($tmpStr ==$signature) {returntrue;        }else {returnfalse;        }    }/**     * @name 消息接收     * @author weikai     */publicfunctionresponseMsg()//执行接收器方法    {//获取微信服务器的XML数据 转化为对象 判断消息类型$postStr =$GLOBALS["HTTP_RAW_POST_DATA"];if (!empty($postStr)){$postObj =simplexml_load_string($postStr,'SimpleXMLElement',LIBXML_NOCDATA);$RX_TYPE =trim($postObj->MsgType);switch($RX_TYPE){case"event":$result =$this->receiveEvent($postObj);break;case"text":$result =$this->handleText($postObj);break;            }echo$result;        }else{echo"";exit;        }    }}//classend

2.网页授权

点击`允许`即可带着用户信息跳转到第三方页面，如上图. 作用： 是用来获取用户的基本信息的

在微信 web 开发者工具中打开类似的授权页 URL 则会`自动跳转`到第三方页面。作用：是用来获取进入页面的用户的openid的

1. 引导用户进入授权页面同意授权后微信跳转回调地址并传递参数code 获取code2. 通过code换取网页授权access_token（与基础支持中的access_token不同）3. 如果需要，开发者可以刷新网页授权access_token，避免过期4. 通过网页授权access_token和openid获取用户基本信息（支持UnionID机制）

   /**     * @name 授权引导后微信会跳转到回调地址并携带code参数     * @author weikai     */public function getBaseInfos(){    $redirect_url = I('get.redirect_url');//获取前台传递的回调地址    $app_id = C('WX_APPID');//获取自己公众号的 appid    $redirect_uri = urlencode($redirect_url);//处理url    $url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=".$app_id."&redirect_uri=".$redirect_uri."&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect";    header('location:'.$url);}

/** * 判断用户是否需要账号密码登录，login页面监听 * @Author   Hybrid * @DateTime 2018-02-28 */let checkIsLoginGotologin = function(to, next) {    // isRelation 判断用户微信账户是否关联官网账户    // routeArr 是一些路由是不需要受监听的    // !res ? 已经授权 ：没有授权  isRelation().then(res => {    if (routeArr.includes(to.path)) {      !res ? next('index') : next();    } else {      // 没有授权且不是授权页                             // 当在授权的情况下是不允许访问login页面      (res && to.path !== '/login') ? next('/login'): ((!res && to.path === '/login') ? next('index') : next())    }  })}/** * 获取和推送code * @Author   Hybrid * @DateTime 2018-02-28 * @param    {}   url 路径    */let getCodePullCode = async function(url) {  let mycode = url.substring(url.indexOf('code=') + 5, url.indexOf('state=') - 1);// 前台截取code  selfStore.set('wechatCodeStr', mycode); // 存储code  //传送给后台code  await axios    .get("/home/WxSignature/getCode", {      params: {        code: mycode      }    })    .then(res => {      //需要登录      var res = res.data;      if (res && res.status === 1) {        selfStore.set('openId', res.data);//本地存储Openid，也可以不存储。由后台调配        location.href = `http://m.example.com/?a=1#${location.href.split('#')[1]}`; // 增加a=1 防止支付错误 防止前台死循环      }    });}/** * 全局路由 * @Author   Hybrid * @DateTime 2018-02-28 */if (process.env.NODE_ENV == 'production') {  router.beforeEach((to, from, next) => {    let url = location.href;    // 同时判断'a=1' 和code= 防止前台死循环     // wechatCode没有 发起授权    if ((url.indexOf('a=1') < 1) && (url.indexOf('code=') < 1)) {      let redirect_url = encodeURIComponent(`http://m.example.com#${to.path}`);      location.href = `http://m.example.com/Home/WxSignature/getBaseInfos?redirect_url=${redirect_url}`;    } else {      // 后台重定向页面，授权登录      (!(url.indexOf('code=') < 1)) ? getCodePullCode(url): checkIsLoginGotologin(to, next)    }  })}

 https://api.weixin.qq.com/sns/oauth2/access_token?appid=你的appid&secret=你的sercret&code=刚刚获取得code&grant_type=authorization_code

/**     * 前台传递code,后台存储     * @Author   weikai     * @DateTime 2017-11-23     * @return   [type]     [description]     */publicfunctiongetCode() {$code =I('get.code');//授权用code$appid =C('WX_APPID');//你的公众号appid$secret =C('WX_APPSECRET');//你的公众号secret// 组合获取的url$url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=$appid&secret=$secret&code=$code&grant_type=authorization_code";// curl获取access_token 和openid$result=$this->curl_get_contents($url);//curl get请求函数请自行百度$result=json_decode($result,true);//json转数组$data['openid']=$result['openid'];$data['access_token'] =$result['access_token'];$data['refresh_token'] =$result['refresh_token'];if($data){return$this->ajaxReturn(show(1,'获取access_token 和openid',$data));//show()方法为自定义封装消息        }else{return$this->ajaxReturn(show(0,'没有access_token 和openid'));         }    }

{ "access_token":"ACCESS_TOKEN","expires_in":7200,"refresh_token":"REFRESH_TOKEN","openid":"OPENID","scope":"SCOPE" }

{"errcode":40029,"errmsg":"invalid code"}

获取第二步的refresh_token后，请求以下链接获取access_token：https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=APPID&grant_type=refresh_token&refresh_token=REFRESH_TOKEN

/**     * 刷新access_token     * @Author   weikai     * @refresh_token 用与刷新access_token的参数     * @DateTime 2017-11-23     * @return   [type]     [description]     */publicfunctionreAccessToken($refresh_token) {$appid =C('WX_APPID');//你的公众号appid// 组合获取的url$url="https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=$appid&grant_type=refresh_token&refresh_token=$refresh_token";// curl请求刷新access_token$result=$this->curl_get_contents($url);//curl get请求函数请自行百度$result=json_decode($result,true);//json转数组$data['access_token'] =$result['access_token'];if($data){return$this->ajaxReturn(show(1,'获取access_token' ,$data));//show()方法为自定义封装消息        }else{return$this->ajaxReturn(show(0,'没有access_token'));         }    }

{ "access_token":"ACCESS_TOKEN","expires_in":7200,"refresh_token":"REFRESH_TOKEN","openid":"OPENID","scope":"SCOPE" }

https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

/**     * @return mixed     * @name 使用全局access_token获取用户详细信息     * @author weikai     */publicfunctiongetWxUserInfo($openid){$access_token =$this->getAccess_Token();$url ="https://api.weixin.qq.com/cgi-bin/user/info?access_token=".$access_token."&openid=".$openid."&lang=zh_CN";$data =$this->cUrl($url);$data =json_decode($data);if($data){return$data;        }         }

{    "openid":" OPENID"," nickname": NICKNAME,"sex":"1","province":"PROVINCE""city":"CITY","country":"COUNTRY","headimgurl":    "http://thirdwx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46","privilege":[ "PRIVILEGE1" "PRIVILEGE2"     ],"unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"}

{"errcode":40003,"errmsg":" invalid openid "}

3.APP对接微信

场景介绍

集成SDK

Android