微信開發（2）:微信js sdk分享朋友圈，朋友，獲取config接口注入權限驗證（轉）

進行微信開發已經一陣子了，從最初的什麼也不懂，到微信受權登陸，分享，更改底部菜單，素材管理，等。
今天記錄一下微信jssdk 的分享給朋友的功能，獲取config接口注入。
官方文檔走一下
簡單說：四步走
1.綁定域名 （注意：設置js安全域名的時候，須要設置微信ip白名單，ip白名單新出來的，非白名單內的ip沒法獲取access_token 更沒法獲取jsapi）
2.引入js文件
3.經過config接口注入權限驗證配置
4.經過ready接口處理成功驗證

來 開始分步走
1.綁定域名 綁定白名單ip 同時拿到AppID AppSecret
設置js 安全域名在 設置–>公衆號設置–>功能設置裏邊 appid appSercret 在開發–>基本配置裏

 

2.引入js文件 發送請求獲取wx.config
我建立了一個頁面，引入了開發者文檔中給的js文件，使用ajax 在頁面初始化的時候 發送請求 得到config權限接口配置 注入
這裏只是作了分享給朋友，和分享到朋友圈 若是須要另外別的 須要在下面js代碼中 wx.config中jsApiList 增長鬚要的接口信息
並在 wx.ready 中寫入你本身定義的參數 數據

下面代碼 解釋： 在頁面初始化的時候，調用ajaxconfig()；將當前頁面的url 替換處理，傳遞給後臺，寫好的方法獲取wx config.收到ajax返回後，開始初始化接口信息，經過ready 接口處理成功驗證

 1 <script >
 2 $(function(){  3 ajaxConfig();  4 });  5 function ajaxConfig(){  6 var url=window.location.href.split('#')[0];  7 url = url.replace(/&/g, '%26');  8 $.ajax({  9 type:"post", 10 dataType: "json", 11 data:{ 12 url:url 13 }, 14 url: "getconfig.html", 15 success: function(obj){ 16 //微信注入權限接口
17 wx.config({ 18 debug: false, 19 appId: obj.appId, 20 timestamp: obj.timestamp, 21 nonceStr: obj.nonceStr, 22 signature: obj.signature, 23 jsApiList: [ 24 'onMenuShareAppMessage','onMenuShareTimeline' 
25 ] 26 }); 27 wx.ready(function(){ 28 wx.onMenuShareAppMessage({ 29 title: '${pro.wxtitle}', // 分享標題
30 desc: "${pro.wxdesc}", // 分享描述
31 imgUrl: 'http://www.yaoshihang.cn/${pro.imgurl}', 32 link: window.location.href.split('#')[0], 33 type: 'link' // 分享類型,music、video或link，不填默認爲link
34 
35 }); 36 
37 wx.onMenuShareTimeline({ 38 title: '${pro.wxtitle}', // 分享標題
39 link: window.location.href.split('#')[0], // 分享連接，該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
40 imgUrl: 'http://www.yaoshihang.cn/${pro.imgurl}' 
41 }); 42 
43 
44 wx.checkJsApi({ 45 jsApiList: [ 46 'onMenuShareAppMessage','onMenuShareTimeline'
47 
48 ], 49 success: function (res) { 50 //alert(res.errMsg); 
51 } 52 }); 53 }); 54 wx.error(function(res){ 55 // config信息驗證失敗會執行error函數，如簽名過時致使驗證失敗，具體錯誤信息能夠打開config的debug模式查看，也能夠在返回的res參數中查看，對於SPA能夠在這裏更新簽名。 56 // alert("errorMSG:"+res);
57 }); 58 }, 59 error:function(){ 60 //alert("系統請求異常！");
61 } 62 }); 63 } 64 </script>

 

3.後臺得到 wxconfig 的方法（Java實現）

首先 controller層
代碼解釋：token 和jsapi 都是須要本地緩存的 下面的代碼是先獲取jsapi 而後利用幫助類 得到config
因爲token和jsapi都是天天都有得到次數限制，因此須要本地緩存，在獲取的時候判斷緩存超時沒有，若是超時就再次獲取進行緩存，

 1 @ResponseBody  2 @RequestMapping("getconfig.html")  3 public Map<String, Object> getconf(HttpServletRequest request,String url){  4 
 5 
 6 String jsapi=getjssdk();  7 
 8 return WeixinUtil.getWxConfig(request,url,jsapi);  9 } 10 
