最近公司專案要求自定義微信分享樣式，我就接手了這個微信JSSDK的介面呼叫。

首先你要有一個公眾號。

然後需要在公眾號的設定-公眾號設定-功能設定

設定我們的安全域名。

我們把檔案下載下來，然後放到我們填寫的域名，注意:一定要放在你要呼叫微信的介面的路徑下一，只能是域名後跟一個目錄，

我們要呼叫的頁面必須是在這個目錄下的子目錄或者這個目錄下。還有如果你用的是SpringMVC的話請對這個域名下的靜態資源進行處理。因為微信要去判斷你填寫的這個域名下是否有這個檔案。

這一步完成之後我們進入 開發-基礎配置-伺服器配置

首先我們需要對我們伺服器的IP地址加入白名單。

去啟用的我們的伺服器資訊，這個伺服器必須是你要呼叫微信的JSSDK的專案伺服器。

首先說下這個URL，這個URL必須要能接受微信傳送的請求

微信伺服器會給你傳送一個請求，這個請求有幾個引數

分別是:signature timestamp nonce echostr

拿到這四個引數之後，需要將 你在頁面中寫Token,nonce,timestamp 放入到一個String數組裡面，然後進行sort排序，

排序完成之後將這三個字串進行拼接，然後使用SHA-1演算法進行加密，將加密後的結果與echostr進行比較,相同返回微信發給你的echostr

具體程式碼:

@RequestMapping(value="getToken",method=RequestMethod.GET)
public @ResponseBody String getToken(String signature,String timestamp,String nonce,String echostr) throws NoSuchAlgorithmException{
 

String[] array ={wxToken,nonce,timestamp};
Arrays.sort(array);
String newArray="";
for (int i = 0; i < array.length; i++) {
	newArray+=array[i];
}
//SHA-1加密
MessageDigest instance = MessageDigest.getInstance("SHA-1");
instance.update(newArray.getBytes());
byte[] digest = instance.digest();
StringBuffer hexstr = new StringBuffer();
String shaHex = "";
for (int i = 0; i < digest.length; i++) {
    shaHex = Integer.toHexString(digest[i] & 0xFF);
    if (shaHex.length() < 2) {
	hexstr.append(0);
    }
    hexstr.append(shaHex);
}
if(hexstr.equals(signature)){
	return echostr;//相同返回微信發給我們的echostr
}
return "erro";
 

}

此時就可以完成認證了。

然後是頁面：

var wxObjet;
	href=encodeURIComponent(window.location.href)//這個引數是用來獲取當前頁面的url
	$.ajax({
		url:用來提供配置許可權資訊的一個Controller/href,
		type:"get",
		dataType:"json",
		async: false,
		success:function(data){
			wxObjet=data;
		}
	})
	
wx.config({
    debug: false, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來，若要檢視傳入的引數，可以在pc端開啟，引數資訊會通過log打出，僅在pc端時才會列印。
    appId: wxObjet.aapid, // 必填，公眾號的唯一標識
    timestamp: wxObjet.timestamp, // 必填，生成簽名的時間戳
    nonceStr: wxObjet.noncestr, // 必填，生成簽名的隨機串
    signature: wxObjet.Signature,// 必填，簽名
    jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ"] // 必填，需要使用的JS介面列表
    
});

然後看後臺程式碼:

