為了實現微信分享時自定義圖片和文字，耗費了不少心力，把JSSDK翻了個底朝天

首先我們來看一下微信開發給我們的樣例檔案：

import java.util.UUID;
import java.util.Map;
import java.util.HashMap;
import java.util.Formatter;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.io.UnsupportedEncodingException;  


class Sign {
    public static void main(String[] args) {
        String jsapi_ticket = "jsapi_ticket";


        // 注意 URL 一定要動態獲取，不能 hardcode
        String url = "http://example.com";
        Map<String, String> ret = sign(jsapi_ticket, url);
        for (Map.Entry entry : ret.entrySet()) {
            System.out.println(entry.getKey() + ", " + entry.getValue());
        }
    };


    public static Map<String, String> sign(String jsapi_ticket, String url) {
        Map<String, String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";


        //注意這裡引數名必須全部小寫，且必須有序
        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "×tamp=" + timestamp +
                  "&url=" + url;
        System.out.println(string1);


        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(string1.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }


        ret.put("url", url);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);


        return ret;
    }


    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }


    private static String create_nonce_str() {
        return UUID.randomUUID().toString();
    }


    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
}
 

且附帶了一個txt告訴我們“需要開發者傳入 jsapi_ticket 和 url”，但是坑來了：

1.用在自己程式裡時一定要刪除public static void main(String[] args) {}這個主函式（有點基礎的人都懂，這是小問題）

2.該例子返回的是一個map值，但是這個map值是缺少東西的，在map裡面加上：

    ret.put("appId", appId);

  //當然這個APPID是需要獲取的（每個人獲取方式不一樣，不予贅述），後面會附上我的所有程式碼

//appid屬性在微信公眾平臺就能看到，記錄在後臺上

3.jsapi_ticket 是需要輸入的，但是在樣例檔案中是沒有的，以下程式碼是獲取jsapi_ticket 的程式碼，隸屬於工具類。但是對於acess_token和appid和appsecret需要自己提供

public static String getJSApiTicket() throws FileNotFoundException, IOException{ 

       //獲取token
       String acess_token= AccessTokenUtil.getAccessToken();//token需要自己提供，不贅述具體方法
       String urlStr = //"http://gy7tgr.natappfree.cc//wxapi/weixinMall/index.jsp";
    		   "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+acess_token+"&type=jsapi";  
       String backData=jsapi_ticketGetUtil.sendGet(urlStr, "utf-8", 10000);  
       String ticket = (String) JSONObject.fromObject(backData).get("ticket");  
       return  ticket;  
          
   }  
	/***
     * 獲取acess_token 
     * @return
     *//*
    public static String getAccessToken() throws FileNotFoundException, IOException{
	    String appid = Configure.getAppid();//此處需要自己提供，configure方法是程式裡方法，據個人情況而定
	    String appSecret = Configure.getAppSecrte();//此處需自己提供。
        String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appSecret+"";
        String backData=jsapi_ticketGetUtil.sendGet(url, "utf-8", 10000);
        String accessToken = (String) JSONObject.fromObject(backData).get("access_token");  
        return accessToken;
    }
   
   */
   /***
    * 模擬get請求
    * @param url
    * @param charset
    * @param timeout
    * @return
    */
    public static String sendGet(String url, String charset, int timeout)
     {
       String result = "";
       try
       {
         URL u = new URL(url);
         try
         {
           URLConnection conn = u.openConnection();
           conn.connect();
           conn.setConnectTimeout(timeout);
           BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));
           String line="";
           while ((line = in.readLine()) != null)
           {
            
             result = result + line;
           }
           in.close();
         } catch (IOException e) {
           return result;
         }
       }
       catch (MalformedURLException e)
       {
         return result;
       }
      
       return result;
     }
 

上面的工具類提供了jsapi_ticket ，而appid也是已知的，所以可以直接搭建程式了

********************************************************************************************************************************************************************************************************************************************************

以下為相關片段程式:

1.獲取jsapi_ticket工具類

public class jsapi_ticketGetUtil {
	
