詳解微信開發(fā)之Author網(wǎng)頁授權(quán)
微信開發(fā)中,經(jīng)常有這樣的需求:獲得用戶頭像、綁定微信號給用戶發(fā)信息.. 那么實(shí)現(xiàn)這些的前提就是授權(quán)!
1.配置安全回調(diào)域名:
在微信公眾號請求用戶網(wǎng)頁授權(quán)之前,開發(fā)者需要先到公眾平臺官網(wǎng)中的“開發(fā) - 接口權(quán)限 - 網(wǎng)頁服務(wù) - 網(wǎng)頁帳號 - 網(wǎng)頁授權(quán)獲取用戶基本信息”的配置選項(xiàng)中,修改授權(quán)回調(diào)域名,值得注意的是這里就是直接寫全域名,如: www.liliangel.cn。然而我們開發(fā)h5中一般用的是二級域名,如:h5.liliangel.cn 也同樣在安全回調(diào)域名中。
2.用戶級授權(quán)和靜默授權(quán)
1、以snsapi_base為scope發(fā)起的網(wǎng)頁授權(quán),是用來獲取進(jìn)入頁面的用戶的openid的,并且是靜默授權(quán)并自動(dòng)跳轉(zhuǎn)到回調(diào)頁的。用戶感知的就是直接進(jìn)入了回調(diào)頁。
2、以snsapi_userinfo為scope發(fā)起的網(wǎng)頁授權(quán),是用來獲取用戶的基本信息的。但這種授權(quán)需要用戶手動(dòng)同意,并且由于用戶同意過,所以無須關(guān)注,就可在授權(quán)后獲取該用戶的基本信息。
3.網(wǎng)頁授權(quán)access_token和普通access_token的區(qū)別
1、微信網(wǎng)頁授權(quán)是通過OAuth2.0機(jī)制實(shí)現(xiàn)的,在用戶授權(quán)給公眾號后,公眾號可以獲取到一個(gè)網(wǎng)頁授權(quán)特有的接口調(diào)用憑證(網(wǎng)頁授權(quán)access_token),通過網(wǎng)頁授權(quán)access_token可以進(jìn)行授權(quán)后接口調(diào)用,如獲取用戶基本信息;
2、其他微信接口,需要通過基礎(chǔ)支持中的“獲取access_token”接口來獲取到的普通access_token調(diào)用。
4.引導(dǎo)用戶進(jìn)入授權(quán)頁面同意授權(quán),獲取code
微信更新后,授權(quán)頁也變化了。其實(shí)習(xí)慣了綠色的那個(gè)經(jīng)典頁面..
js:
var center = { init: function(){ ..... }, enterWxAuthor: function(){ var wxUserInfo = localStorage.getItem("wxUserInfo"); if (!wxUserInfo) { var code = common.getUrlParameter('code'); if (code) { common.getWxUserInfo(); center.init(); }else{ //沒有微信用戶信息,沒有授權(quán)-->> 需要授權(quán),跳轉(zhuǎn)授權(quán)頁面 window.location.+ WX_APPID +'&redirect_uri='+ window.location.href +'&response_type=code&scope=snsapi_userinfo#wechat_redirect'; } }else{ center.init(); } } } $(document).ready(function() { center.enterWxAuthor(); }
以scope=snsapi_userinfo為例,頁面加載的時(shí)候進(jìn)入授權(quán)方法,首先從緩存獲取wxUserInfo對象,如果有說明之前已經(jīng)授權(quán)過,直接進(jìn)入初始化方法。如果沒有,判斷url是否包含code,有code說明是進(jìn)入授權(quán)頁回調(diào)后的頁面,那么通過code換取用戶信息即可。沒有code,即用戶第一次進(jìn)入該頁面,引導(dǎo)去授權(quán)頁,redirect_uri為當(dāng)前頁面地址。
getWxUserInfo方法:
/** * 授權(quán)后獲取用戶的基本信息 */ getWxUserInfo:function(par){ var code = common.getUrlParameter("code"); if (par) code = par; $.ajax({ async: false, data: {code:code}, type : "GET", url : WX_ROOT + "wechat/authorization", success : function(json) { if (json){ try { //保證寫入的wxUserInfo是正確的 var data = JSON.parse(json); if (data.openid) { localStorage.setItem('wxUserInfo',json);//寫緩存--微信用戶信息 } } catch (e) { // TODO: handle exception } } } }); },
5.后臺restful-- /wechat/authorization,根據(jù)code換取用戶信息
/** * 微信授權(quán) * @param code 使用一次后失效 * * @return 用戶基本信息 * @throws IOException */ @RequestMapping(value = "/authorization", method = RequestMethod.GET) public void authorizationWeixin( @RequestParam String code, HttpServletRequest request, HttpServletResponse response) throws IOException{ request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); LOGGER.info("RestFul of authorization parameters code:{}",code); try { String rs = wechatService.getOauthAccessToken(code); out.write(rs); LOGGER.info("RestFul of authorization is successful.",rs); } catch (Exception e) { LOGGER.error("RestFul of authorization is error.",e); }finally{ out.close(); } }
這里有一個(gè)授權(quán)access_token,切記:授權(quán)access_token非全局access_token ,需要使用緩存,這里我使用的redis,具體配置不多說后面寫相關(guān)配置博文,當(dāng)然也可以使用ehcache,關(guān)于ehcahe配置在我的第一篇博客中有詳細(xì)介紹。
/** * 根據(jù)code 獲取授權(quán)的token 僅限授權(quán)時(shí)使用,與全局的access_token不同 * @param code * @return * @throws IOException * @throws ClientProtocolException */ public String getOauthAccessToken(String code) throws ClientProtocolException, IOException{ String data = redisService.get("WEIXIN_SQ_ACCESS_TOKEN"); String rs_access_token = null; String rs_openid = null; String url = WX_OAUTH_ACCESS_TOKEN_URL + "?appid="+WX_APPID+"&secret="+WX_APPSECRET+"&code="+code+"&grant_type=authorization_code"; if (StringUtils.isEmpty(data)) { synchronized (this) { //已過期,需要刷新 String hs = apiService.doGet(url); JSONObject json = JSONObject.parseObject(hs); String refresh_token = json.getString("refresh_token"); String refresh_url = "https://api.weixin.qq.com/sns/oauth2/refresh_token?appid="+WX_APPID+"&grant_type=refresh_token&refresh_token="+refresh_token; String r_hs = apiService.doGet(refresh_url); JSONObject r_json = JSONObject.parseObject(r_hs); String r_access_token = r_json.getString("access_token"); String r_expires_in = r_json.getString("expires_in"); rs_openid = r_json.getString("openid"); rs_access_token = r_access_token; redisService.set("WEIXIN_SQ_ACCESS_TOKEN", r_access_token, Integer.parseInt(r_expires_in) - 3600); LOGGER.info("Set sq access_token to redis is successful.parameters time:{},realtime",Integer.parseInt(r_expires_in), Integer.parseInt(r_expires_in) - 3600); } }else{ //還沒有過期 String hs = apiService.doGet(url); JSONObject json = JSONObject.parseObject(hs); rs_access_token = json.getString("access_token"); rs_openid = json.getString("openid"); LOGGER.info("Get sq access_token from redis is successful.rs_access_token:{},rs_openid:{}",rs_access_token,rs_openid); } return getOauthUserInfo(rs_access_token,rs_openid); } /** * 根據(jù)授權(quán)token獲取用戶信息 * @param access_token * @param openid * @return */ public String getOauthUserInfo(String access_token,String openid){ String url = "https://api.weixin.qq.com/sns/userinfo?access_token="+ access_token +"&openid="+ openid +"&lang=zh_CN"; try { String hs = apiService.doGet(url); //保存用戶信息 saveWeixinUser(hs); return hs; } catch (IOException e) { LOGGER.error("RestFul of authorization is error.",e); } return null; }
當(dāng)時(shí)趕時(shí)間,代碼命名較亂??梢钥吹?,我用了一個(gè)同步的方法,先從緩存中獲取key為WEIXIN_SQ_ACCESS_TOKEN,如果取到了說明沒有過期,直接通過httpclient調(diào)用微信提供的接口,返回用戶信息的字符串給前端。如果沒有取到,說明沒有或者已經(jīng)過期,則根據(jù)refresh_token刷新access_token,再寫緩存,由于access_token擁有較短的有效期,為了保險(xiǎn)我這里設(shè)置了緩存的失效時(shí)間微信給的時(shí)間再減一個(gè)小時(shí)?;剡^頭來看代碼發(fā)現(xiàn),上面的邏輯有點(diǎn)點(diǎn)小問題,這樣寫會(huì)導(dǎo)致第一次獲取或者緩存失效后第一次獲取access_token都會(huì)去刷新一次,暫時(shí)不影響使用,后面做優(yōu)化修改 TODO。
6:保存用戶信息
通常情況下,授權(quán)后我們會(huì)將用戶信息保存數(shù)據(jù)庫表,openid為唯一主鍵,外鍵關(guān)聯(lián)起我們自己的用戶表,這樣一來,無論是后續(xù)要開展什么業(yè)務(wù),還是做運(yùn)營數(shù)據(jù)統(tǒng)計(jì),都有了一個(gè)跟微信公眾號的關(guān)聯(lián)關(guān)系。值得注意的是:我們獲取到的headimgurl是微信提供的一個(gè)url地址,當(dāng)用戶修改頭像后可能導(dǎo)致原來的地址失效,所以最好是通過將圖片保存到本地服務(wù)器然后保存本地的地址url!
微信返回的值:
參考鏈接:
微信公眾平臺官方文檔:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842&token=&lang=zh_CN
在線接口調(diào)試工具:http://mp.weixin.qq.com/debug
沒有公眾號福利:測試賬號申請 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
Java中char[] 和 String 類型占用字節(jié)大小問題
這篇文章主要介紹了Java中char[] 和 String 類型占用字節(jié)大小問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08Java實(shí)體類中Set按照對象的某個(gè)字段對set排序
這篇文章主要介紹了Java實(shí)體類中Set按照對象的某個(gè)字段對set排序,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-06-06JavaWeb實(shí)現(xiàn)郵件發(fā)送接收功能
這篇文章主要為大家詳細(xì)介紹了JavaWeb郵件發(fā)送接收功能的實(shí)現(xiàn),郵件發(fā)送和接收功能是非常常用的功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12java實(shí)現(xiàn)簡單的計(jì)算器類實(shí)例
這篇文章主要介紹了java實(shí)現(xiàn)簡單的計(jì)算器類,涉及java針對鍵盤監(jiān)聽及數(shù)字運(yùn)算的處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10idea啟動(dòng)spring項(xiàng)目中文亂碼的解決方法
本文主要介紹了idea啟動(dòng)spring項(xiàng)目中文亂碼,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01關(guān)于JSqlparser使用攻略(高效的SQL解析工具)
這篇文章主要介紹了關(guān)于JSqlparser使用攻略(高效的SQL解析工具),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-11-11linux下idea、pycharm等輸入中文拼音時(shí)滿3個(gè)字母后無法繼續(xù)拼音輸入的問題
這篇文章主要介紹了linux下idea、pycharm等輸入中文拼音時(shí)滿3個(gè)字母后無法繼續(xù)拼音輸入的問題,本文通過圖文并茂的形式給大家分享解決方法,需要的朋友可以參考下2021-04-04java實(shí)現(xiàn)PDF轉(zhuǎn)圖片的方法
這篇文章主要為大家詳細(xì)介紹了java實(shí)現(xiàn)PDF轉(zhuǎn)圖片的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07