PHP-申請微信測試號開發微信公眾號授權登入(一):拿code
阿新 • • 發佈:2021-12-07
微信公眾平臺介面測試帳號申請
掃碼登入後填寫域名和token,無需公眾帳號驗證完畢後:快速申請介面測試號直接體驗和測試公眾平臺所有高階介面
https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
請把以下程式碼儲存成php檔案,然後在介面配置資訊中的URL填寫此檔案請求的網址
然後檔案中的Token值修改成一致即可(Token值自己定義).
<?php /** * wechat php test */ //define your token define("TOKEN", "你設定的Token值"); $wechatObj = new wechatCallbackapiTest(); $wechatObj->valid(); class wechatCallbackapiTest { public function valid() { $echoStr = $_GET["echostr"]; //valid signature , option if($this->checkSignature()){ echo $echoStr; exit; } } public function responseMsg() { //get post data, May be due to the different environments $postStr = $GLOBALS["HTTP_RAW_POST_DATA"]; //extract post data if (!empty($postStr)){ $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA); $fromUsername = $postObj->FromUserName; $toUsername = $postObj->ToUserName; $keyword = trim($postObj->Content); $time = time(); $textTpl = "<xml> <ToUserName><![CDATA[%s]]></ToUserName> <FromUserName><![CDATA[%s]]></FromUserName> <CreateTime>%s</CreateTime> <MsgType><![CDATA[%s]]></MsgType> <Content><![CDATA[%s]]></Content> <FuncFlag>0</FuncFlag> </xml>"; if(!empty( $keyword )) { $msgType = "text"; $contentStr = "Welcome to wechat world!"; $resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr); echo $resultStr; }else{ echo "Input something..."; } }else { echo ""; exit; } } private function checkSignature() { $signature = $_GET["signature"]; $timestamp = $_GET["timestamp"]; $nonce = $_GET["nonce"]; $token = TOKEN; $tmpArr = array($token, $timestamp, $nonce); sort($tmpArr); $tmpStr = implode( $tmpArr ); $tmpStr = sha1( $tmpStr ); if( $tmpStr == $signature ){ return true; }else{ return false; } } } ?>
完成之後如下:然後掃碼關注一下測試公眾號
然後找到網頁授權的介面:
本地獲取code寫的是Ip,不要寫http,否則回撥的時候時候會報redirect_uri 引數錯誤!
獲取code的uniapp程式碼如下:你需要在微信開發者工具中開啟頁面
<template> <view class="springboard"> <button @click="login()" type="default">登入獲取code</button> <!-- <view class=""> code:{{res}} </view> <view class=""> access_token介面:{{result}} </view> <view class=""> access_token :{{access_token}} <view class=""> openid:{{openid}} </view> </view> <view class=""> 使用者資訊 {{userInfo}} </view> --> <!-- 跳板頁面 這個介面主要用來 獲取快取的資訊 如果沒有快取的資訊則跳轉去授權 如果有直接跳轉去商城介面--> </view> </template> <script> export default { data() { return { src: '', result: '', option: '', res: '', userInfo: '', access_token: '', openid: '', index: 0 }; }, methods: { login() { this.getpower() }, getpower() { const redirectURL = encodeURIComponent('http://192.168.1.9:8080/');//當前頁面地址 console.log(redirectURL) //獲取地址 const base = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="; let state = "STATE"; // let surl; // let reserveUrl; let appid = 'wxcfebf476b4b7b439';//測試的appID,換成你的 let scope = "snsapi_userinfo"; window.location.href = base + appid + "&redirect_uri=" + redirectURL + "&response_type=code&scope=" + scope + "&state=" + state + "#wechat_redirect"; } }, onLoad() { } } </script> <style lang="less" scoped> .springboard { height: 99vh; position: relative; text-align: center; background-size: cover; // background-image: url('http://zons.oss-cn-shenzhen.aliyuncs.com/upload/20200703/20200703/1593768723d3eb9a9233e52948740d7eb8c3062d14.jpg'); // background-image: url('http://zons.oss-cn-shenzhen.aliyuncs.com/upload/20200703/20200703/1593768995d3eb9a9233e52948740d7eb8c3062d14.jpg'); } .LoginBtn { width: 50%; border: 1px solid #409eff; padding: 20rpx; display: inline-block; background-color: #409eff; color: #fff; border-radius: 10rpx; } </style>
點選《登入獲取code》 以後,code會出現在頁面的url中,code=的值就是
拿到code以後,就要傳送給後臺服務端,服務端再請求微信介面換取使用者資訊:
未完待續······
本文來自部落格園,作者:wekyun,轉載請註明原文連結:https://www.cnblogs.com/wekyun/p/15648561.html