微信H5授權獲取code,拿取使用者資訊(前端部分)

2021-10-01 21:45:03 字數 1015 閱讀 2104

開發–>基礎配置開發–>介面許可權

設定js介面安全網域名稱與網頁授權網域名稱

到這裡前期的基礎工作就已經完成了

下面就開始**部分

const iswechat = () =>

const geturlparam = (name) =>

return null; }

引數說明

引數是否必須說明是

redirect_uri

是response_type

是返回型別,請填寫code

scope

是應用授權作用域,snsapi_base (不彈出授權頁面,直接跳轉,只能獲取使用者openid),snsapi_userinfo (彈出授權頁面,可通過openid拿到暱稱、性別、所在地。並且,即使在未關注的情況下,只要使用者授權,也能獲取其資訊)

state

否重定向後會帶上state引數,開發者可以填寫a-za-z0-9的引數值,最多128位元組

下面我自己上寫的乙個測試demo**

const iswechat = () =>

const geturlparam = (name) =>

return null;

} export default

},onload() ,

methods: else}}

} }local路徑要和授權網域名稱對應上

window.location.href跳轉去授權,授權成功後會重定向之前的頁面,這樣我們就拿到code,然後把code給後台,就可以拿到openid,獲取到使用者資訊了

H5微信授權登入

申請測試賬號 scope為snsapi base scope為snsapi userinfo 關於網頁授權的兩種scope的區別說明 1 以snsapi base為scope發起的網頁授權,是用來獲取進入頁面的使用者的openid的,並且是靜默授權並自動跳轉到 頁的。使用者感知的就是直接進入了 頁 ...

關於微信支付(H5獲取openid)

config引數配置 配置成功可略過此步 error reporting e all e notice header content type text html charset utf 8 require once sdk jssdk.php signpackage jssdk getsignpa...

微信平台H5開發

這是開發文件,可以指引你如何安裝。另外,我找了乙個我們公司之前開發過的h5專案,你可以將他安裝在你本地的微擎裡。周五我會約你聊下對這個框架和這個專案的理解。開發文件 非官方 購買伺服器 開發9080埠 瀏覽器訪問studyphp使用者介面 微擎安裝檔案ftp上傳到伺服器web根目錄 瀏覽器位址列執行...