1. 程式人生 > >微信開放平臺和微信公眾平臺配置流程簡介,

微信開放平臺和微信公眾平臺配置流程簡介,

一、如何開通微信公眾號、微信開發平臺、授權認證、介面許可權申請等等,這些不在本文描述,請參考官方資料。

二、假設已順利完成第一步的工作,現在需要在自己開發的網站(PC端、移動端,注意兩者略有不同,下文有描述)接入微信登入功能。

三、接入之前,首先要理解使用微信登入的常有的兩種應用場景:

場景1、只限於在微信客戶端開啟的網頁應用,比如在公眾號選單點選,直接開啟某個頁面;或在微信訊息列表直接給好友傳送一個網頁的URL,使用者收到直接點選URL直接開啟頁面。

場景2、使用者在PC電腦瀏覽器開啟頁面,頁面呈現一個二維碼,使用者使用手機微信掃一掃,確認登入後,網頁自動跳轉到登入後的頁面。

四、針對以上兩種場景,需要注意的是,移動端和PC端所請求的頁面URL域名可能不一樣,因為根據PC端和移動端螢幕的特性,網頁開發者需要針對不同的客戶端開發顯示不同的view,甚至還分開部署在不同的域名下。比如,PC端版本部署在一級域名下http://www.huihui.com;移動端版本部署在二級域名下http://mobile.huihui.com。(當然,其實你只需要申請、備案一級域名huihui.com即可,二級域名(可多個)是你自行在服務端分配,這方面的知識請問度娘)

理解了這些,接下來的首要工作是在微信公眾號、微信開放平臺各自配置網頁授權URL,你可能會問:“為什麼要在兩個地方配置不同的URL?”,這是因為上面所說的兩種不同場景和不同場景部署到了不同的域名下(一級、二級)。

五、配置操作如下:

1、微信公眾號平臺。登入後,開發》介面許可權》網頁授權-修改

在下面找到網頁授權域名,點選設定

只需填寫域名,不需要http://,假如手機端訪問的域名是二級域名,只需填寫:mobile.huihui.com

2、微信開放平臺。登入》管理中心》網站應用(如果沒有,需先建立,需要幾天的稽核時間),

點選檢視》應用詳情,在下面有個授權回撥域,點選修改。

這裡配置的是PC端訪問的域名,不需要http://,假如是一級域名,只需輸入:huihui.com

六、以上配置過程,描述需注意的細節就是坑1;配置好後,開啟網頁,很可能提示以下錯誤:

這是坑2,因為你在程式碼裡給引數 redirect_uri 賦值錯誤,值一定要帶上http://,然後還需要對URL編碼格式,比如URL.encode("http://huihui.com")。這裡不需要加www.

更多關於微信開發問題歡迎加QQ1806488395  討論