您好,登錄后才能下訂單哦!
首先微信公眾號開發(fā)網(wǎng)頁授權(quán)登錄使用環(huán)境:
開發(fā)工具:eclipse;服務(wù)器:tomcat8,開發(fā)語言:JAVA。
我寫的網(wǎng)頁授權(quán)登錄時用開發(fā)者模式自定義view類型按鈕點擊跳轉(zhuǎn)鏈接的。
微信網(wǎng)頁授權(quán)登錄首先以官方微信開發(fā)文檔為準,大體共分為4步:
先說第一步獲取code:
code說明:code作為換取access_token的票據(jù),每次用戶授權(quán)帶上的code將不一樣,code只能使用一次,5扽這未被使用自動過期。
微信公眾開發(fā)文檔給的有獲取code的鏈接,建議直接復(fù)制來用,然后替換其中相應(yīng)的參數(shù)即可。
鏈接為:
https://open.weixin.qq.com/connect/oauth3/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
其中參數(shù)說明:
這官網(wǎng)上都有,這里展示是想說明一下scope參數(shù),請注意看官網(wǎng)上給出的demo:
請注意微信授權(quán)登錄scope兩種redirect_url后面跟的鏈接使用的協(xié)議。
這個協(xié)議使用不當(dāng)可能會在項目部署到服務(wù)器上測試時在安卓和ios上出現(xiàn)問題。
至此,以snsapi_base為scope發(fā)起的網(wǎng)頁授權(quán),是用來獲取進入頁面的用戶的openid的,并且是靜默授權(quán)并自動跳轉(zhuǎn)到回調(diào)頁的。用戶感知的就是直接進入了回調(diào)頁(往往是業(yè)務(wù)頁面);
以snsapi_userinfo為scope發(fā)起的網(wǎng)頁授權(quán),是用來獲取用戶的基本信息的。但這種授權(quán)需要用戶手動同意,并且由于用戶同意過,所以無須關(guān)注,就可在授權(quán)后獲取該用戶的基本信息。
參數(shù)替換完畢如果以snsapi_userinfo為scope發(fā)起的網(wǎng)頁授權(quán),是在PC端點擊菜單會跳出提示用戶同意授權(quán)登錄,如果用戶未關(guān)注公眾號時同樣也會提示,示例頁面:
如果是在移動端用戶關(guān)注情況下則不會出現(xiàn)此頁面。
如果用戶同意授權(quán),頁面將跳轉(zhuǎn)至 redirect_uri/?code=CODE&state=STATE,若跳轉(zhuǎn)錯誤請根據(jù)日志輸出的錯誤碼在官網(wǎng)上查看相應(yīng)的說明,附上官網(wǎng)上錯誤返回碼說明:
然后是第二步根據(jù)鏈接傳過來的code去獲取網(wǎng)頁授權(quán)access_token:
官網(wǎng)上給出的鏈接:
https://api.weixin.qq.com/sns/oauth3/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
這個access_token和基本的access_token不同,具體請參考官網(wǎng)說明,這里給出獲取網(wǎng)頁授權(quán)access_token的JAVA實現(xiàn)方法:
/** * 獲取網(wǎng)頁授權(quán)憑證 * * @param appId 公眾賬號的唯一標識 * @param appSecret 公眾賬號的密鑰 * @param code * @return WeixinAouth3Token */ public static WeixinOauth3Token getOauth3AccessToken(String appId, String appSecret, String code) { WeixinOauth3Token wat = null; // 拼接請求地址 String requestUrl = "https://api.weixin.qq.com/sns/oauth3/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code"; requestUrl = requestUrl.replace("APPID", appId); requestUrl = requestUrl.replace("SECRET", appSecret); requestUrl = requestUrl.replace("CODE", code); // 獲取網(wǎng)頁授權(quán)憑證 JSONObject jsonObject = CommonUtil.httpsRequest(requestUrl, "GET", null); if (null != jsonObject) { try { wat = new WeixinOauth3Token(); wat.setAccessToken(jsonObject.getString("access_token")); wat.setExpiresIn(jsonObject.getInt("expires_in")); wat.setRefreshToken(jsonObject.getString("refresh_token")); wat.setOpenId(jsonObject.getString("openid")); wat.setScope(jsonObject.getString("scope")); } catch (Exception e) { wat = null; int errorCode = jsonObject.getInt("errcode"); String errorMsg = jsonObject.getString("errmsg"); log.error("獲取網(wǎng)頁授權(quán)憑證失敗 errcode:{} errmsg:{}", errorCode, errorMsg); } } return wat; }
需要的參數(shù)為開發(fā)者ID(AppID),開發(fā)者密碼(AppSecret),和獲取到的code。正確返回json數(shù)據(jù)包為:
然后第三步,如果需要的話進行,方法和第二步類似,所需鏈接官網(wǎng)給的有。
最后一步是獲取用戶的信息(需要scope為snsapi_userinfo,snsapi_base只能獲取到用戶的openId):
所需要的請求方法:
http:GET(請使用https協(xié)議) https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
然后替換成相應(yīng)的參數(shù),JAVA代碼為:
/** * 通過網(wǎng)頁授權(quán)獲取用戶信息 * * @param accessToken 網(wǎng)頁授權(quán)接口調(diào)用憑證 * @param openId 用戶標識 * @return SNSUserInfo */ public static SNSUserInfo getSNSUserInfo(String accessToken, String openId) { SNSUserInfo snsUserInfo = null; // 拼接請求地址 String requestUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN"; requestUrl = requestUrl.replace("ACCESS_TOKEN", accessToken).replace("OPENID", openId); // 通過網(wǎng)頁授權(quán)獲取用戶信息 JSONObject jsonObject = CommonUtil.httpsRequest(requestUrl, "GET", null); if (null != jsonObject) { try { snsUserInfo = new SNSUserInfo(); // 用戶的標識 snsUserInfo.setOpenId(jsonObject.getString("openid")); // 昵稱 snsUserInfo.setNickname(jsonObject.getString("nickname")); // 性別(1是男性,2是女性,0是未知) snsUserInfo.setSex(jsonObject.getInt("sex")); // 用戶所在國家 snsUserInfo.setCountry(jsonObject.getString("country")); // 用戶所在省份 snsUserInfo.setProvince(jsonObject.getString("province")); // 用戶所在城市 snsUserInfo.setCity(jsonObject.getString("city")); // 用戶頭像 snsUserInfo.setHeadImgUrl(jsonObject.getString("headimgurl")); } catch (Exception e) { snsUserInfo = null; int errorCode = jsonObject.getInt("errcode"); String errorMsg = jsonObject.getString("errmsg"); log.error("獲取用戶信息失敗 errcode:{} errmsg:{}", errorCode, errorMsg); } } return snsUserInfo; }
上面所述皆是根據(jù)微信公眾號官網(wǎng)以及百度所寫。另外還參考一篇很不錯的微信公眾號開發(fā)文檔,可以說是帶我入的門,給個鏈接:
下面說一下微信網(wǎng)頁授權(quán)登錄中遇到的code been used問題:
我在微信網(wǎng)頁授權(quán)登錄寫完之后開始測試,在保證代碼的正確性與準確性后,打開微信公眾號,點擊自己定義跳轉(zhuǎn)鏈接的菜單,并成功進入,但是在點擊刷新或者回退是會報錯,錯誤的信息就是code been used。
官網(wǎng)上給出的說明很詳細,code只能被使用一次,如果顯示code been used則說明code被重復(fù)使用了。
首先說一個簡單的code been used錯誤的產(chǎn)生:
有的開發(fā)者在寫網(wǎng)頁授權(quán)登錄時會出現(xiàn)這樣的頁面:
這是在微信開發(fā)公眾號上沒有配置安全域名,導(dǎo)致微信網(wǎng)頁授權(quán)登錄時會顯示這樣的頁面,url跳轉(zhuǎn)了兩次,傳入的code被重復(fù)使用了,遇到這種的可以現(xiàn)在微信開發(fā)公眾號里面配置安全域名。
然后說普遍遇到的code been used問題。
基本思路時:當(dāng)我點擊菜單按鈕進入頁面時,先去sssion緩存中去那由code獲取到的openId,如果openId不存在,則證明code為首次使用,可以根據(jù)傳過來的code獲取相應(yīng)的access_token和openId。
如果存在,則直接使用獲取到的openId去獲取用戶的一系列信息。
我用的時springMVC,簡單實現(xiàn)代碼為:
首先在開發(fā)者定義的菜單路徑上配置域名和跳轉(zhuǎn)的控制器方法:
前面模糊的是自己配置的域名,后面/weixin/redirect則是要跳轉(zhuǎn)的方法。
跳轉(zhuǎn)到的方法為:
JAVA代碼:
/**獲取用戶openId * @throws IOException */ @RequestMapping(value = "/redirect", method = RequestMethod.GET) public ModelAndView repairs(ModelAndView mav, HttpServletRequest request, HttpServletResponse resp) throws IOException{ String openId = (String) request.getSession().getAttribute("openId");//先從緩存中獲取通過code得到的openID System.out.println(openId);//測試輸出openId if(openId==null){//判斷openId是否為空(判斷code是否為第一次被使用) RedirectUtils.redireUrl1(request, resp);//openid為空也就是code被第一次使用時跳轉(zhuǎn)方法 return null; } mav.addObject("openId",openId);//沒有被使用時 mav.setViewName("/weixin/repairs");//返回要跳轉(zhuǎn)的視圖頁面 return mav; }
RedirectUtils.redireUrl1(request, resp);為重定向跳轉(zhuǎn)的路徑。JAVA代碼:
public static void redireUrl1(HttpServletRequest request,HttpServletResponse response){ System.out.println("跳轉(zhuǎn)");//測試是否跳轉(zhuǎn)過來了 String a=""; if(request.getQueryString()!=null){ a="?"+request.getQueryString(); } String url = Base64.getBase64(request.getRequestURL()+a);//此為鏈接中帶的一些參數(shù) 不需要可以不用寫 System.out.println(request.getRequestURL()+a); String basePath = WeChatConfig.URL+"weixin/wxyz?url="+url;//redirect_uri地址 System.out.println(basePath); String urls="https://open.weixin.qq.com/connect/oauth3/authorize?appid=" + WeChatConfig.APP_ID+ "&redirect_uri=" + CommonUtil.urlEncodeUTF8(basePath)+ "&response_type=code" + "&scope=snsapi_userinfo" + "&state=STATE#wechat_redirect"; try { response.sendRedirect(urls);//重定向執(zhí)行url }catch(Exception e){ e.printStackTrace(); } }
其中Base64.getBase64為Base64加密方法,WeChatConfig.URL為你自己微信公眾平臺配置的安全域名,CommUtil.urlEncodeUTF8對重定向鏈接進行編碼。
提供一下Base64方法中的加密解密方法,請先下載相應(yīng)的jar包:
** * Base64工具 CREATE 2016.12.14 form yjf * */ public class Base64 { /** * Base64加密 * */ @SuppressWarnings("restriction") public static String getBase64(String value) { byte[] bytes = null; String basevalue = null; try { bytes = value.getBytes("utf-8"); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } if (bytes != null) { basevalue = new BASE64Encoder().encode(bytes); } return basevalue; } /** * Base64解密 * */ @SuppressWarnings("restriction") public static String getFromBase64(String basevalue) { byte[] bytes = null; String result = null; if (basevalue != null) { BASE64Decoder decoder = new BASE64Decoder(); try { bytes = decoder.decodeBuffer(basevalue); result = new String(bytes, "utf-8"); } catch (Exception e) { e.printStackTrace(); } } return result; } }
然后時CommUtil.urlEncodeUTF8編碼代碼:
/** * URL編碼(utf-8) * * @param source * @return */ public static String urlEncodeUTF8(String source) { String result = source; try { result = java.net.URLEncoder.encode(source, "utf-8"); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } return result; }
然后方法執(zhí)行response.sendRedirect(urls);跳轉(zhuǎn)回wxyz方法進行獲取一系列參數(shù),代碼為:
@RequestMapping(value="/wxyz",method=RequestMethod.GET) public ModelAndView wxYz(ModelAndView mvc,HttpServletRequest req,HttpServletResponse response){ System.out.println("微信驗證");//測試是否跳轉(zhuǎn)到此方法中 String code=req.getParameter("code");//獲取url參數(shù)中的code WeixinOauth3Token weixinOauth3Token = AdvancedUtil.getOauth3AccessToken(WeChatConfig.APP_ID, WeChatConfig.APP_SECRET, code); if(weixinOauth3Token.getOpenId()!=null){ String openId = weixinOauth3Token.getOpenId(); req.getSession().setAttribute("openId",openId);//將獲取到的openID存入session緩存中 System.out.println("openId"+openId); mvc.addObject("openId",openId); mvc.setViewName("redirect:/weixin/wxLogin"); return mvc; } return null; }
其中AdvancedUtil.getOauth3AccessToken方法時獲取網(wǎng)頁授權(quán)access_token 方法,代碼為:
/** * 獲取網(wǎng)頁授權(quán)憑證 * * @param appId 公眾賬號的唯一標識 * @param appSecret 公眾賬號的密鑰 * @param code * @return WeixinAouth3Token */ public static WeixinOauth3Token getOauth3AccessToken(String appId, String appSecret, String code) { WeixinOauth3Token wat = null; // 拼接請求地址 String requestUrl = "https://api.weixin.qq.com/sns/oauth3/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code"; requestUrl = requestUrl.replace("APPID", appId); requestUrl = requestUrl.replace("SECRET", appSecret); requestUrl = requestUrl.replace("CODE", code); // 獲取網(wǎng)頁授權(quán)憑證 JSONObject jsonObject = CommonUtil.httpsRequest(requestUrl, "GET", null); if (null != jsonObject) { try { wat = new WeixinOauth3Token(); wat.setAccessToken(jsonObject.getString("access_token")); wat.setExpiresIn(jsonObject.getInt("expires_in")); wat.setRefreshToken(jsonObject.getString("refresh_token")); wat.setOpenId(jsonObject.getString("openid")); wat.setScope(jsonObject.getString("scope")); } catch (Exception e) { wat = null; int errorCode = jsonObject.getInt("errcode"); String errorMsg = jsonObject.getString("errmsg"); log.error("獲取網(wǎng)頁授權(quán)憑證失敗 errcode:{} errmsg:{}", errorCode, errorMsg); } } return wat; }
使用此方法替換上相應(yīng)的參數(shù)即可。因為微信授權(quán)登錄會跳轉(zhuǎn)兩次鏈接,所以當(dāng)獲取成功則跳轉(zhuǎn)到wxLogin方法中進行驗證:
String bassPath2 = WeChatConfig.URL+"weixin/wxyz";//定義的路徑 @RequestMapping(value="wxLogin1",method=RequestMethod.GET) public ModelAndView wxLogin(HttpServletRequest request,HttpServletResponse response){ String openId = (String) request.getSession().getAttribute("openId");//先從緩存中去拿openId if(openId==null){//如果沒有的話 String url="https://open.weixin.qq.com/connect/oauth3/authorize?appid=" + WeChatConfig.APP_ID + "&redirect_uri=" + CommonUtil.urlEncodeUTF8(bassPath2)+ "&response_type=code" + "&scope=snsapi_userinfo" + "&state=STATE#wechat_redirect"; try { response.sendRedirect(url); } catch (IOException e) { e.printStackTrace(); } }else{ return new ModelAndView("weixin/repairs");//返回頁面 } return null; }
至此,打開所需要的頁面,無論時第一次進入還是刷新 都不會出現(xiàn)code been used這種情況了,至少本人測試沒有出現(xiàn)過。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。