.Net微信网页开发之使用微信JS-SDK自定义微信分享内容
2019-07-24 01:14
1426 查看
第一步、微信JS-SDK的使用步骤,配置信息的生成获取讲解:
关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)生成获取的详细说明在这里:https://www.cnblogs.com/Can-daydayup/p/11124092.html
第二步、调用微信JS-SDK自定义分享内容接口:
<script type="text/javascript"> //注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,分享朋友和分享朋友圈接口列表 }); //自定义分享的内容 var title="店铺好礼豪情大派送"; var link='xxx.xxx.com'//分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 var desc="好礼一起享,进店铺领取优惠券可享更多优惠哟!"; var imgUrl ="图片地址";//注意一定要是可以访问的,否则没有用 //初始化 wx.ready(function(){ //自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0) wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl , // 分享图标 success: function () { // 设置成功 alert("分享成功"); } }) }); //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0) wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateTimelineShareData({ title: title, // 分享标题 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl , // 分享图标 success: function () { // 设置成功 alert("分享成功"); } }) });
}); </script>
第三步、通过点击微信右上角的按钮,找到微信分享:
注意:你在微信中无法定义事件去主动触发微信分享,需要点击微信右上角的按钮然后就能够找到微信分享。
效果图,如下:
相关文章推荐
- 微信开发实践(一):使用JS-SDK实现自定义分享 Ⅰ 3ff8
- 使用JS-SDK自定义微信分享效果
- C#微信网页开发---JSSDK使用 通过config接口注入权限验证配置
- 微信自定义分享(微信JS-SDK)开发总结
- 微信JS-SDK开发(自定义分享)
- 使用JS-SDK自定义微信分享效果
- 微信JS-SDK实现 自定义微信分享、分享朋友圈等内容
- 微信网页分享JS-SDK的集成使用
- 微信JS-SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置
- 微信JS-SDK自定义分享链接
- 使用微信接口自定义分享的网页信息(缩略图,标题,描述)
- 如何使用微信JS-SDK实际分享功能
- 微信分享JS-SDK使用总结
- 微信开放JS-SDK,助力网页开发
- 微信公众号开发--微信JS-SDK分享到朋友圈和分享给朋友
- 微信开发六:JSSDK-微信分享
- 第三方网站接入微信JS-SDK的分享自定义设置,微信分享小图标以及标题
- 实现微信JS-SDK分享自定义标题和图片
- 关于微信使用js分享网页不显示缩略图的解决办法