小程序转发功能实现（微信小程序转发功能实现）

文章背景:

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

(学习视频分享:编程视频)

知识解释

首先，开发前的一个重要步骤是阅读小程序的官方文档——小程序转发功能的对应界面。

梳理并解释:

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

2.有两种方法可以使用转发功能。

#一是自定义按钮点击触发。

#第二种是点击右上角菜单上的“前进”按钮。

3.转发操作完成后，回调函数应该处理# General Toast提示语句。

完整的接口代码解释:

/* * * Share pages */onshareappmessage:function(options){ if(options。from = = &；#39;按钮& amp#39;){//From转发按钮console . log(options . target)} Return {//#这是转发页面显示的标题//title:&；#39;由朋友支付&；#39;//# #这是描述性文字desc:&；#39;江湖有难，请帮帮忙！& amp#39;//# #这是对方转发到微信好友或微信群后点击的页面链接。可以根据自己的需要添加参数路径:&；#39;pages/subpayment/fir payment/index？sn = & amp#39;+this.data.sn，/# #转发操作成功后的回调函数，用于处理发起方的提示语句或其他逻辑。success: function(res) {//这是我的自定义函数，可以代替我自己的操作util.showToast(1，& amp # 39发送成功&；#39;);}，//# #转发操作失败/被取消后的回调处理通常是可以失败的提示语句:function () {util。showtoast (0，&；#39;好友转发失败...&;#39;);}}}，代码实现操作。

1.这里，实际显示了不同转发方式打印的选项参数信息。

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

& lt按钮类型= & quot警告& quotopen -type = & quot；分享& quotdata -tag = & quot；共享& quotid = & quotbtn _ share1 & quot& gt给朋友发微信

建议:

1.建议不需要转发的页面#(如个人中心、地址管理、订单列表等。).

不要定义参数“onShareAppMessage()”，以减少不必要的用户操作和后续的情况处理。

2.个人建议使用“按钮”引导的转发模式。如果同一个页面有多个引导按钮，可以根据其“目标”中的“id”来区分。

二、实际开发效果展示

通过前面的核心代码，我达到了以下效果:

提示:

个人发现

在微信官方提供的开发者工具中测试时，可以看到你在转发唤醒时已经设置好的描述语句(desc)。

但是我在真正的“iphone7”手机上测试的时候，并不会显示出来，但是你可以在图中看到#(默认截取了我的一部分页面)。

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

相关推荐:小程序开发教程

这几篇文章你可能也喜欢：

• 小程序开发的具体流程是什么（小程序开发入门教程）
• 小程序调用百度云接口实现人脸识别（人脸识别小程序百度云下载）
• 微信小程序开发需要掌握哪些技术（微信小程序开发需要哪些技能）？
• 如何将外部css引入小程序(如何将外部js引入微信小程序)
• 小程序开发的难点是什么（开发小程序难吗）

本文由主机参考刊发，转载请注明：小程序转发功能实现（微信小程序转发功能实现） https://zhujicankao.com/118439.html