微信公眾平臺開發——微信授權登錄（OAuth2.0）

来源:http://www.cnblogs.com/0201zcr/archive/2016/01/15/5131602.html
-Advertisement-
Play Games

微信介面：用戶通過oauth2.0的授權登錄第三方網站的方式，獲取微信用戶的一些基本信息，如：昵稱、所在地、性別……


1、OAuth2.0簡介

　　OAuth（開放授權）是一個開放標準，允許用戶讓第三方應用訪問該用戶在某一網站上存儲的私密的資源（如照片，視頻，聯繫人列表），而無需將用戶名和密碼提供給第三方應用。

　　允許用戶提供一個令牌，而不是用戶名和密碼來訪問他們存放在特定服務提供者的數據。每一個令牌授權一個特定的網站（例如，視頻編輯網站)在特定的時段（例如，接下來的2小時內）內訪問特定的資源（例如僅僅是某一相冊中的視頻）。這樣，OAuth允許用戶授權第三方網站訪問他們存儲在另外的服務提供者上的信息，而不需要分享他們的訪問許可或他們數據的所有內容。 　　我們這裡主要模擬在微信公眾號中使用OAuth2.0進行授權，獲取用戶的基本信息的過程。詳細的開發文檔可查看微信的官方文檔。　　

微信公眾平臺開發者文檔：

http://mp.weixin.qq.com/wiki/14/89b871b5466b19b3efa4ada8e577d45e.html

  2、獲取測試公眾賬號及其相關配置

1）、公眾測試賬號獲取

　　訪問上面的連接，選擇“介面測試號申請”獲得直接打開http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index通過微信客戶端掃碼登錄即可登錄。

　　登錄完即可獲取到一個測試公眾賬號的信息。主要有appId和appsecret兩個參數，這將唯一標示一個公眾號，並且需要將他們作為參數獲取用戶的信息。

2）、關註公眾號

 　　用戶只有關註了這個公眾號了，才能通過打開有公眾號信息的鏈接去授權第三方登錄，並獲取用戶信息的操作。故我們還需要用我們的微信關註微信號，操作如下： 　　還是剛剛那個登錄成功後跳轉的頁面，我們可以看到，該頁面有一個二維碼，我們可以通過掃描該二維碼進行關註，關註成功在右邊的“用戶列表”會多一個用戶的信息。如下圖所示：  3）、配置回調函數 　　我們在微信客戶端訪問第三方網頁（即我們自己的網頁）的時候，我們可以通過微信網頁授權機制，我們不僅要有前面獲取到的appid和appsecret還需要有當用戶授權之後，回調的功能變數名稱設置，即用戶授權後，頁面會跳轉到哪裡。具體的配置如下：

　　還是在剛剛的頁面，有一個“網頁授權獲取用戶基本信息”，點擊後面的修改

   　　填寫回調的功能變數名稱： 　　如果你的網址沒有被列入過黑名單，就會在頂部出現
    然後，功能變數名稱配置就成功了！

註意：

1、這裡填寫的是功能變數名稱（是一個字元串），而不是URL，因此請勿加http://等協議頭；
2、授權回調功能變數名稱配置規範為全功能變數名稱，比如需要網頁授權的功能變數名稱為：www.qq.com，配置以後此功能變數名稱下麵的頁面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以進行OAuth2.0鑒權。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com無法進行OAuth2.0鑒權

　　到這裡，我們就獲取到我們必須用到的測試信息了，包括

  • 公眾號appID、appsecret的獲取；
  • 關註我們測試的公眾號；
  • 配置掃碼用戶授權後回調的功能變數名稱。
3、微信授權登錄並獲取用戶基本信息

　　微信授權使用的是OAuth2.0授權的方式。主要有以下簡略步驟：

　　第一步：用戶同意授權，獲取code

　　第二步：通過code換取網頁授權access_token

　　第三步：刷新access_token（如果需要）

　　第四步：拉取用戶信息(需scope為 snsapi_userinfo)

 

　　詳細的步驟如下：

　　1．用戶關註微信公眾賬號。

　　2．微信公眾賬號提供用戶請求授權頁面URL。

　　3．用戶點擊授權頁面URL，將向伺服器發起請求

　　4．伺服器詢問用戶是否同意授權給微信公眾賬號(scope為snsapi_base時無此步驟)

　　5．用戶同意(scope為snsapi_base時無此步驟)

　　6．伺服器將CODE通過回調傳給微信公眾賬號

　　7．微信公眾賬號獲得CODE

　　8．微信公眾賬號通過CODE向伺服器請求Access Token

　　9．伺服器返回Access Token和OpenID給微信公眾賬號

　　10．微信公眾賬號通過Access Token向伺服器請求用戶信息(scope為snsapi_base時無此步驟)

　　11．伺服器將用戶信息回送給微信公眾賬號(scope為snsapi_base時無此步驟)