11 
12 public String getjssdk(){ 13 //token 和jsapi 都是須要本地緩存的
14 Wxtoken token=wxService.selectByKey(1l); 15 Wxtoken jsapi=wxService.selectByKey(2l); 16 
17 Date date = new Date(); 18 Date jsdate=jsapi.getAddtime(); 19 long between=(date.getTime()-jsdate.getTime())/1000; 20 if(between<6500){ 21 return jsapi.getToken(); 22 } 23 Date tokendate=token.getAddtime(); 24 //判斷時間差 未超時 返回，超時 須要刷新 再次返回 
25 between=(date.getTime()-tokendate.getTime())/1000; 26 String token2=""; 27 if(between<6500){ 28 token2=token.getToken(); 29 }else{ 30 String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+ appid + "&secret=" + secret; 31 JSONObject json = WeixinUtil.httpRequest(url, "GET", null); 32 token2=json.getString("access_token"); 33 token.setToken(token2); 34 wxService.updataNotNull(token); 35 } 36 
37 String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+ token2 + "&type=jsapi"; 38 JSONObject json = WeixinUtil.httpRequest(url, "GET", null); 39 if (json != null) { 40 jsapi.setToken(json.getString("ticket")); 41 wxService.updataNotNull(jsapi); 42 return json.getString("ticket"); 43 } 44 return null; 45 }

