Ⅰ 微信小程序 - 分享功能
onShareAppMessage(Object object)
官网是这样说的
(一)在我们自己的项目内,对应的js文件中这样写,一般在生成小程序文件的时候默认会显示这样的语句:
那么,在我们小程序界面右上角菜单就会显示“转发”按钮:
(二)除了默认的方法外,我们还可以自定义转发的标题与内容,此事件处理函数需要 return 一个 Object,用于自定义转发内容:
实现:
(三)一般为了引导用户的转发,我们还会在界面上设置转发按钮,比如“分享给好友”
(按钮样式还是需要自己调整的)
这时候弹出的内容则跟我们右上角菜单的“转发”行为一致。
官方Tips
1.不自定义转发图片的情况下,默认会取当前页面,从顶部开始,高度为 80% 屏幕宽度的图像作为转发图片。
2.转发的调试支持请查看 普通转发的调试支持 和 带 shareTicket 的转发
3.只有转发到群聊中打开才可以获取到 shareTickets 返回值,单聊没有 shareTickets
4. shareTicket 仅在当前小程序生命周期内有效
5.由于策略变动,小程序群相关能力进行调整,开发者可先使用 wx.getShareInfo 接口中的群 ID 进行功能开发。
6.微信7.0.12开始,支持群主转发小程序时同时把消息设为该群的群待办消息,群待办消息会以气泡形式出现在聊天窗口底部。默认每次转发一个群待办消息,都会生成一个待办消息气泡。通过 wx.updateShareMenu 接口修改 toDoActivityId 属性可以把多个待办消息聚合为同一个,即转发相同 toDoActivityId 的群待办消息,只会出现一个待办消息气泡。 toDoActivityId 需要在转发前通过 updatableMessage.createActivityId 接口创建。
(四)另外关于转发,官方还提供了其他几个API方法:
1)wx.updateShareMenu(Object object):更新转发属性
2)wx.showShareMenu(Object object):显示当前页面的转发按钮
3)wx.hideShareMenu(Object object):隐藏转发按钮
4)wx.getShareInfo(Object object):获取转发详细信息
最后这一个还没有理清楚,目前测试报错,后期理清了再来更新。
Ⅱ 微信小程序如何分享到朋友圈
直接转发链接是可以的!
Ⅲ 微信小程序如何分享到朋友圈
目前微信小程序不支持直接将小程序分享到朋友圈,但好多人都是将小程序二维码分享到朋友圈中,同样可以达到这种效果,腾讯这块限制分享的原因是因为朋友圈广告,如果直接分享到朋友圈,在用户这块可能就不容易分清楚广告跟小程序
简书作者
2019-03-07 16:36
背景
业务场景需要在小程序内生成活动的分享海报,图片中的某些数据需动态展示。可行的方案有️二:
服务端合成:直接返回给前端图片URL
客户端合成:客户端利用canvas绘制
客户端合成需要用到canvas,见这个网址,小程序canvas的那些事。客户端感觉很麻烦,要自己操作canvas。
服务器端合成
我发现有人做了一个接口,输入服务器端的URL,直接返回一个图片,这样我就可以让前作做一个H5的页面,然后小程序中,直接得到这个图片然后分享到朋友圈。
下面是这个接口的小程序演示demo
Ⅳ 微信小程序怎么分享到朋友圈
Ⅳ 微信小程序实现分享至朋友圈的功能来啦
就在7月初,我看到了微信小程序的官网有了分享至微信朋友圈的功能上线beta板,目前只能在android手机显示分享至朋友圈的按钮,iphone手机暂时不支持,但是android手机分享出来的,iphone手机是可以查看的,不多说,先看一下最终的真机上的展示效果(android和iphone手机)
可将小程序页面分享到朋友圈。适用于内容型页面的分享,不适用于有较多交互的页面分享。
小程序页面默认不可被分享到朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:
满足上述两个条件的页面,可被分享到朋友圈。
用户在朋友圈打开分享的小程序页面,并不会真正打开小程序,而是进入一个“小程序单页模式”的页面,“单页模式”有以下特点:
可通过判断 场景值 等于 1154 的方法来进行页面适配。另外,在单页模式下,可设置顶部导航栏与页面的相交状态,具体参考 navigationBarFit 配置。
还需留意的是,在单页模式下, wx.getSystemInfo 接口返回的 safeArea 为整个屏幕空间。
小程序“单页模式”适用于纯内容展示场景,可实现的交互与接口能力有限,因此存在如下限制:
对于一些会产生交互的组件或接口,在点击后调用时,会弹 toast 提示“请前往小程序使用完整服务”。为达到良好的用户体验,请注意适配单页模式的接口能力,请勿大量使用被禁用的接口或组件。
需要了解更多,可以具体看看官方:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
1、目前只支持android手机,但iphone手机可以查看
2、有部分的android手机也显示不了“分享至朋友圈”的按钮(因为目前知识beta版)
3、不久之后肯定会发布正式版本,到时候iphone和android手机都可以实现,现在小伙伴可以尝鲜一波。
4、还有一点值得注意的是:不得存在滥用分享违规行为。如强制用户分享行为;分享立即获得利益的诱导行为;以及通过明示或暗示的样式来达到诱导分享目的的行为等。这也是小程序一开始没推出这个功能的一大原因。
Ⅵ 微信小程序分享功能的实现方法有两种:
微信小程序分享功能的实现方法有两种:
第一种
在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面
第二种
自定义按钮实现分享,在page中添加一个带有open-type='share'的button标签(<button open-type='share'></button>)。点击该按钮后,即会自动触发已经在page.js中定义好的onShareAppMessage方法,实现分享功能。
<button open-type='share'>分享</button>
获取分享传递的参数
如上例,path属性指向的是user页面,并附带id=123的参数。我们只需在user.js的onLoad函数中,通过options查看传递过来的参数:
Ⅶ 城城分现金怎么分享小程序
1.入口
①小程序右上角自带的分享功能(...):
如果在当前页面调用wx.hideShareMenu()方法,那么右上角的分享功能将被隐藏,当然,隐藏方法与现实方法是承兑出现的,调用wx.showShareMenu()方法,可以显示该功能。
②自定义分享按钮:<butto n open-type='share'>分享</butto n>
以上两种方式均可实现分享功能
2.分享数据类型
不管采用以上何种方法,转发给好友的数据总归有它的数据模型,该数据模型是通过onShareAppMessage(options)返回的,也就是return一个object即可。其中,options.from可以用来判断是从自定义button打开的转发页面,还是从右上角的打开的转发页面。
Ⅷ 微信小程序之自定义分享
微信小程序中自定义分享: 该功能将客户看到的小程序页面进行分享,从而达到页面的传播作用。
通过给 button 组件设置属性 open-type="share" ,可以在用户点击按钮后触发 Page.onShareAppMessage 事件,相关组件: button 。
上诉button按钮需要绑定open-typre=“share” 这个参数即可实现分享好友功能。
注意:模拟器不支持,需要在真机上进行测试。
其中有三个参数:
监听用户点击页面内转发按钮( button 组件 open-type="share" )或右上角菜单“转发”按钮的行为,并自定义转发内容。
注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮
此事件处理函数需要 return 一个 Object,用于自定义转发内容,返回内容如下:
自定义转发内容 基础库 2.8.1 起,分享图支持云图片。
Ⅸ 京东城城分现金如何分享小程序
京东城城分现金分享小程序方式有:
1、小程序右上角自带的分享功能(...)。在当前页面调用wx.hideShareMenu()方法,那么右上角的分享功能将被隐藏,隐藏方法与现实方法是承兑出现的,调用wx.showShareMenu()方法,可以显示该功能。
2、自定义分享按钮: