程序转发功能的具体实现方式

GS 432 2024-07-03

小程序转发功能的实现

文章背景:

在开发小程序的过程中,有时我们需要设计一个 “好友代付” 的功能。该功能的目的就是通过点击按钮,来引导微信用户转发此页面到微信好友或微信群中,让对方来帮你付款。

知识讲解

首先,开发前的重要一步就是,阅读小程序官方文档 —— 小程序转发功能对应接口

图片.png

梳理讲解:

1.要拥有转发功能,必须要在当前页面的"js"代码中,定义"onShareAppMessage()"函数

2.要知道转发功能的使用有两种方式

    #其一是自定义按钮进行点击触发,

    #其二就是点击右上角菜单的那个“转发”按钮

3.转发操作完成后,要进行回调函数的处理 #一般Toast提示语句即可

完整接口代码解释:

图片.png

代码实现操作

一. 此处,实际展示一下不同转发方式所打印的 options 参数信息

首先,在 wxml 页面中,设计一个 open-type="share"的按钮

图片.png

那么不同的转发发起方式,打印出的options 参数信息如下:

图片.png

建议:

 1. 建议不需要进行转发操作的页面   #(比如:个人中心,地址管理,订单列表等)

    就不要定义"onShareAppMessage()"参数,以减少不必要的用户操作和后续状况处理

 2. 个人推荐使用 "Button" 引导的转发方式,如果同一个页面有多个引导按钮,可以根据其 "target"中的"id" 进行区分

二、实际开发效果展示

通过前面的核心代码,我实现的效果如下:

图片.png

提示:

个人发现

    在微信官方提供的开发者工具中进行测试时,可以看到自己转发唤醒时拥有设置的描述语句(desc),

    但是,我在真机"iphone7"手机上测试时,并不会有所显示,可从图片中看到 #(默认截取了我的一部分页面)

    title 和 imageUrl 的设置是可以正常显示的

以上就是小程序转发功能的具体实现方式的详细内容!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:在小程序里完成微信支付的有效实现方法探索
下一篇:小程序生成二维码的具体操作方法及流程详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~