	/***
     * 獲取jsapiTicket
     * @return
     */
   public static String getJSApiTicket() throws FileNotFoundException, IOException{ 
       //獲取token
       String acess_token= AccessTokenUtil.getAccessToken();
       String urlStr = //"http://gy7tgr.natappfree.cc//wxapi/weixinMall/index.jsp";
    		   "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+acess_token+"&type=jsapi";  
       String backData=jsapi_ticketGetUtil.sendGet(urlStr, "utf-8", 10000);  
       String ticket = (String) JSONObject.fromObject(backData).get("ticket");  
       return  ticket;  
          
   }  
	/***
     * 獲取acess_token 
     * @return
     *//*
    public static String getAccessToken() throws FileNotFoundException, IOException{
	    String appid = Configure.getAppid();
	    String appSecret = Configure.getAppSecrte();
        String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appSecret+"";
        String backData=jsapi_ticketGetUtil.sendGet(url, "utf-8", 10000);
        String accessToken = (String) JSONObject.fromObject(backData).get("access_token");  
        return accessToken;
    }
   
   */
   /***
    * 模擬get請求
    * @param url
    * @param charset
    * @param timeout
    * @return
    */
    public static String sendGet(String url, String charset, int timeout)
     {
       String result = "";
       try
       {
         URL u = new URL(url);
         try
         {
           URLConnection conn = u.openConnection();
           conn.connect();
           conn.setConnectTimeout(timeout);
           BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));
           String line="";
           while ((line = in.readLine()) != null)
           {
            
             result = result + line;
           }
           in.close();
         } catch (IOException e) {
           return result;
         }
       }
       catch (MalformedURLException e)
       {
         return result;
       }
      
       return result;
     }
}

2.返回一個map，裡面存放appid，signature等資訊

public class Sign {

    public static Map<String, String> sign(String jsapi_ticket, String url) throws FileNotFoundException, IOException {
        Map<String, String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";
        

        //注意這裡引數名必須全部小寫，且必須有序
        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "×tamp=" + timestamp +
                  "&url=" + url;
        System.out.println(string1);

        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(string1.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }
        
        //自動獲取WxTokenUtil.properties中appid屬性，避免appid改動時重複更改
	    String appId = Configure.getAppid();
	    
	    
        ret.put("url", url);
      //注意這裡 要加上自己的appId
        ret.put("appId", appId);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);

        return ret;
    }

    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }

    private static String create_nonce_str() {
        return UUID.randomUUID().toString();
    }

    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
    
    
}

3.前後臺互動的方法，前端傳回url路徑，後臺讀取後，把appid,signature等作為json物件傳回前端

@RequestMapping("/weixin/JSSDKHELP.hn")
	public String JSSDKHelp(HttpServletRequest request,
			HttpServletResponse response) throws FileNotFoundException, IOException {
		String url=request.getParameter("url");
		//獲取jsapi_ticket
		jsapi_ticketGetUtil ticket = new jsapi_ticketGetUtil();
		String jsapi_ticket = ticket.getJSApiTicket();
		Map<String, String> ret = com.org.wxapi.util.Sign.sign(jsapi_ticket, url);
		JSONObject jsonObject = JSONObject.fromObject(ret); 
		ResponseUtils.renderJson(response, jsonObject.toString());
		return null;
	}

4.前端，寫在一個.JS檔案裡，若要呼叫，只需在介面上加上

<script type="text/javascript" src="../weixinMall/js/JSSDK.js"></script>

JS檔案如下：

