1. 程式人生 > 其它 >PHP-申請微信測試號開發微信公眾號授權登入(一):拿code

PHP-申請微信測試號開發微信公眾號授權登入(一):拿code

微信公眾平臺介面測試帳號申請

掃碼登入後填寫域名和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