下面是幫助類

 1 package com.yc.education.util;  2 
 3 import java.io.BufferedReader;  4 import java.io.InputStream;  5 import java.io.InputStreamReader;  6 import java.io.OutputStream;  7 import java.io.UnsupportedEncodingException;  8 import java.net.ConnectException;  9 import java.net.URL;  10 import java.security.MessageDigest;  11 import java.security.NoSuchAlgorithmException;  12 import java.util.Formatter;  13 import java.util.HashMap;  14 import java.util.Map;  15 import java.util.UUID;  16 
 17 import javax.net.ssl.HttpsURLConnection;  18 import javax.net.ssl.SSLContext;  19 import javax.net.ssl.SSLSocketFactory;  20 import javax.net.ssl.TrustManager;  21 import javax.servlet.http.HttpServletRequest;  22 import javax.servlet.http.HttpSession;  23 
 24 import net.sf.json.JSONObject;  25 
 26 public class WeixinUtil {  27 
 28 /**
 29 
 30 * 方法名：httpRequest</br>  31 
 32 * 詳述：發送http請求</br>  33 
 34 * 開發人員：souvc </br>  35 
 36 * 建立時間：2016-1-5 </br>  37 
 38 * @param requestUrl  39 
 40 * @param requestMethod  41 
 42 * @param outputStr  43 
 44 * @return 說明返回值含義  45 
 46 * @throws 說明發生此異常的條件  47 
 48 */
 49 public static JSONObject httpRequest(String requestUrl,String requestMethod, String outputStr) {  50 JSONObject jsonObject = null;  51 StringBuffer buffer = new StringBuffer();  52 try {  53 TrustManager[] tm = { new MyX509TrustManager() };  54 SSLContext sslContext = SSLContext.getInstance("SSL", "SunJSSE");  55 sslContext.init(null, tm, new java.security.SecureRandom());  56 SSLSocketFactory ssf = sslContext.getSocketFactory();  57 URL url = new URL(requestUrl);  58 HttpsURLConnection httpUrlConn = (HttpsURLConnection) url.openConnection();  59 httpUrlConn.setSSLSocketFactory(ssf);  60 httpUrlConn.setDoOutput(true);  61 httpUrlConn.setDoInput(true);  62 httpUrlConn.setUseCaches(false);  63 httpUrlConn.setRequestMethod(requestMethod);  64 if ("GET".equalsIgnoreCase(requestMethod))  65 httpUrlConn.connect();  66 if (null != outputStr) {  67 OutputStream outputStream = httpUrlConn.getOutputStream();  68 outputStream.write(outputStr.getBytes("UTF-8"));  69 outputStream.close();  70 }  71 InputStream inputStream = httpUrlConn.getInputStream();  72 InputStreamReader inputStreamReader = new InputStreamReader(inputStream, "utf-8");  73 BufferedReader bufferedReader = new BufferedReader(inputStreamReader);  74 String str = null;  75 while ((str = bufferedReader.readLine()) != null) {  76 buffer.append(str);  77 }  78 bufferedReader.close();  79 inputStreamReader.close();  80 inputStream.close();  81 inputStream = null;  82 httpUrlConn.disconnect();  83 jsonObject = JSONObject.fromObject(buffer.toString());  84 } catch (ConnectException ce) {  85 ce.printStackTrace();  86 } catch (Exception e) {  87 e.printStackTrace();  88 }  89 return jsonObject;  90 }  91 
 92 
 93 /**
 94 
 95 * 方法名：getWxConfig</br>  96 
 97 * 詳述：獲取微信的配置信息 </br>  98 
 99 * 開發人員：souvc </br> 100 
101 * 建立時間：2016-1-5 </br> 102 
103 * @param request 104 
105 * @return 說明返回值含義 106 
107 * @throws 說明發生此異常的條件 108 
109 */
110 public static Map<String, Object> getWxConfig(HttpServletRequest request,String urlx,String jsapi) { 111 Map<String, Object> ret = new HashMap<String, Object>(); 112 
113 HttpSession session=request.getSession(); 114 String appId = "wx5c939bf5af08d2ea"; // 必填，公衆號的惟一標識
115 
116 String secret = ""; 117 
118 String requestUrl = urlx; 119 
120 String timestamp = Long.toString(System.currentTimeMillis() / 1000); // 必填，生成簽名的時間戳
121 
122 String nonceStr = UUID.randomUUID().toString(); // 必填，生成簽名的隨機串
123 
124 
125 String signature = ""; 126 // 注意這裏參數名必須所有小寫，且必須有序
127 
128 String sign = "jsapi_ticket=" + jsapi + "&noncestr=" + nonceStr+ "×tamp=" + timestamp + "&url=" + requestUrl; 129 try { 130 MessageDigest crypt = MessageDigest.getInstance("SHA-1"); 131 crypt.reset(); 132 crypt.update(sign.getBytes("UTF-8")); 133 signature = byteToHex(crypt.digest()); 134 } catch (NoSuchAlgorithmException e) { 135 e.printStackTrace(); 136 } catch (UnsupportedEncodingException e) { 137 e.printStackTrace(); 138 } 139 ret.put("appId", appId); 140 ret.put("timestamp", timestamp); 141 ret.put("nonceStr", nonceStr); 142 ret.put("signature", signature); 143 return ret; 144 } 145 
146 
147 /**
148 
149 * 方法名：byteToHex</br> 150 
151 * 詳述：字符串加密輔助方法 </br> 152 
153 * 開發人員：souvc </br> 154 
155 * 建立時間：2016-1-5 </br> 156 
157 * @param hash 158 
159 * @return 說明返回值含義 160 
161 * @throws 說明發生此異常的條件 162 
163 */
164 private static String byteToHex(final byte[] hash) { 165 Formatter formatter = new Formatter(); 166 for (byte b : hash) { 167 formatter.format("%02x", b); 168 } 169 String result = formatter.toString(); 170 formatter.close(); 171 return result; 172 
173 } 174 }

 

大概就是這樣 這時候分享出去的連接 就已是你自定義的了，不上效果圖了，有什麼錯誤的 你們指導交流

須要值得一提的是，我在開發中，始終不能獲取微信分享到朋友的點擊狀態，僅僅能夠作到獲取config 接口注入驗證，自定義分享內容，後來，與羣友交流得知，微信已經把分享獲取點擊狀態禁用到了，緣由應該跟誘導用戶分享內容有關，只能設置好自定義分享內容，引導用戶點擊右上角 用微信自帶的分享。。不知道是我使用接口有問題，仍是說微信確實禁用了這個功能。但願，懂這個的朋友可以指導交流下。