微信小程序分享朋友圈详细教程及注意事项

微信官方文档

分享所需要的条件

小程序页面默认为不开启朋友圈分享需要开发者进行手动设置需满足以下条件才能开启朋友圈分享

1. 页面需设置允许“发送给朋友 官方文档 Page.onShareAppMessage 通常是在页面js文件中加入这段函数即可也可以自定义转发内容更多去官方文档查看

onShareAppMessage: function() {}

2. 满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等，自定义数据等。 官方文档 Page.onShareTimeline 接口文档

- 我们需要在页面进来后去调用官方文档 wx.showShareMenu 这个接口去设置需要转发的按钮

    wx.showShareMenu({withShareTicket: true,// shareAppMessage表示“发送给朋友”按钮，shareTimeline表示“分享到朋友圈”按钮 // 这里选择两个都开启menus: ['shareAppMessage', 'shareTimeline']})

监听右上角菜单“分享到朋友圈”按钮的行为，并自定义发享内容。

只有定义了此事件处理函数，右上角菜单才会显示“分享到朋友圈”按钮自定义转发内容

- 这里我们需要用到官方文档 wx.onShareTimeline 这个接口去监听用户点击了分享到朋友圈按钮
- 此函数需要返回一个Object，用于自定义分享内容

 onShareTimeline: function () {return {title: 自定义标题,默认值小程序名称imageUrl:自定义图片路径,支持本地文件或者网络图片,仅支持PNG及JPG, 默认使用小程序 Logoquery:自定义页面路径中携带的参数  如 'a=' + a + '&b=' + b，默认值为当前页面路径携带的参数}},

注意事项

- 当页面数据为onLoad里上一个页面传来的id再去接口请求时如果没有其他的需要一般不需要传query 因为query的默认值就是为当前页面路径携带的参数
- 但如果你的数据为全局变量或者本地缓存时那你请注意了

  onLoad: function(options) {var info = app.globalData.infovar value = wx.getStorageSync('key')}

- 这两个例子都会导致分享页面出错因为单页面模式不能访问这些数据这时候需要通过传query解决这个问题

    //用户点击右上角分享朋友圈 onShareTimeline: function () {return {title: this.data.info.title,query: 'info=' +  JSON.stringify(this.data.info) + '&value=' + JSON.stringify(wx.getStorageSync('key')),imageUrl:this.data.info.image[0] }},onLoad: function(options) {// 获取当前场景值 以适应单页面模式// 1154 为单页面模式的场景值var pathData = wx.getLaunchOptionsSync()if(pathData.scene==1154){var info = JSON.parse(options.info)var value = JSON.parse(options.value)app.globalData.info = JSON.parse(options.info)}else{var info = app.globalData.infovar value = wx.getStorageSync('key')}}

- 大佬勿喷

- 如果觉得我写的还不错的话可以分享点赞

微信小程序分享朋友圈详细教程及注意事项相关推荐

微信小程序分享朋友圈官方支持哪些方面（最新版本）
微信小程序分享朋友圈官方支持哪些方面? 1.微信小程序分享朋友圈支持单页模式,具体单页模式的详细说明可参考官方文档,文档链接为:微信小程序单页模式 2. 微信小程序分享朋友圈如果是自定义页面路径的话, ...
最新微信小程序分享朋友圈
微信小程序分享朋友圈近日,微信小程序官方文档更新 wx.showShareMenu(Object object),其中显示小程序可以分享到朋友圈啦! 但是,设置分享朋友圈的前提是必须同时设置发生给朋 ...
【微信小程序】微信小程序分享朋友圈教程
安卓的朋友们福利来了,微信小程序现支持安卓的朋友们分享小程序到朋友圈了! 下面我们来看下具体操作,如何实现小程序分享朋友圈的! 效果图点击朋友圈的链接即可进入一个微信原生的H5页面去展示所分享的小程 ...
微信小程序分享朋友圈功能
微信小程序分享到朋友圈的功能,终于实现了!但是只能是点击右上角菜单方式分享!话不多说直接上代码! js Page({onLoad: function (options) {if(options.in ...
微信小程序分享朋友圈的实现思路与解决办法
转自:https://www.cnblogs.com/till-the-end/p/8470557.html 简介截止我写这篇文章的时候,小程序应该是还没有能够直接分享到朋友圈的api,转发给朋友和 ...
微信小程序分享朋友圈生成海报
微信小程序实现分享到朋友圈分享朋友圈现在大家的通用做法就是通过Canvas生成一张图片后进行保存,然后自行转发朋友圈.最近项目有这个需求, 于是就记录一下.(老规矩,我的博客复制粘贴就好使) 如果想 ...
实现微信小程序分享朋友圈及好友
显示分享按钮首先需要通过wx.showShareMenu实现在当前页面显示分享按钮.如不实现该代码,分享按钮为灰色不可用状态.showShareMenu微信小程序API文档链接注意事项显示&qu ...
微信小程序分享朋友圈限制多多
千呼万唤shi出来,在我渐渐淡忘了微信小程序可以分享朋友圈后,它又终于可以分享朋友圈了,但现在还只是测试版本,现在只针对Android平台开放,后续会对ios开放. 分享朋友圈定义的函数:onShar ...
两步实现微信小程序分享朋友圈
小程序默认不能分享朋友圈,开发者需主动设置"分享到朋友圈".页面允许被分享到朋友圈,需满足两个条件: 首先,页面需设置允许"发送给朋友".具体参考 Page.o ...

微信小程序分享朋友圈详细教程及注意事项

分享所需要的条件

小程序页面默认为不开启朋友圈分享需要开发者进行手动设置需满足以下条件才能开启朋友圈分享

监听右上角菜单“分享到朋友圈”按钮的行为，并自定义发享内容。

只有定义了此事件处理函数，右上角菜单才会显示“分享到朋友圈”按钮自定义转发内容

注意事项

- 大佬勿喷

- 如果觉得我写的还不错的话可以分享点赞

微信小程序分享朋友圈详细教程及注意事项相关推荐

最新文章

热门文章

微信小程序分享朋友圈 详细教程及注意事项

分享所需要的条件

小程序页面默认为不开启朋友圈分享 需要开发者进行手动设置 需满足以下条件 才能开启朋友圈分享

监听右上角菜单“分享到朋友圈”按钮的行为，并自定义发享内容。

只有定义了此事件处理函数，右上角菜单才会显示“分享到朋友圈”按钮自定义转发内容

注意事项

- 大佬勿喷

- 如果觉得我写的还不错的话 可以分享 点赞

微信小程序分享朋友圈 详细教程及注意事项相关推荐

最新文章

热门文章

微信小程序分享朋友圈详细教程及注意事项

小程序页面默认为不开启朋友圈分享需要开发者进行手动设置需满足以下条件才能开启朋友圈分享

- 如果觉得我写的还不错的话可以分享点赞

微信小程序分享朋友圈详细教程及注意事项相关推荐