1、H5頁面是運行在微信瀏覽器的
2、需要與公眾號關聯(即需要openid)
3、判斷需求是否需要彈窗告知用戶授權操作
4、獲取地址欄參數判斷是否有'code',有的話直接傳給后臺換取openid,沒有就跳轉微信提供的獲取code的鏈接
5、獲取到的openid做本地存儲,判斷沒有openid進行獲取openid操作
6、這邊的操作是不需要彈出授權框,且code不能重復使用,所以做了關注二維碼彈窗且不能關閉彈窗操作
// 強制關注公眾號,獲取openidgetCode = function () { if (sessionStorage.getItem("openid")&&sessionStorage.getItem("openid")!="undefined") { return false; } var code = getUrlParam('code') // 截取路徑中的code,如果沒有就去微信授權,如果已經獲取到了就直接傳code給后臺獲取openId var local = window.location.href; var APPID = 'xxx'; if (code == null || code === '') { window.location. + APPID + '&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_base&state=#wechat_redirect' } else { getOpenId(code) //把code傳給后臺獲取用戶信息 }}//把code傳給后臺,得到openidgetOpenId = function (code) { $.ajax({ type: 'POST', dataType: 'json', url: 'xxx', data: { code: code }, success: function (res) { if (res.status == -1) { // 提示沒有關注公眾號 沒有關注公眾號跳轉到關注公眾號頁面 console.log('您還未關注公眾號喔'); //二維碼彈窗 $('.openPopup').click(); return; } else { // 本地存儲這個openid,并刷新頁面 sessionStorage.setItem("openid", res.data.openid); location.reload(); } } });}//獲取地址欄的參數getUrlParam= function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}//頁面執行調用getCode();
到此這篇關于Html5頁面獲取微信公眾號的openid的方法的文章就介紹到這了,更多相關Html5獲取公眾號的openid內容請搜索武林網以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持武林網!
新聞熱點
疑難解答