微信内的网页分享:
API内容详见微信开发文档 https://mp.weixin.qq.com/wiki
这里需要注意的是:调用微信API的时候修改的是微信内网页右上角三个点那里打开后,选择分享之后弹出的窗口的内容,并非调用api后就直接调出来选择分享目标的页面
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | var wxShareConfig = { imgUrl: "分享的图片url" , title: "分享标题" , link:shareUrl, desc: "分享描述" } // 发送请求获取到微信js-sdk相关配置之后,触发分享到微信,QQ等 // 【需要在公众号聊天对话框中打开url,并且url的域名需要在公众号后台配置成功(微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”)】 function initWeixinShare(){ $.ajax({ url: "${contextPath}/WechatShare" , //后台请求,取到微信配置需要的参数 type: 'GET' , async: false , dataType: "json" , data: { 'url' : encodeURI(encodeURI(location.href.split( '#' )[ 0 ]))}, success:function(data){ wx.config({ debug: true , // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: data.appid, // 必填,公众号的唯一标识 timestamp: data.timestamp, // 必填,生成签名的时间戳 nonceStr: data.noncestr, // 必填,生成签名的随机串 signature: data.signature, // 必填,签名,见附录1 jsApiList: [ 'onMenuShareAppMessage' , 'onMenuShareTimeline' , 'onMenuShareQQ' , 'onMenuShareQZone' ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ wx.onMenuShareTimeline(wxShareConfig); //分享到朋友圈 wx.onMenuShareAppMessage(wxShareConfig); //分享到微信朋友 wx.onMenuShareQQ(wxShareConfig); //分享到QQ wx.onMenuShareQZone(wxShareConfig); //分享到QQ空间 }); } }); } |
QQ内置网页中的分享功能:
只要js引入然后设置一下这个值就可以了
QQ分享文档地址:http://open.mobile.qq.com/api/component/share
1 2 3 4 5 6 | setShareInfo({ title : wxShareConfig.title, summary: wxShareConfig.desc, pic : wxShareConfig.imgUrl, url : wxShareConfig.link }); |
特别提醒:
1.微信分享以及相关的页面api功能调用,必须要先在公众号后台配置安全域名,具体位置参考微信开发文档
2.微信分享api仅仅是设置 点击右上角三个点之后选择分享到QQ,朋友圈…… 之后,弹出的弹窗中的值,而并非直接弹出选择分享目标的页面
3.QQ分享,微信分享 千万 千万 千万不要忘记导入 他们的 JS文件!!!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步