前端工具类
function set_share(title, desc) {
var currurl = encodeURIComponent(location.href.split('#')[0]);
//分享的内容
var share_title = title;
var share_desc = desc;
// var share_link = currurl;
// var share_imgUrl = imgUrl;
$.ajax({
url : "XX/"+ encodeURIComponent(currurl),
dataType : 'json',
type: 'get',
complete : function(XMLHttpRequest, textStatus) {},
error : function(XMLHttpRequest, textStatus, errorThrown) {
//alert("发生错误:" + errorThrown);
},
success : function(res) {
console.log(res)
// alert(res.appId);
var appId = res.data.appId;
var nonceStr = res.data.nonceStr;
var jsapi_ticket = res.data.jsapi_ticket;
var timestamp = res.data.timestamp;
var signature = res.data.signature;
// var url = res.url;
wx.config({
debug : false, //开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId : appId, //必填,公众号的唯一标识
timestamp : timestamp, // 必填,生成签名的时间戳
nonceStr : nonceStr, //必填,生成签名的随机串
signature : signature, // 必填,签名,见附录1
jsApiList : [ 'updateAppMessageShareData', 'updateTimelineShareData' ] //必填,需要使用的JS接口列表,所有JS接口列表 见附录2
}); // end wx.config
wx.updateAppMessageShareData({
title : share_title, // 分享标题
desc : share_desc, // 分享描述
link : res.data.url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl : 'XX/img/logo1.png', // 分享图标
// imgUrl : 'https://pub.vipcode.com/share.jpg', // 分享图标
type : '', // 分享类型,music、video或link,不填默认为link
dataUrl : '', // 如果type是music或video,则要提供数据链接,默认为空
success : function() {
// 用户确认分享后执行的回调函数
//alert('share successful');
},
cancel : function() {
// 用户取消分享后执行的回调函数
//alert('share cancel');
}
}); // end onMenuShareAppMessage
wx.updateTimelineShareData({
// wx.onMenuShareTimeline({
title : share_title, // 分享标题
desc : share_desc, // 分享描述
link: res.data.url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl : 'XX/img/logo1.png', // 分享图标
success : function() {
// 用户确认分享后执行的回调函数
//alert('share successful');
},
cancel : function() {
// 用户取消分享后执行的回调函数
//alert('share successful');
}
}); // end onMenuShareTimeline
wx.error(function(res) {
// console.log(111111111)
console.log(res)
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
//alert('error');
});
} // end success
}); // end ajax
}
后端实现代码:
@Service
@Slf4j
public class TokenServiceImpl implements TokenService {
@Autowired
private RedisTemplate redisTemplate;
@Autowired
private ResetTemplateService resetTemplateService;
/**
* 获取微信请求的TOken
* @return
*/
@Override
public String getToken(String appId,String secret){
Object obj = redisTemplate.opsForValue().get(WeChatConstant.FUHUI_WEIXIN_TOKEN);
String token = null;
if(obj==null){
log.info("appId:{}",appId);
token = createAccessToken(appId,secret);
//生成cookie授权信息
redisTemplate.opsForValue().setIfAbsent(WeChatConstant.FUHUI_WEIXIN_TOKEN, token,3600, TimeUnit.SECONDS);
}else {
token = String.valueOf(obj);
}
return token;
}
/**
* 创建token
* @return
*/
private String createAccessToken(String appId,String secret){
String url = WeChatConstant.TOKEN_URL+"?grant_type=client_credential&appid="+appId+"&secret="+secret;
String result = resetTemplateService.getWithNoParams(url,String.class);
log.info("请求Token的结果:{}",result);
if(result!=null){
try {
JSONObject response = JSONObject.parseObject(result);
if (response.get("access_token") != null) {
return response.get("access_token").toString();
}
}catch (Exception e){
throw new EduException("获取Token出错");
}
}
throw new EduException("获取Token出错");
}
}
@Service
@Slf4j
public class WeiXinShareServiceImpl implements WeiXinShareService {
//获取ticket的URL
public static final String TICKET_URL = "https://api.weixin.qq.com/cgi-bin/ticket/getticket";
@Autowired
private RedisTemplate redisTemplate;
@Autowired
private TokenService tokenService;
@Autowired
private ResetTemplateService resetTemplateService;
@Override
public Map share(String appId,String secret,String url){
log.info("接收到的URL:{}",url);
try {
url = URLDecoder.decode(URLDecoder.decode(url,"UTF-8"),"UTF-8");
log.info("解密的URL:{}",url);
//获取请求的路径
Object obj = redisTemplate.opsForValue().get(WeChatConstant.FUHUI_WEIXIN_TICKET);
String ticket = null;
if(obj==null){
String accessToken = tokenService.getToken(appId,secret);
if(StringUtils.isBlank(accessToken)){
throw new EduException("获取Token出错");
}
ticket = createTicket(accessToken);
if(ticket==null){
throw new EduException("获取分享凭证出错");
}
//生成cookie授权信息
redisTemplate.opsForValue().setIfAbsent(WeChatConstant.FUHUI_WEIXIN_TICKET, ticket,7000, TimeUnit.SECONDS);
}else{
ticket = String.valueOf(obj);
}
return sign(ticket,url);
}catch (Exception e) {
e.printStackTrace();
log.error("签名出错");
throw new EduException("产生签名出错:"+e.getMessage());
}
}
/**
* 产生签名
* @param jsapi_ticket
* @param url
* @return
*/
private Map sign(String jsapi_ticket, String url) {
log.info("解密的URL:{}",url);
Map ret = new HashMap();
String nonce_str = create_nonce_str();
String timestamp = create_timestamp();
log.info("jsapi_ticket:{},url:{},nonce_str:{},timestamp:{}",jsapi_ticket,url,nonce_str,timestamp);
String string1;
String signature = "";
//注意这里参数名必须全部小写,且必须有序
string1 = "jsapi_ticket=" + jsapi_ticket +
"&noncestr=" + nonce_str +
"×tamp=" + timestamp +
"&url=" + url;
try
{
MessageDigest digest = java.security.MessageDigest
.getInstance("SHA-1");
digest.update(string1.getBytes());
byte messageDigest[] = digest.digest();
// Create Hex String
StringBuffer hexString = new StringBuffer();
// 字节数组转换为 十六进制 数
for (int i = 0; i < messageDigest.length; i++) {
String shaHex = Integer.toHexString(messageDigest[i] & 0xFF);
if (shaHex.length() < 2) {
hexString.append(0);
}
hexString.append(shaHex);
}
signature = hexString.toString();
}catch (NoSuchAlgorithmException 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 String create_nonce_str() {
return UUID.randomUUID().toString();
}
private static String create_timestamp() {
return Long.toString(System.currentTimeMillis() / 1000);
}
/**
* 创建token
* @return
*/
private String createTicket(String token){
String url = TICKET_URL+"?access_token="+token+"&type=jsapi";
String result = resetTemplateService.getWithNoParams(url,String.class);
if(StringUtils.isNotBlank(result)) {
JSONObject response = JSONObject.parseObject(result);
if (response != null) {
if (response.get("ticket") != null) {
return response.get("ticket").toString();
}
}
}
throw new EduException("产生令牌出错");
}
}
这里注意几个细节吧,第一个就是URL编码解码的问题,我这里是前端编码2次,后端解码2次的。第二个就是URL获取注意了