1）、用戶授權並獲取code

　　在功能變數名稱（前面配置的回調功能變數名稱）根目錄下，新建一個文件，命名為oauth.php(名字隨便你取，下麵的redirect_uri做相應修改即可）該php實現的功能也很簡單，只是將url上的code參數取出來並列印出來而已，方便我們進行接下來的操作。

　　Oauth.php中的內容如下：

<?php
if (isset($_GET['code'])){
    echo $_GET['code'];
}else{
    echo "NO CODE";
}
?>

 　　這個php的主要目的是當用戶確認授權登錄之後，會調轉到redirect_uri這個地址上，並帶上code參數（微信生成），我們為了方便獲取，這裡也可以是一個空白的頁面，下麵有其他方法得到url上面的code參數。

　　請求授權頁面的構造方式：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

 參數說明

參數

必須

說明

appid

是

公眾號的唯一標識（這個就是我們前面申請的）

redirect_uri

是

授權後重定向的回調鏈接地址（我們前面申請的）

response_type

是

返回類型，請填寫code

scope

是

應用授權作用域，snsapi_base （不彈出授權頁面，直接跳轉，只能獲取用戶openid），snsapi_userinfo （彈出授權頁面，可通過openid拿到昵稱、性別、所在地。並且，即使在未關註的情況下，只要用戶授權，也能獲取其信息）

state

否

重定向後會帶上state參數，開發者可以填寫a-zA-Z0-9的參數值，最多128位元組，該值會被微信原樣返回，我們可以將其進行比對，防止別人的攻擊。

#wechat_redirect

否

直接在微信打開鏈接，可以不填此參數。做頁面302重定向時候，必須帶此參數
 

　　應用授權作用域：由於snsapi_base只能獲取到openid，意義不大，所以我們使用snsapi_userinfo。
　　回調地址：填寫為剛纔上傳後的oauth.php的文件地址，
　　state參數：隨便一個數字，這裡填123

　　尤其註意：由於授權操作安全等級較高，所以在發起授權請求時，微信會對授權鏈接做正則強匹配校驗，如果鏈接的參數順序不對，授權頁面將無法正常訪問

　　構造請求url如下：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx4a22b50d7e897f97&redirect_uri=http%3a%2f%2fad.seewo.com%2foauth.php&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

 　　這個需要發到微信中，使用微信瀏覽器才能打開。

　　點開上面的鏈接，點擊確認登錄即可跳轉到剛剛配置的回調頁面，並獲取了微信傳回的code參數，用於下麵的操作。

授權頁面如下：

授權後跳轉的頁面（我們前面配置的redirect_uri）：

　　假如我們沒有在php中列印出了code，這個時候我們可以通過右上角按鈕中的複製鏈接，得到鏈接如下：

http://ad.seewo.com/oauth2.php?code=0217a07e9c194dbf539c45c266b2dcfZ&state=123

 code說明 ：

code作為換取access_token的票據，每次用戶授權帶上的code將不一樣，code只能使用一次，5分鐘未被使用自動過期。

1）、使用code換取access_token

換取網頁授權access_token頁面的構造方式：

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

參數說明

參數

是否必須

說明

appid

是

公眾號的唯一標識

secret

是

公眾號的appsecret

code

是

填寫第一步獲取的code參數

grant_type

是

填寫為authorization_code

code：在這裡填寫為上一步獲得的值。
構造的url如下，在網頁中打開鏈接就行：

https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx41cb8dbd827a16e9&secret=d4624c36b6795d1d99dcf0547af5443d&code=00137323023ab55775be09d6d8e75ffA&grant_type=authorization_code 

　　只有獲取code的鏈接必須是在微信客戶端中點開的，獲取access_token和用戶信息可以直接在網頁打開即可。

返回說明

正確時返回的JSON數據包如下：

{

   "access_token":"ACCESS_TOKEN",

   "expires_in":7200,

   "refresh_token":"REFRESH_TOKEN",

   "openid":"OPENID",

   "scope":"SCOPE"

}

 

參數

描述

access_token

網頁授權介面調用憑證,註意：此access_token與基礎支持的access_token不同

expires_in

access_token介面調用憑證超時時間，單位（秒）

refresh_token

用戶刷新access_token

openid

用戶唯一標識

scope

用戶授權的作用域，使用逗號（,）分隔


　　錯誤時微信會返回JSON數據包如下（示例為Code無效錯誤）:

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

2）、通過access_token、openid獲取用戶信息 

請求方法：

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

　　參數說明

參數

描述

access_token

網頁授權介面調用憑證,註意：此access_token與基礎支持的access_token不同

openid

用戶的唯一標識

　　構造url如下：

https://api.weixin.qq.com/sns/userinfo?access_token=OezXcEiiBSKSxW0eoylIeABONBTt9gBE6cK3arF_L6aOvwU4ynS5ZxG4r6ZUIJxh7y_ClmPRkYbMeOc_r30LAGB2IEAlCFsQQvfQMJSwHcU6109-6vz603Jho4oZhdns6AOXwoxaWcLujT1RWnC_hQ&openid=oF3PcsnsrMiJzEwalZZbAfWQpxCI

　　可以在瀏覽器中直接執行這個。

　　得到的json格式數據如下：

{

   "openid":" OPENID",

   " nickname": NICKNAME,

   "sex":"1",

   "province":"PROVINCE"

   "city":"CITY",

   "country":"COUNTRY",

    "headimgurl":    "http://wx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46", 

"privilege":[

"PRIVILEGE1"

"PRIVILEGE2"

    ],

    "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"

}

參數

描述

openid

用戶的唯一標識

nickname

用戶昵稱

sex

用戶的性別，值為1時是男性，值為2時是女性，值為0時是未知

province

用戶個人資料填寫的省份

city

普通用戶個人資料填寫的城市

country

國家，如中國為CN

headimgurl

用戶頭像，最後一個數值代表正方形頭像大小（有0、46、64、96、132數值可選，0代表640*640正方形頭像），用戶沒有頭像時該項為空。若用戶更換頭像，原有頭像URL將失效。

privilege

用戶特權信息，json 數組，如微信沃卡用戶為（chinaunicom）

unionid

只有在用戶將公眾號綁定到微信開放平臺帳號後，才會出現該欄位。詳見：獲取用戶個人信息（UnionID機制）

　　錯誤時微信會返回JSON數據包如下（示例為openid無效）:

{"errcode":40003,"errmsg":" invalid openid "}
值得註意的地方：

　　用戶管理類介面中的“獲取用戶基本信息介面”，是在用戶和公眾號產生消息交互或關註後事件推送後，才能根據用戶OpenID來獲取用戶基本信息。這個介面，包括其他微信介面，都是需要該用戶（即openid）關註了公眾號後，才能調用成功的。

　　網頁授權獲取用戶基本信息也遵循UnionID機制。即如果開發者有在多個公眾號，或在公眾號、移動應用之間統一用戶帳號的需求，需要前往微信開放平臺（open.weixin.qq.com）綁定公眾號後，才可利用UnionID機制來滿足上述需求。

　　UnionID機制的作用說明：如果開發者擁有多個移動應用、網站應用和公眾帳號，可通過獲取用戶基本信息中的unionid來區分用戶的唯一性，因為同一用戶，對同一個微信開放平臺下的不同應用（移動應用、網站應用和公眾帳號），unionid是相同的。

　　尤其註意：由於公眾號的secret和獲取到的access_token安全級別都非常高，必須只保存在伺服器，不允許傳給客戶端。後續刷新access_token、通過access_token獲取用戶信息等步驟，也必須從伺服器發起。

　　致謝：感謝您的閱讀！
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Extjs 控制項屬性（部分）
    Ext.form.TimeField:配置項：maxValue：列表中允許的最大時間maxText：當時間大於最大值時的錯誤提示信息minValue：列表中允許的最小時間minText：當時間小於最小值時的錯誤提示信息increment：兩個相鄰選項間的時間間隔，預設為15分鐘format：顯示格式...
  • 瀏覽器緩存知識小結及應用
    瀏覽器緩存，也就是客戶端緩存，既是網頁性能優化裡面靜態資源相關優化的一大利器，也是無數web開發人員在工作過程不可避免的一大問題，所以在產品開發的時候我們總是想辦法避免緩存產生，而在產品發佈之時又在想策略管理緩存提升網頁的訪問速度。瞭解瀏覽器的緩存命中原理，是開發web應用的基礎，本文著眼於此，學習...
  • input多選圖片與顯示
    input標簽在使用input選擇文件時遇到了 在遍歷input file.files 只顯示最後一個，修改如下：CSS:html:JS：
  • 滑鼠點擊input時，placeholder中的提示信息消失
    html代碼：滑鼠點擊input時，placeholder中的提示信息消失：
  • jQuery loop over JSON字元串 – $.each實例
    先來一段簡單的javascript對象的遍歷：var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4",...
  • 使用對象封裝ajax方法實現可重覆調用
    使用對象封裝ajax方法實現可重覆調用，減少代碼重覆性，增強可讀性
  • 一句實現jquery導航欄
    /*mine才疏學淺，望大神繞行*/ .current{ color: red; font-size: large; }$(function(){//實現點擊標題的css和.lev1下麵的a標簽元素的...
  • 子元素增加margin-top會增加給父元素的問題
    假設我們有如下代碼 會發現效果如下所示子元素的margin-top並沒有使子元素與父元素分開，反倒效果等同於給父元素加了一個margin-top；解決的方法也有，具體為：1.修改父元素的高度，增加padding-top樣式模擬（padding-top:1px;）2.為父元素添加o...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類