WeChat コード スキャン ログインを実装する
#この記事の動作環境: Windows10 システム、php 7、thinkpad t480 コンピューター。php メソッド: 1. js を介してオブジェクトをインスタンス化します; 2. html で div を定義し、QR コードを含めます; 3. $(document).ready() 内でインスタンス化するだけです。
$redirect_uri="http://你的微信开放平台绑定域名下处理扫码事件的方法"; $redirect_uri=urlencode($redirect_uri);//该回调需要url编码 $appID="你的appid"; $scope="snsapi_login";//写死,微信暂时只支持这个值 //准备向微信发请求 $url = "https://open.weixin.qq.com/connect/qrconnect?appid=" . $appID."&redirect_uri=".$redirect_uri."&response_type=code&scope=".$scope."&state=STATE#wechat_redirect"; //请求返回的结果(实际上是个html的字符串) $result = file_get_contents($url); //替换图片的src才能显示二维码 $result = str_replace("/connect/qrcode/", "https://open.weixin.qq.com/connect/qrcode/", $result); return $result; //返回页面これにより、次のようなページが返され、スキャン後に $redirect_uri を呼び出します 2. 埋め込み JS 表示: ここでは、js 側でオブジェクトをインスタンス化します。まず、次の js ファイルを タグに追加します (
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>) 次に、HTML で QR コードを含む div を定義します。
<div id="login_container"></div>最後に $(document).ready() でインスタンス化します。
$(document).ready(function() { var obj = new WxLogin ({ id:"login_container",//div的id appid: "你的appid", scope: "snsapi_login",//写死 redirect_uri:encodeURI("你的处理扫码事件的方法") , state: "", style: "black",//二维码黑白风格 href: "https://某个域名下的css文件" }); });CSS ファイルが次を指していることに注意してください。 href 内では必須です https プロトコルでのみ参照できます。それ以外の場合、ページはデフォルトのスタイルになります (比較的大きな QR コードが表示され、QR コードのサイズと位置を調整することはできません。これは非常に面倒です)。ページの最後の部分は次のようになります。ここの QR コードは約 140px しかありません: OK、QR コードがページに表示されます。次に、大まかに話しましょうQR コードをスキャンするロジックについては、全体のプロセスは大きく 5 つのステップに分かれています: これらの 5 つのステップを完了すると、ユーザーのすべての情報が取得されます。 QR コードをスキャンしました。その後、必要なコード ロジック (リダイレクトやログインなど) を記述するだけです。コード内の式は次のとおりです:
//回调 public function codeinfo() { $code = $_GET["code"]; $appid = "你的appid"; $secret = "你的secret"; if (!empty($code)) //有code { //通过code获得 access_token + openid $url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $appid . "&secret=" . $secret . "&code=" . $code . "&grant_type=authorization_code"; $jsonResult = file_get_contents($url); $resultArray = json_decode($jsonResult, true); $access_token = $resultArray["access_token"]; $openid = $resultArray["openid"]; //通过access_token + openid 获得用户所有信息,结果全部存储在$infoArray里,后面再写自己的代码逻辑 $infoUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=" . $access_token . "&openid=" . $openid; $infoResult = file_get_contents($infoUrl); $infoArray = json_decode($infoResult, true); } }上記のコードを書いた後、すでにスキャンされていると思います。このプロセスは非常に明確で、実際には、基本的には複数の WeChat インターフェイスの調整された呼び出しにすぎません。 推奨学習:
以上がPHP で WeChat スキャン コード ログインを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。