在微信H5網頁中獲取使用者基本資訊

2021-10-24 22:48:39 字數 1319 閱讀 6228

注意事項

總結

const

redirecttoauthpage=(

)=>

&redirect_uri=

$&response_type=code&scope=snsapi_userinfo&state=

$#wechat_redirect`

window.location.href = redirecturi

}

state重定向後會帶上state引數,最多128位元組

前兩個引數是必須填寫的,最後乙個可以忽略。但是開發時state會很有用,可以傳入一些輔助資訊。比如在我們的頁面中,授權成功後我們會通過state來讓後台進行頁面跳轉。

拿到code後,可以通過code來換取access_token, 如下所示:

返回如下結果:

拿到access_token後,就可以獲取使用者的基本資訊了,如下所示:

13_wnut-xfu2d4tyubrt98&openid=og7kr1wu05l0huypgtqaznhyjsze&lang=zh_cn返回如下結果:

跳轉到h5頁面

後台獲取到使用者的暱稱後,可以通過讀取redirect_uri裡面的state引數來跳轉到前端h5頁面,比如跳轉到 石頭,前端頁面就可以很方便的獲取到使用者的暱稱資訊。

針對後台開發同學,通過code換取的access_token是有時效限制的,大約2個小時會失效。需要通過介面返回的refresh_token來獲取新的access_token。refresh_token的有效期為30天。如下所示:

/13__46ygqmyzwe2返回如下資料:

&openid=og7kr1wu05l0huypgtqaznhyjsze如果access_token有效,則返回如下資料,否則會提示錯誤資訊:

如果資料不合法,會返回其他資訊:

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

開發 基礎配置開發 介面許可權 設定js介面安全網域名稱與網頁授權網域名稱 到這裡前期的基礎工作就已經完成了 下面就開始 部分 const iswechat const geturlparam name return null 引數說明 引數是否必須說明是 redirect uri 是respons...

微信公眾平台開發 106 網頁獲取使用者地理位置

生成js sdk許可權驗證簽名 使用地理位置介面獲取座標 參考以下文件獲取access token 有效期7200秒,開發者必須在自己的服務全域性快取access token 用第一步拿到的access token 採用http get方式請求獲得jsapi ticket 有效期7200秒,開發者必...

H5頁面微信分享

例如 標題 title 描述 自動獲取當前瀏覽頁的url 不可自定義,無法修改 縮圖 可以在父層 div 上設定 display none 或者對 img 設定 position absolute visibility hidden 例如 display none logo512.png alt d...