微信小程序分享

微信小程序分享,第1张

程序分享的具体内容可参照 官方文档 ,现在官方的说法为转发。

以下内容只针对转发给朋友这一功能

1、页面右上角三个...拉起分享

2、按钮主动触发( 必须为button)

小程序分享的实现是通过在page中配置onShareAppMessage实现

注意:官方的使用指引中明确了按需出现,所以在app.js全局配置实现所有页面增加分享功能是行不通的。需要每一页单独配置onShareAppMessage。

1、在app.js中写一个公共的shareAppMessage方法。

为了方便各个页面引用,把shareAppMessage方法放在了globalData中,或者写一个js文件,通过在页面中引用文件的方式获取shareAppMessage方法。

2、引用实现分享

就在7月初,我看到了微信小程序的官网有了分享至微信朋友圈的功能上线beta板,目前只能在android手机显示分享至朋友圈的按钮,iphone手机暂时不支持,但是android手机分享出来的,iphone手机是可以查看的,不多说,先看一下最终的真机上的展示效果(android和iphone手机)

可将小程序页面分享到朋友圈。适用于内容型页面的分享,不适用于有较多交互的页面分享。

小程序页面默认不可被分享到朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:

满足上述两个条件的页面,可被分享到朋友圈。

用户在朋友圈打开分享的小程序页面,并不会真正打开小程序,而是进入一个“小程序单页模式”的页面,“单页模式”有以下特点:

可通过判断 场景值 等于 1154 的方法来进行页面适配。另外,在单页模式下,可设置顶部导航栏与页面的相交状态,具体参考 navigationBarFit 配置。

还需留意的是,在单页模式下, wx.getSystemInfo 接口返回的 safeArea 为整个屏幕空间。

小程序“单页模式”适用于纯内容展示场景,可实现的交互与接口能力有限,因此存在如下限制:

对于一些会产生交互的组件或接口,在点击后调用时,会d toast 提示“请前往小程序使用完整服务”。为达到良好的用户体验,请注意适配单页模式的接口能力,请勿大量使用被禁用的接口或组件。

需要了解更多,可以具体看看官方:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

1、目前只支持android手机,但iphone手机可以查看

2、有部分的android手机也显示不了“分享至朋友圈”的按钮(因为目前知识beta版)

3、不久之后肯定会发布正式版本,到时候iphone和android手机都可以实现,现在小伙伴可以尝鲜一波。

4、还有一点值得注意的是:不得存在滥用分享违规行为。如强制用户分享行为;分享立即获得利益的诱导行为;以及通过明示或暗示的样式来达到诱导分享目的的行为等。这也是小程序一开始没推出这个功能的一大原因。

在微信里碰到一个有用好玩小程序自然要转发分享给好友啦,那么我就来给演示一下转发分享小程序的具体步骤:

1、打开微信以后,点开右上角的搜索标志。

2、在搜索框输入“小程序”,下方就能看到搜索结果,点击下方的“小程序”。

3、在小程序里找到你要分享的那个,例如“抽奖助手”。

4、点开小程序以后,右上方能看到三个点,点开它。

5、在下方d出的选择里,选择“转发给朋友”。

6、选择你要转发给的人。

7、最后点击“发送”即可。

微信里的小程序都可以用这个方式转发给别人。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11122931.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存