微信小程序onShareTimeLine分享朋友圈功能

原创已于 2022-09-25 07:56:37 修改 · 9.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2022-02-09 10:48:50 首次发布

小程序专栏收录该内容

3 篇文章

订阅专栏

本文介绍了微信小程序2.11.3版本中新增的onShareTimeline方法，用于自定义朋友圈分享内容，包括标题、路径参数和自定义图片。重点讲解了参数用法及注意事项，适合开发者了解并应用到实际项目中。

微信为了更好的用户体验在2.11.3版本当中新出了一个onShareTimeLine方法跟onShareAppMessage类似的方法用于分享朋友圈，在onShareTimeLine当中的参数有title、query、imageUrl三个参数，其中title是标题，query是路径可携带参数，imageUrl是自定义的图片比例为1：1，只支持png和jpg格式的图片，默认使用小程序logo，代码如下

onShareTimeline: function () {
    return {
      title: '我是测试标题，你可以随便修改',
      path: '/pages/index/index',
      imageUrl: 'xxx.jpg'
    }
  }

tips:微信基础库需要2.11.3版本才有效和安卓机才有分享朋友圈按钮，苹果无此按钮

效果图

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ckmzlf

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何为微信小程序添加分享到朋友圈和微信群功能

wx_linying1029的博客

07-14

464

准备工作在开始编写代码之前，您需要先在微信开发者工具中创建一个小程序，并获取到小程序的AppId。然后，在小程序后台配置好分享的图片和标题等信息。当然，为了更好地适应不同的需求，您可以根据自己的需求进行定制和扩展。为微信小程序添加分享到朋友圈和微信群的功能，可以使用微信官方提供的API来实现。下面我将为您详细介绍如何使用代码实现。在小程序中，可以通过Page的onLoad函数或其他合适的时机来设置分享到朋友圈的参数。在小程序中，可以通过Page的onLoad函数或其他合适的时机来设置分享到微信群的参数。

微信小程序学习 onShareAppMessage转发分享

一杯冰啤

06-16

1万+

最近在做仿抽奖助手小程序，遇上分享的一个问题。抽奖助手分享出来的商品缩略图很清晰且格式更好，而我们分享出来的是页面的默认截图，感觉不好看。其实它这个地方用的是图片，增加一个imageUrl即可。onShareAppMessage(options)在 Page 中定义 onShareAppMessage 函数，设置该页面的转发信息。只有定义了此事件处理函数，右上角菜单才会显示 “转发” 按钮用户点击...

1 条评论您还未登录，请先登录后发表或查看评论

uniapp使用onShareTimeline分享朋友圈自定义内容无效

qq_44862112的博客

05-15

2785

onShareTimeline分享朋友圈自定义内容无效

微信小程序的分享配置onShareAppMessage

qq_46199553的博客

02-03

6613

在小程序的js页面里，写次方法，则点击右上角三个“···”会有对应的分享菜单，如果不写，其实就相当于禁用的该页面的分享。

利用快马 AI 平台快速实现 OnShareTimeline 社交分享功能

最新发布

SilverMoon18的博客

11-07

638

通过快马平台，原本需要一周的开发周期缩短到两天。AI 生成代码：自动补全重复逻辑（如用户认证中间件）。无缝部署：从开发到上线无需手动配置 Nginx 或证书。对于社交类功能开发，InsCode(快马)平台能显著降低技术门槛。下次尝试可以加入好友推荐算法，进一步优化社交体验。

uni-app小程序分享朋友圈或朋友

weixin_45459904的博客

10-13

2486

利用uni-app的onShareAppMessage与onShareTimeline来实现的分享给朋友或分享朋友圈！ onShareAppMessage：官网详细讲解地址：https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage onShareTimeline：官网详细讲解地址：https://uniapp.dcloud.io/collocation/frame/lifecycle onShareTimeline：是生命周期函数，与on

小程序onShareTimeline()分享朋友圈

wm_wu的博客

07-13

3万+

