微信小程序分享

微信小程序分享,第1张

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

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

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

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

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

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

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

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

2、引用实现分享

在微信小程序“吃蛇大作战”中,可以通过将你的分享链接发送给好友,或者在朋友圈即时分享来分享商品。具体 *** 作流程如下:1. 登录你的小程序,找到你想要分享的商品;2. 点击右上角的“分享”按钮;3. 选择你想要分享的内容,比如微信好友或者朋友圈;4. 输入想要添加的文字或表情;5. 点击发送,即可分享商品。

微信小程序分享功能的实现方法有两种:

第一种

在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查看传递过来的参数:


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存