微信公众号-- 微信分享功能（分享到朋友和朋友圈显示图片和简介）

1.效果图对比

2.之前踩过的坑

页面设置一个隐藏的图片，宽高都是300像素，微信就会抓取这张图片做为分享图片

链接：https://blog.csdn.net/aoshilang2249/article/details/78775204

结果：并没有什么效果，原因：微信对自定义分享内容作了限制，最终还是要依靠配置wx.config。

3.详细看了一边官方的文档：

链接：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

看一遍，觉得自己的智商似乎下线了，一脸蒙状态

4.摸索半天，无数次骚扰度娘以后，差不多摸清楚了，everybody跟我走起哈（自己的项目是react框架，主要差不多，其他的根据自己的需求自行调整哈）

（1）准备，设置js接口安全域名

（2）引入JS文件

（3）将要分享出去的页面URL发给后台的小伙伴（后台接口调取成功后，将你需要用到的config配置信息返回给你，这样比直接自己写公众号的信息更加安全）

（4）根据分享的要求，按照官方的接口调取写法，自由发挥啦啦啦~~~~

  wx.config({debug:false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: json.appId, // 必填，公众号的唯一标识timestamp:json.timestamp , // 必填，生成签名的时间戳nonceStr: json.nonceStr, // 必填，生成签名的随机串signature: json.signature,// 必填，签名jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone'] // 必填，需要使用的JS接口列表});wx.ready(function() {// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，// 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。//分享到朋友圈wx.onMenuShareTimeline({title:shareTitle, // 分享标题link:location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl:"https://jinshang-hz.oss-cn-hangzhou.aliyuncs.com/data/share/images/recruit_action.jpg", // 分享图标success: function () {// 用户点击了分享后执行的回调函数console.log("11");},});//分享给朋友wx.onMenuShareAppMessage({title:shareTitle, // 分享标题desc:mySlogon, // 分享描述link:location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: "https://jinshang-hz.oss-cn-hangzhou.aliyuncs.com/data/share/images/recruit_action.jpg", // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function () {// 用户点击了分享后执行的回调函数console.log("22");}});

5.参考文章

（1）[http://www.cnblogs.com/stoneniqiu/p/6286599.html]()
（2）[https://blog.csdn.net/HaleyLiu123/article/details/78002835?locationNum=4&fps=1]()

灰常感谢前面踩坑的前辈们的分享~~~~

微信公众号-- 微信分享功能（分享到朋友和朋友圈显示图片和简介）相关推荐

如何给微信公众号增加留言功能？
很多新注册了公众号的人却发现,微信公众号的留言功能没有了. 这是什么情况? 没有留言功能,我花费了N久时间精心写出来的文章只能自嗨吗? 原来腾讯从2018年3月起,取消了新注册的微信公众号的留言功能. ...
微信公众号菜单html5,Vue.js 实现微信公众号菜单编辑器功能(一)
学习一段时间Vue.js,于是想尝试着做一个像微信平台里那样的菜单编辑器,在这里分享下具体样式代码查看项目github 创建一个vue实例 var app = new Vue({ el: '#app ...
vue 公众号扫描_vue编写微信公众号打开相机功能
vue编写微信公众号打开相机功能,什么都不多说直接上代码页面布局代码 class="previewer-demo-img" :key="index" :src ...
Java实现微信公众号客服功能和本地联调
Java实现微信公众号客服功能微信公众平台设置生产环境公众号设置 [开发]–> [基本配置]–> [服务器配置] 注: a.服务器地址(URL) 是开发者用来接收微信消息和事件的接 ...
实现微信公众号评论回复功能
最近做一个项目,实现类似微信公众号评论回复功能,如图所示: 大概分以下几个组件: 表情包组件: <template><div class="showEmjio" ...
手把手教大家搭建微信公众号查题功能
手把手教大家搭建微信公众号查题功能本平台优点: 多题库查题.独立后台.响应速度快.全网平台可查.功能最全! 1.想要给自己的公众号获得查题接口,只需要两步! 2.题库: 题库:题库后台(点击跳转) ...
微信公众号的留言功能
听一个朋友说,他的公众号开通快一年了,没有留言功能,开始以为需要原创文章需要满足一定数量,后来发现是新开通的公众号都没有了留言功能.我想,社交媒体时代,留言功能可以让粉丝直接对公众号的内容进行讨论.反 ...
微信公众号文章留言功能开通方法
通过公众号迁移开通留言功能,不同主体类型所需要的资料是不同的,下面我们详细讲解. 微信公众号文章留言功能开通方法一.企业/机构主体公众号所需资料:单位证件照片.法人身份证正反面照片.公众号后台账号 ...
微信公众号留言评论功能最新开通信息讲解（内附留言功能开通视频信息讲解链接）...
腾讯针对公众号留言这一功能经过多次调整,下面为大家详细讲讲其规则,最开始的时候只要长期坚持发原创文章,等拿到腾讯的原创保护邀请后,就可以拥有留言这个功能了,邀请如下图所示: 接下来大概是2017年年底 ...
微信公众号客服功能如何开通？
微信公众号客服功能如何使用,很多人想要通过公众号推广自己的产品,但是不知道该如何使用客服功能,其实很简单,在公众号后台就可以设置首先登陆微信公众号进入公众号后台然后点击"添加功能插件&q ...

微信公众号-- 微信分享功能（分享到朋友和朋友圈显示图片和简介）

1.效果图对比

2.之前踩过的坑

3.详细看了一边官方的文档：

4.摸索半天，无数次骚扰度娘以后，差不多摸清楚了，everybody跟我走起哈（自己的项目是react框架，主要差不多，其他的根据自己的需求自行调整哈）

5.参考文章

微信公众号-- 微信分享功能（分享到朋友和朋友圈显示图片和简介）相关推荐

最新文章

热门文章

微信公众号-- 微信分享功能（分享到朋友和朋友圈显示图片和简介）

1.效果图对比

2.之前踩过的坑

3.详细看了一边官方的文档：

4.摸索半天， 无数次骚扰度娘以后，差不多摸清楚了，everybody跟我走起哈（自己的项目是react框架，主要差不多，其他的根据自己的需求自行调整哈）

5.参考文章

微信公众号-- 微信分享功能（分享到朋友和朋友圈显示图片和简介）相关推荐

最新文章

热门文章

4.摸索半天，无数次骚扰度娘以后，差不多摸清楚了，everybody跟我走起哈（自己的项目是react框架，主要差不多，其他的根据自己的需求自行调整哈）