@RequestMapping("getJsapi")
public @ResponseBody Map getJsapi(String url//就是你傳送請求的頁面){
		Map map=new HashMap();
		try {
			//微信JSSDK Acces_token和jsapi的全域性快取
			//因為微信的Token和jsapi30分鐘內有效，每天只能獲取2000次，所以我們要加上快取。
			String token ="";
			String jsapi_ticket ="";
			Map mes = (Map)redisTemplate.opsForValue().get("mes");
			Map redis=mes;
			if(mes==null){
				redis=new HashMap();
				token=CommonUtil.getToken(appid, appsecret);//寫一個工具類，用來給微信傳送請求，請求所需引數:appid,和AppSecret，下面有程式碼
				jsapi_ticket= CommonUtil.getJsapi_ticket(token);//拿到微信給我們的token之後我們去獲取jsapi_ticket.下，下面有程式碼
				//放入ticket
				redis.put("ticket",jsapi_ticket);
				redis.put("ticketDate",new Date().getTime());
				//放入token
				redis.put("token",token);
				redis.put("tokenDate",new Date().getTime());
				redisTemplate.opsForValue().set("mes", redis);
			}else{
				long  tokenDate=(long)mes.get("tokenDate");
				if(new Date().getTime()-tokenDate>=1200000){
					token=CommonUtil.getToken(appid, appsecret);
					//放入token
					System.out.println(token);
					redis.put("token",token);
					redis.put("tokenDate",new Date().getTime());
				}else{
					token=(String) mes.get("token");
					
				}
				long  ticketDate=(long)mes.get("ticketDate");
				if(new Date().getTime()-ticketDate>=1200000){
					jsapi_ticket= CommonUtil.getJsapi_ticket(token);
					//放入ticket
					redis.put("ticket",jsapi_ticket);
					redis.put("ticketDate",new Date().getTime());
				}else{
					jsapi_ticket = (String)mes.get("ticket");
				}
				redisTemplate.opsForValue().set("mes", redis);
			}
			
			
			
			
			//生成一個隨機字元，我這裡直接用時間戳來代替了
			long time = new Date().getTime();
			String noncestr = String.valueOf(time);
			//時間綽
			long time2 = new Date().getTime();
			String timestamp=String.valueOf(time2/1000);//微信接收的時間戳是10位的所以咱們要除以1000
			//去使用SHA-1獲取安全簽名 ,下面有程式碼
			String jsSDKSignature = CommonUtil.getJsSDKSignature(jsapi_ticket, noncestr, timestamp, url);
			map.put("Signature",jsSDKSignature);//將所有驗證許可權所需要資料放入一個map，這個是安全簽名
			map.put("noncestr",noncestr);//這個是隨機字元
			map.put("aapid",appid);//這個是咱們的APPID
			map.put("timestamp", timestamp);//這個是時間戳
			return map;
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return map;
	}

工具類程式碼

import java.io.IOException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
import java.util.Map;

import org.apache.http.HttpEntity;
import org.apache.http.NameValuePair;
import org.apache.http.ParseException;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.methods.CloseableHttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.message.BasicNameValuePair;
import org.apache.http.util.EntityUtils;

import com.alibaba.fastjson.JSON;

/**
 * 拿到微信的Access_Tocken
 * 
 * @author liuyk
 *
 */
public class CommonUtil {
	public static String getToken(String appid, String appSecret) throws ClientProtocolException, IOException {
		CloseableHttpClient httpclient = HttpClients.createDefault();
		// 建立引數佇列
		List<NameValuePair> params = new ArrayList<NameValuePair>();
		params.add(new BasicNameValuePair("grant_type", "access_token"));
		params.add(new BasicNameValuePair("appid", appid));
		/* secret */
		params.add(new BasicNameValuePair("appid", AppSecret));
		String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" + appid + "&secret="
				+ appSecret;
		// 建立httpget.
		HttpGet httpget = new HttpGet(url);
		// 傳送請求
		CloseableHttpResponse response = httpclient.execute(httpget);
		// 得到響應提
		HttpEntity entity = response.getEntity();

		String param = EntityUtils.toString(entity);
		System.out.println(param);
		// 將JSON轉換為Map
		Map parseParam = (Map) JSON.parse(param);
		Object object = parseParam.get("access_token");
		return object.toString();
	}

	public static String getJsSDKSignature(String jsapi_ticket, String noncestr, String timestamp, String url) {
            //這幾個引數名按照字典順序進行拼接
		String string = "jsapi_ticket=" + jsapi_ticket;
		string += "&noncestr=" + noncestr;
		string += "&tamp=" + timestamp;
		string += "&url=" + url;
                
		StringBuffer hexstr = new StringBuffer();
		try {
			MessageDigest md = MessageDigest.getInstance("SHA-1");
			// 對接後的字串進行sha1加密
			md.update(string.getBytes());
			byte[] digest = md.digest();
			String shaHex = "";
			for (int i = 0; i < digest.length; i++) {
				shaHex = Integer.toHexString(digest[i] & 0xFF);
				if (shaHex.length() < 2) {
					hexstr.append(0);
				}
				hexstr.append(shaHex);
			}
		} catch (NoSuchAlgorithmException e) {
			e.printStackTrace();
		}
		return hexstr.toString();
	}

	public static String getJsapi_ticket(String access_token) {
		String ticket = "";
		String requestUrl = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" + access_token
				+ "&type=jsapi";
		CloseableHttpClient httpclient = HttpClients.createDefault();
		// 先從執行緒中取值，如果取不到，說明沒有使用執行緒，再利用這個方法獲取
		// 因為傳送資訊等操作，都是呼叫的這個方法，所以在這裡進行處理一下吧
		HttpGet httpget = new HttpGet(requestUrl);
		// 傳送請求
		CloseableHttpResponse response = null;
		try {
			response = httpclient.execute(httpget);
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		// 得到響應提
		HttpEntity entity = response.getEntity();

		String param = null;
		try {
			param = EntityUtils.toString(entity);
		} catch (ParseException | IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		System.out.println(param);
		// 將JSON轉換為Map
		Map parseParam = (Map) JSON.parse(param);
		Object object = parseParam.get("ticket");
		return object.toString();
	}

}

//前端的許可權認證之後我們把要用的微信介面放入ready回撥裡面

wx.ready(function(){
	/* 分享到朋友圈 */
	wx.onMenuShareTimeline({
    title: '', // 分享標題
    link: '', // 分享連結，這個連結必須是你配置的jssdk的安全域名，如果不是在那個域名或者路徑下會沒有效果
    imgUrl: '', // 同上

    });
  /*分享給朋友  */
	wx.onMenuShareAppMessage({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連結，該連結域名必須與當前企業的可信域名一致
    imgUrl: '', // 分享圖示
    type: '', // 分享型別,music、video或link，不填預設為link
    dataUrl: '', // 如果type是music或video，則要提供資料鏈接，預設為空
    success: function () {
        alert("分享成功");
    },
    cancel: function () {
        // 使用者取消分享後執行的回撥函式
        alert("已取消分享");
    }
});

以上就是整個流程，如果有什麼問題可以來問我，很歡迎幫忙解決。