document.write("<script language=javascript src='http://res.wx.qq.com/open/js/jweixin-1.1.0.js'></script>");
$(document).ready(function() {  
    var currurl = decodeURIComponent(location.href.split('#')[0]);  
  	
    //ajax注入許可權驗證    
    $.ajax({  
    	type: 'POST',   //請求方式
        url : "/wxapi/weixin/JSSDKHELP.hn",
        dataType : 'json',  
        data : {"url": currurl},
        complete : function(XMLHttpRequest, textStatus) {},  
        error : function(XMLHttpRequest, textStatus, errorThrown) {  
            alert("發生錯誤：" + errorThrown+"XMLHttpRequeststatus:"+XMLHttpRequest.status+"XMLHttpRequest.readyState:"+XMLHttpRequest.readyState+"textStatus:"+textStatus);  
        },  
        success : function(res) { 
            var appId = res.appId;  
            var nonceStr = res.nonceStr;  
            var jsapi_ticket = res.jsapi_ticket;  
            var timestamp = res.timestamp;  
            var signature = res.signature;  
            //alert("appId:"+appId +"------- " +"nonceStr:"+ nonceStr +" -----"+"jsapi_ticket:"+jsapi_ticket+"------ "+"timestamp:"+timestamp+"------- "+"signature:"+signature);  
            wx.config({  
                debug : false, //開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來，若要檢視傳入的引數，可以在pc端開啟，引數資訊會通過log打出，僅在pc端時才會列印。    
                appId : appId, //必填，公眾號的唯一標識    
                timestamp : timestamp, // 必填，生成簽名的時間戳    
                nonceStr : nonceStr, //必填，生成簽名的隨機串    
                signature : signature, // 必填，簽名，見附錄1    
                jsApiList : [ 'onMenuShareAppMessage', 'onMenuShareTimeline'] //必填，需要使用的JS介面列表，所有JS介面列表 見附錄2     
            }); // end wx.config  
  
  
            wx.ready(function() {  
                // config資訊驗證後會執行ready方法，所有介面呼叫都必須在config介面獲得結果之後，config是一個客戶端的非同步操作，所以如果需要在頁面載入時就呼叫相關介面，則須把相關介面放在ready函式中呼叫來確保正確執行。對於使用者觸發時才呼叫的介面，則可以直接呼叫，不需要放在ready函式中。  
                /*  
                wx.checkJsApi({ 
                    jsApiList : [ 'onMenuShareAppMessage' ], // 需要檢測的JS介面列表，所有JS介面列表見附錄2, 
                    success : function(res) { 
                        // 以鍵值對的形式返回，可用的api值true，不可用為false 
                        // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} 
                        alert(res.checkResult); 
                        alert(res.errMsg); 
                    } 
                }); // end checkJsApi 
                 */  
                wx.onMenuShareAppMessage({  
                    title : '拭拭吧', // 分享標題  
                    desc : '此商城絕無僅有，不買就是血虧', // 分享描述  
                    link : currurl, // 分享連結，該連結域名或路徑必須與當前頁面對應的公眾號JS安全域名一致  
                    //imgUrl : "../weixinMall/images/icon_imgs/logo.jpg", // 分享圖示 
                    imgUrl : "http://gy7tgr.natappfree.cc//wxapi/weixinMall/images/icon_imgs/logo.jpg",
                    type : 'link', // 分享型別,music、video或link，不填預設為link  
                    dataUrl : '', // 如果type是music或video，則要提供資料鏈接，預設為空  
                    success : function() {  
                        // 使用者確認分享後執行的回撥函式  
                        // alert('share successful');  
                    },  
                    cancel : function() {  
                        // 使用者取消分享後執行的回撥函式  
                        // alert('share cancel');  
                    }  
                }); // end onMenuShareAppMessage  
  
  
                wx.onMenuShareTimeline({  
                    title : "拭拭吧", // 分享標題  
                    desc : '此商城絕無僅有，不買就是血虧', // 分享描述  
                    link : currurl, // 分享連結，該連結域名或路徑必須與當前頁面對應的公眾號JS安全域名一致  
                    imgUrl : "http://gy7tgr.natappfree.cc//wxapi/weixinMall/images/icon_imgs/logo.jpg", // 分享圖示  
                    success : function() {  
                        // 使用者確認分享後執行的回撥函式  
                    },  
                    cancel : function() {  
                        // 使用者取消分享後執行的回撥函式  
                    }  
                }) ; // end onMenuShareTimeline  
            }); // end ready  
  
            wx.error(function(res) {  
                // config資訊驗證失敗會執行error函式，如簽名過期導致驗證失敗，具體錯誤資訊可以開啟config的debug模式檢視，也可以在返回的res引數中檢視，對於SPA可以在這裡更新簽名。  
                alert("error:"+res);  
            });  
        } // end success  
    }); // end ajax  
  
});  // end document