封装微信jssdk自定义分享代码
var protocol = window.location.protocol; //获取协议
var host = window.location.host; //获取域名
var posuDomainUrl = protocol + "//" + host; function WeChat(url, title, img, desc) {
var configData = {
title: title, // 分享标题
desc: desc, // 分享描述
link: url, // 分享链接
imgUrl: img, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
}; $.ajax({
url: posuDomainUrl + '/wechatShare/wechatShare.do',
type: 'POST',
data: {url:url},
success: function (resp) {
if (resp.data) {
resp.data.debug=false;
resp.data.jsApiList=['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'];
wx.config(resp.data);
wx.ready(function () {
//分享到朋友圈
wx.onMenuShareTimeline({ //例如分享到朋友圈的API
title: title, // 分享标题
link: url, // 分享链接
imgUrl: img, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
}); //分享给朋友
wx.onMenuShareAppMessage({
title: title, // 分享标题
desc: desc, // 分享描述
link: url, // 分享链接
imgUrl: img, // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
}); //分享到QQ
wx.onMenuShareQQ(configData); //分享到腾讯微博
wx.onMenuShareWeibo(configData); //分享到QQ空间
wx.onMenuShareQZone(configData); wx.error(function (res) {
//alert(res.errMsg); //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
});
});
} else {
return;
}
},error:function(e){
console.log(e);
}
});
}
package com.hlziben.web.controller.webController.wechatShare; import java.util.HashMap;
import java.util.Map;
import java.util.UUID;
import java.util.concurrent.TimeUnit; import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; import org.apache.commons.lang.StringUtils;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.springframework.data.redis.core.StringRedisTemplate;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody; import com.hlziben.web.common.request.HonlineRestTemplate;
import com.hlziben.web.common.utils.EncryptUtils;
import com.hlziben.web.common.utils.HttpClientUtil;
import com.hlziben.web.common.utils.Setting;
import com.tzbao.api.common.utils.JsonResponse;
/**
*
*<dl>
*<dt>类名:WechatShareController</dt>
*<dd>描述: </dd>
*</dl>
*/
@Controller
@RequestMapping("wechatShare")
public class WechatShareController { public static final Log log = LogFactory.getLog(WechatShareController.class);
@Resource
private HonlineRestTemplate honlineRestTemplate;
@Resource
private StringRedisTemplate numberRedisTemplate; /**
* 向微信请求accessToken和ticket
* @param role
* @param phone
* @param code
* @param password
* @param repassword
* @param request
* @param response
* @param model
* @return
*/
@RequestMapping(method = RequestMethod.POST, value = "/wechatShare.do")
@ResponseBody
public Object register(
@RequestParam("url") String url, //前台传入URL
HttpServletRequest request, HttpServletResponse response, ModelMap model) { try{
//检查Redis中现有的accessToken和ticket
Long timeStamp=System.currentTimeMillis();
String accessToken=numberRedisTemplate.opsForValue().get("member_wechat_access_token");
String appId=Setting.getSetting("weixin.app.id");
String appSecret=Setting.getSetting("weixin.app.secret");
String ticket=numberRedisTemplate.opsForValue().get("wechatTicket"); //如果redis中的accessToken为空,则重新获取
if(StringUtils.isBlank(accessToken)||StringUtils.isBlank(ticket)){
String accessTokenUrl="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appId+"&secret="+appSecret;
JSONObject objectAuthToken=HttpClientUtil.httpGetRequest(accessTokenUrl);
accessToken=objectAuthToken.get("access_token").toString();
numberRedisTemplate.opsForValue().set("member_wechat_access_token",accessToken,Long.valueOf(6600), TimeUnit.SECONDS);
String ticketUrl="https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token="+accessToken;
JSONObject objectTicket=HttpClientUtil.httpGetRequest(ticketUrl);
ticket=objectTicket.get("ticket").toString();
numberRedisTemplate.opsForValue().set("wechatTicket", ticket,Long.valueOf(6600), TimeUnit.SECONDS);
} //获取微信accessToken及ticket
Map<String, Object> resultMap = new HashMap<>();
String nonceString=UUID.randomUUID().toString();
String encodeStr="jsapi_ticket="+ticket+"&noncestr="+nonceString+"×tamp="+timeStamp.toString()+"&url="+url;
String signature=EncryptUtils.codesBySHA1(encodeStr);
log.info(signature);
resultMap.put("appId",appId);
resultMap.put("nonceStr",nonceString);
resultMap.put("timestamp", timeStamp.toString());
resultMap.put("url", url);
resultMap.put("signature",signature);
resultMap.put("rawString",encodeStr);
return JsonResponse.getSuccessResponse(resultMap); }catch(Exception e){
log.error(e);
return JsonResponse.getServerErrorResponse("微信共享失败");
}
} }
封装微信jssdk自定义分享代码的更多相关文章
- 配置微信jssdk自定义分享
前段时间做这个功能的时候遇到这个问题,之前的话是微信自动抓取界面第一张图,现在微信更新api,必须自行配置,接入jssdk,才能实现该功能. 详细可以查看微信的jssdk文档 微信官方开发者文档 ...
- 使用微信JSSDK自定义分享内容
微信在6.0.2.58版本以后开始使用新的api,在Android系统中不能用以前的代码来自定义分享内容了. 现在自定义内容的方法走的是公众号的一套流程 1获取access_token 2得到toke ...
- .Net微信网页开发之使用微信JS-SDK自定义微信分享内容
第一步.微信JS-SDK的使用步骤,配置信息的生成获取讲解: 关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token ...
- c#微信开发,使用JS-SDK自定义分享功能,分享朋友圈,分享给朋友等
如果一个后端开发掌握了微信开发,甚至有微信开发上线项目,这在换工作的时候 还是有竞争力的. 微信开发的资料很多,但是用asp.net c#进行微信开发好像比较少,或者资料不够完整. 使用JS-SDK自 ...
- 微信公众号jssdk自定义分享,二次分享自定义失败解决技巧
百度上自定义微信分享标题以及描述的解决方法有很多,基本上都能实现一次分享:流程基本上是这样的 1.首先引入微信jssdk =><script src="http://res.wx ...
- 微信应用js-sdk自定义分享图文
之前写过步骤 但是代码很少 这里奉献上我自己写的代码 我是用js做的 先奉上js部分的代码 <head> <meta charset="utf-8"> &l ...
- 使用微信JSSDK自定义微信分享标题、描述、和图标
最近做一个项目的时候用到微信的分享 ,实现定义分享标题,图片,了解到微信在发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一.如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用 ...
- 微信公众号 分享接口 签名通过 分享无效果(JSSDK自定义分享接口的策略调整)
为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前页面对应的公众号JS安全域名一致,否则将调用失 ...
- 微信JS-SDK实际分享功能
为了净化网络,整顿诱导分享及诱导关注行为,微信于2014年12月30日发布了<微信公众平台关于整顿诱导分享及诱导关注行为的公告>,微信平台开发者发现,原有的微信分享功能不能用了,在ipho ...
随机推荐
- Linux下指定线程的名字
为了能方便的区分一个进程中的每个线程,可以通过prctl()给每个线程取个名字.这样在会创建多个线程的程序执行过程中,就能知道一个pid或tid对应的是哪个线程,对调试程序有一定帮助. prctl是个 ...
- grafana使用小节
安装准备 安装grafana 安装mysql grafana操作步骤 新建数据源,支持mysql 数据库连接失败处理: https://www.jianshu.com/p/684bc3a77ac9 新 ...
- ASP.NET 设计模式分为三种类型
设计模式分为三种类型,共23类. 一.创建型模式:单例模式.抽象工厂模式.建造者模式.工厂模式.原型模式. 二.结构型模式:适配器模式.桥接模式.装饰模式.组合模式.外观模式.享元模式.代 ...
- 关于Ehcache缓存中timeToLiveSeconds和timeToIdleSeconds
[From] http://blog.csdn.net/vtopqx/article/details/8522333 闲来无事测试了下Ehcache与MemCache比较,在此发现了Ehcache中一 ...
- Oracle SET UNUSED的用法
SET UNUSED的用法 原理:清楚掉字典信息(撤消存储空间),不可恢复. 可以使用 SET UNUSED选项标记一列或者多列不可用. 使用DROP SET UNUSED选项删除被被标记 ...
- linux系统编程之(一) 信号量
信号量 一.什么是信号量 信号量的使用主要是用来保护共享资源,使得资源在一个时刻只有一个进程(线程)所拥有. 信号量的值为正的时候,说明它空闲.所测试的线程可以锁定而使用它.若为0,说明 它被占用,测 ...
- PIE SDK地图平移校正
地图平移校正,当加载两幅空间参考一样的影像,其中一幅影像有点偏移,这时就以另一幅影像为基准将其进行平移校正,然后保存,再次加载就不会出现偏移了. 下面来介绍下实现的主要代码: 首先通过选中目录树中的要 ...
- 网站ico那点事儿
一. 如何获取某个网站的favicon.ico http://moco.imooc.com/player/report.html 今天看到这个网站上,左侧的小图片挺好看的,想弄下来,检查源码,也没有看 ...
- Ant利用第三方的task
转自 http://blog.sina.com.cn/s/blog_3d21e545010006s9.html 一.如何使用第三方任务 Ant可以使用第三方任务,在使用第三方任务之前,需告知Ant ...
- 修改OPENSUSE 桌面快速搜索快捷键