运行完的效果: Page({ //页面的初始数据 data:{ }, //自定义函数 // 用户点击右上角分享给好友,要先在分享好友这里设置menus的两个参数,才可以分享朋友圈 onShareAppMessage: function() { wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] }) }, //用户点击右上角分享朋

微信小程序onShareTimeline()分享朋友圈功能

weixin_48383771的博客

12-01

4299

Page({ //页面需设置允许“发送给朋友” onShareAppMessage: function() { wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] }) }, //页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等 onShareTimeline: function () { return {

微信小程序分享盆友圈（onShareTimeline）

hangGe0111的博客

08-10

6762

1.代码 Page({ onShareTimeline: function() { return { title: '自定义标题', query: 'name=xxx&age=xxx', imageUrl: 'http://demo.png', } }, }) 2.参数（官网传送门） 3.分享到朋友圈 Beta，注意事项，点击可参考： 3.1 基础库大于等于 2.11.3 才开始支持； 3.2 目前为Beta版本，暂时只支持在 Android 平...

微信小程序配置了onShareTimeline分享到朋友圈，但是在开发者工具中这里始终是灰色的，在真机调试的时候也没有发现有分享到朋友圈的相关信息。

寬真

04-21

5782

微信小程序配置了onShareTimeline分享到朋友圈，但是在开发者工具中这里始终是灰色的，在真机调试的时候也没有发现有分享到朋友圈的相关信息。有说：使用组件的页面支持分享发送给朋友换了一个项目看也是一样的，有分享给好友，但是分享到朋友圈的按钮在开发者工具里面也是置灰的。不清楚是没有没有认证的缘故：看到另外一篇文章，确定是没有认证的原因。

微信小程序分享到朋友圈onShareTimeline()传参及接参

海贼王某人的博客

03-26

7576

代码如下： // index.js onShareTimeline: function () { return { title: '我是分享后显示的标题', // 可不填 query: 'id=123', // 可不填传递的参数，只能是这种格式 imageUrl: 'https://www.baidu.com/my/active3.png' // 可不填,可以是网络路径也可以是本地路径，分享到朋友圈显示的图标 } }, /

微信小程序---朋友圈分享

weixin_43452154的博客

08-03

1403

一、朋友圈分享注：截止目前还未能指定分享页面跳转，只能当前页面分享，分享点进来也会在分享页面。sharequery 不需要携带路径，只需要携带参数即可。2、若需携带参数，在相应的页面onload中接收参数（code）即可。1、只需在相应的页面加上onShareTimeline（）方法即可。朋友圈分享和转发分享差不多，可以参照转发朋友功能。下面具体介绍下朋友圈转发的功能实现。...

解决wx.onMenuShareTimeline出现的问题

11-22

wx.onMenuShareTimeline使用注意事项我在开发测试过程中,发现使用wx.onMenuShareTimeline无效果,没有显示我定义的图片、title和链接,经过调试发现原因如下： 1.图片大小要大于300pix才能显示 2.这个方法必须先config成功，然后再wx.ready里才能调用。我直接放到$(function(){})里执行，实践证明是不行的。 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

html 调用weixinsharetimeline,微信小程序使用onShareTimeline分享到朋友圈的方法

weixin_42363874的博客

06-04

2788

最近微信小程序终于公测了一个分享到朋友圈的功能，这对营销来说可是一个很重要的功能啊。如何使用这个功能呢？这里详细介绍一下。使用到的函数onShareTimeline()与onShareAppMessage()默认情况下分享到朋友圈功能是处于关闭状态的，如下图：需要在页面js文件page中加入onShareTimeline()与onShareAppMessage()才能够使用分享到朋友圈功能。两者缺...

uniapp小程序onShareTimeline()分享朋友圈多参传值

weixin_48192398的博客

03-03

6630

uniapp小程序onShareTimeline()分享朋友圈多参传值最近在弄uniapp小程序，分享功能传参中遇到了问题，查了很多，作为新手的我也是搞了一会才弄出来。很多资料中的方法，在我这里不生效，最终还是研究出可行的方案。很多资料中的代码是这样传参： onShareTimeline(res) { var query = { id: 123, //或者 this.id goodId: 456 // 或者 this.gooodId } return {

微信小程序【发送给朋友】、【分享到朋友圈】

mudh118的博客

09-24

2119

在开发微信小程序的时候，发现【发送给朋友】、【分享到朋友圈】功能是灰色的，不能点击，那么说明这个小程序没有写这部分的代码。这几个功能，并不是你项目建起来了就有的，需要手动追加代码。onShareAppMessage和onShareTimeline每个页面都得单独写一份。1.【发送给朋友】使用 onShareAppMessage 这个方法。2.【分享到朋友圈】使用 onShareTimeline 方法。才有分享朋友圈按钮，苹果无此按钮。

微信JSSDK分享接口教程，wechat，share ,onMenuShareAppMessage wx.onMenuShareTimeline