主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
文章背景:
在开发小程序的过程中,有时候我们需要设计一个“好友付费”的功能。该功能的目的是引导微信用户通过点击按钮将该页面转发给微信好友或微信群,让对方帮你付款。
(学习视频分享:编程视频)
知识解释
首先,开发前的一个重要步骤是阅读小程序的官方文档——小程序转发功能的对应界面。
梳理并解释:
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的设置可以正常显示。
相关推荐:小程序开发教程
这几篇文章你可能也喜欢:
- 如何实现小程序发送服务通知(小程序如何主动向用户发送通知)
- 如何获取小程序的unionid(如何获取小程序的页面路径)
- 生成海报的示例小程序(Java后端)(微信小程序生成海报演示)
- 什么是小程序? 有哪些功能?(什么是小程序?有哪些功能?)
- 介绍如何用小程序生成参数二维码(二维码+小程序参数)
本文由主机参考刊发,转载请注明:小程序转发功能实现(微信小程序转发功能实现) https://zhujicankao.com/118439.html
评论前必须登录!
注册