欢迎您访问 最编程 本站为您分享编程语言代码，编程技术文章！

热门搜索/Hot Search

您现在的位置是： 首页

定制企业微信转发、分享界面

最编程 2024-04-27 20:18:24
...
一、页面
<!DOCTYPE html>
<html lang="en">
<script type="text/javascript" src="./static/js/jquery.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<head>
<meta charset="UTF-8">
<title>国联直通车([[${formDate}]])</title>
<link rel="shortcut icon" href="#"/>
</head>
<div style="width:100%;height:100%">
<img style="width:100%;height:100%" id="image1">
</div>
<script type="text/javascript">
var path1 = "./img/" + "[[${imageName1}]]" + ".png";
var image1 = "[[${ShowImageURL}]]getImageIo.html?fileName=[[${imageName}]]" + ".png&datePath=[[${formDate}]]";
$("#image1").attr("src", image1);
var shareUrl = "[[${shareUrl}]]";
var imageUrl = "[[${imgURL}]]";
var title = "销售业绩榜([[${formDate}]])";
var desc = "统计开始时间：[[${startTime}]]\n统计截止时间：[[${endTime}]]";
//微信配置
wx.config({
beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
debug: true,//调试开关
appId: "[[${corpid}]]",// 必填，企业微信的corpID
timestamp: "[[${timestamp}]]",// 必填，生成签名的时间戳
nonceStr: "[[${noncestr}]]",// 必填，生成签名的随机串
signature: "[[${signature}]]",// 必填，签名，见 附录-JS-SDK使用权限签名算法
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems']// 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
});
wx.ready(function () {
//移除不需要的按钮
wx.hideMenuItems({
menuList: [
'menuItem:favorite',
'menuItem:copyUrl',
'menuItem:openWithQQBrowser',
'menuItem:share:qq',
'menuItem:readMode',
'menuItem:share:weiboApp',
'menuItem:share:facebook',
'menuItem:share:QZone',
'menuItem:editTag',
'menuItem:delete',
'menuItem:originPage',
'menuItem:readMode',
'menuItem:openWithSafari',
'menuItem:share:email',
'menuItem:share:brand'
],
success: function (res) {
},
fail: function (res) {
}
});
//获取“转发”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: title, //分享标题
desc: desc, //分享描述
link: shareUrl, //分享链接
imgUrl: imageUrl,//分享图片
success: function (res) {
},
cancel: function (res) {
}
});
/*wx.onMenuShareWechat({
title: title, //分享标题
desc: desc, //分享描述
link: shareUrl, //分享链接
imgUrl: imageUrl,//分享图片
success: function (res) {
alert("success");
},
cancel: function (res) {
alert("cancel"+res);
}
});*/
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: title, //分享标题
desc: desc,//分享描述
link: shareUrl, // 分享链接
imgUrl: imageUrl, // 分享图标
success: function (res) {
},
cancel: function (res) {
}
});
});
//自定义转发到会话
wx.invoke(
"shareAppMessage", {
title: title, //分享标题
desc: desc,//分享描述
link: shareUrl, // 分享链接
imgUrl: imageUrl, // 分享图标
}, function (res) {
if (res.err_msg == "shareAppMessage:ok") {
}
}
);
//自定义转发到微信
wx.invoke(
"shareWechatMessage", {
title: title, //分享标题
desc: desc,//分享描述
link: shareUrl, // 分享链接
imgUrl: imageUrl, // 分享图标
}, function (res) {
if (res.err_msg == "shareWechatMessage:ok") {
}
}
);
wx.error(function (res) {
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
});
</script>
</html>

二、后台

上一篇： 微信语音怎么转发给别人听_原来微信语音也可以转发给别人听，亲测好用！微信语音怎么转发给别人听_原来微信语音也可以转发给别人听，亲测好用

下一篇： 微信小程序实现 "转发到朋友圈"、"分享到朋友圈

推荐阅读