前言

微信公众号自定义分享功能，可附带图片、标题、内容

提示：以下是本篇文章正文内容，下面案例可供参考

一、微信公众号对网页域名进行授权，把MP_verify_*.txt文件放在项目的根目录下

二、编写后台获取凭证接口

@PostMapping("/signature")public String shareInfo(@RequestParam("url") String url) if (url.contains("localhost") || url.contains("192.168")) {return error("本地环境不分享");}WxJsapiSignature sign = null;Map<String, Object> map = new HashMap<>();WechatUser user = userInfo();map.put("desc", "分享链接上的内容")// @Autowired// private WxMpService wxMpService;sign =wxMpService.createJsapiSignature(url);map.put("sign", sign);//获取分享信息map.put("title", "标题");map.put("url", url);map.put("imgUrl", "分享链接上的图片");return success("获取成功", map)}

三、网页JS编写

$(function () {var url = decodeURIComponent(location.href.split('#')[0]);//当前页面的地址data.ajaxPost("上面编辑的接口", "url="+url, function (res) {if (res.code == 200) {var sign=res.body.sign;var share=res.body;wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: sign.appId, // 必填，公众号的唯一标识timestamp: sign.timestamp, // 必填，生成签名的时间戳nonceStr: sign.nonceStr, // 必填，生成签名的随机串signature: sign.signature,// 必填，签名jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo']});wx.ready(function () {var shareurl = share.url;var title = share.title;var desc = share.desc;var imgUrl = share.imgUrl;// 2. 分享接口// 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口wx.onMenuShareAppMessage({title: title,desc: desc,link: shareurl,imgUrl: imgUrl,success: function () {view.shareCount(0);}});// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareTimeline({title: title,link: shareurl,imgUrl: imgUrl,success: function (res) {view.shareCount(1);},fail: function (res) {}});// 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareQQ({title: title,desc: desc,link: shareurl,imgUrl: imgUrl,success: function (res) {view.shareCount(2);},});wx.error(function (res) {//alert(JSON.stringify(res));});});}})
})
//异步请求
var data = {ajaxPost: function (url, data, callback) {$.ajaxSetup({async: true});jQuery.ajax({url: url,data: data,type: "POST",dataType: "JSON",beforeSend: function () {},success: function (res) {if (arguments.length == 3) {callback(res);} else {layer.msg(res.message);}}, error: function () {layer.msg("请求失败");},complete: function () {}});},

四、页面引入j

 引入jquery的js<script src="/js/jquery-1.12.4.min.js"></script>引入微信的js<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>\引入刚刚编写的js<script src="/js/share.js"></script>

java微信公众号分享功能相关推荐

java微信公众号分享页面,微信公众号分享功能防坑指南
//1.分享出去的链接域名必须和微信公众号后台配置的业务域名一致,注意一点,微信公众号配置的业务域名不能带端口号,否则分享不成功,微信小程序到是没有这个限制. //2.需要把即将废弃的分享接口也加进去 ...
微信公众号分享功能开发体验
公众号提供了一个分享功能,通过jsapi来访问,主要作用是修改特定页面下点击微信右上角[...]选择[转发给朋友][分享到朋友圈]以及[分享到手机QQ][分享到QQ空间]的内容. 分享到微信的操作步骤 ...
微信公众号分享功能无法调用
我之前做微信分享功能的时候,做好发现移动端无法进行分享,放在微信开发者工具上测试,会发现出现errmsg 错误这个问题,主要还是权限问题,可以进微信公众号后台权限管理查看注意: 这里看清楚,账户主 ...
Vue开发微信公众号调用微信JS-SDK的分享接口（实现微信公众号分享功能）
描述使用微信提供的分享功能,其实就是JSSDK使用,使用它提供的接口功能. 可以先看下微信公众号开发文档,上面介绍的很详细.提供了那些功能,怎么去使用. https://developers.wei ...
一次微信公众号分享功能总结
updateAppMessageShareData 目前用的就是最新的分享接口,貌似也存在待废弃的onMenuShareAppMessage,但是几年了都没废弃,用法都差不多. 引入js <sc ...
java spring boot 微信公众号分享功能
/*** 方法名:getWxConfig</br>* 详述:获取微信的配置信息 </br>* @param* @return 说明返回值含义* @throws*/public ...
uni-app 对接微信公众号分享功能
引入的方式有两种,可用npm也可直接下载js文件引入 npm install jweixin-module --save 依赖下载了之后可直接在需要掉起分享功能的页面直接配置参数: let wx= r ...
微信公众号留言功能实现方法分享
微信公众号留言功能实现方法分享公众号留言功能开通方法公众号留言功能在2018年年初被限制使用,2018年以后新注册的微信公众号都没有留言功能. 至此,新注册的公众号不仅没有留言功能,运营者无法跟用 ...
java微信公众号开发及源码分享
java微信公众号开发源码下载刚做完微信公众号项目,分享一下代码,经验!初写博客,格式写得不好,还请见谅.有不懂的可以留言或加qq 505281494交流下. 一．第一步进行服务器接口配置,提交信 ...

java微信公众号分享功能

前言

一、微信公众号对网页域名进行授权，把MP_verify_*.txt文件放在项目的根目录下

二、编写后台获取凭证接口

三、网页JS编写

四、页面引入j

java微信公众号分享功能相关推荐

最新文章

热门文章