▽ 背景

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

▼ 知识讲解

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

②. 梳理讲解：

1.要拥有转发功能，必须要在当前页面的"js"代码中，定义"onShareAppMessage()"函数
2.要知道转发功能的使用有两种方式#其一是自定义按钮进行点击触发，#其二就是点击右上角菜单的那个“转发”按钮
3.转发操作完成后，要进行回调函数的处理 #一般Toast提示语句即可

③. 完整接口代码解释：

  /*** 进行页面分享*/onShareAppMessage: function (options) {if (options.from === 'button') {// 来自页面内转发按钮console.log(options.target)}return {//## 此为转发页面所显示的标题//title: '好友代付', //## 此为转发页面的描述性文字desc: '江湖救急，还请贵人伸手相助啊!', //## 此为转发给微信好友或微信群后，对方点击后进入的页面链接，可以根据自己的需求添加参数path: 'pages/subpayment/firpayment/index?sn=' + this.data.sn, //## 转发操作成功后的回调函数，用于对发起者的提示语句或其他逻辑处理success: function(res) {//这是我自定义的函数，可替换自己的操作util.showToast(1, '发送成功');},//## 转发操作失败/取消 后的回调处理，一般是个提示语句即可fail: function() {util.showToast(0, '朋友代付转发失败...');}}},

◆ 代码实现操作

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

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

<button type="warn" open-type="share" data-tag="share1" id="btn_share1">发送微信给好友</button>

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

建议：1. 建议不需要进行转发操作的页面   #（比如：个人中心，地址管理，订单列表等）就不要定义"onShareAppMessage()"参数，以减少不必要的用户操作和后续状况处理2. 个人推荐使用 "Button" 引导的转发方式，如果同一个页面有多个引导按钮，可以根据其 "target"中的"id" 进行区分

二、实际开发效果展示

通过前面的核心代码，我实现的效果如下：
提示：

个人发现在微信官方提供的开发者工具中进行测试时，可以看到自己转发唤醒时拥有设置的描述语句(desc)，但是，我在真机"iphone7"手机上测试时，并不会有所显示，可从图片中看到 #(默认截取了我的一部分页面)title 和 imageUrl 的设置是可以正常显示的

推荐文章：微信小程序转发功能

微信小程序转发功能实例讲解相关推荐

微信小程序更新功能详细讲解
我在之前的文章中详细讲解了:今天和大家来详细聊一聊微信小程序一些新功能. 微信小程序操作教程(个人用户注册)和微信小程序操作教程(企业用户注册) 一.小程序短信功能介绍短信广告作为全新的媒体传播形 ...
微信小程序php后台支付,微信小程序支付功能实现PHP实例详解
微信小程序支付功能实现PHP实例详解前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee' ...
微信小程序支付功能用服务器吗,微信小程序支付功能服务器端（TP5.1）实现...
首先下载微信支付SDK ,将整个目录的文件放在 /application/extend/WxPay 目录下在使用SDK之前我们需要对 WxPay.Config.php 进行配置 namespace ...
二当家的官网微信小程序源码实例解析
版权声明:转载请注明原创地址 https://blog.csdn.net/u013032788/article/details/54376774 二当家的官网微信小程序源码实例解析,微信小程序开发教程 ...
vc++6.0获取磁盘基本信息_微信小程序——常用功能2：微信小程序用户登录，申请用户授权并获取用户基本信息...
微信小程序--常用功能2:申请用户授权并获取用户基本信息为了更好的用户体验,很多时候我们想要获取用户的基本信息,从而实现将信息呈现到用户界面.给用户划分地域.给用户分类等功能. 但是要想获取用户信息 ...
微信小程序制作课程表_微信小程序实现课程表实例
前言感谢! 承蒙关照~微信小程序实现课程表实例效果图: 小程序代码如下 wxml: {{bj}} {{name}} 8:00 语文语文数学数学语文 9:00 语文语文数学数学语文 ...
微信小程序转发自定义图片
近日帮朋友做个微信小程序,不得不说小程序真的很便捷今日做到关于转发分享部分,一不小心给自己挖了坑需求:自定义一个按钮来实现转发功能,想使转发界面换成我自定义的图片而不是缩略图,并且转发时需要传一些 ...
微信小程序开发初试实例结算小助手
微信小程序开发初试实例结算小助手小程序码创作背景小程序功能小程序实现小程序开发方案(想看源代码,直接看这一项) 本着自己参加过学校组织的微信小程序云开发培训,就抱着尝试的心理去参加今年的高校 ...
微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
视频教程-10分钟实现微信小程序支付功能-微信开发
10分钟实现微信小程序支付功能码农一枚,非著名全栈开发人员.分享自己的一些经验,学习心得,希望后来人少走弯路,少填坑. 多年全栈开发经验,擅长小程序,java,安卓,web前端开发. 邱石 ¥19. ...

微信小程序转发功能实例讲解

▽ 背景

▼ 知识讲解

◆ 代码实现操作

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

二、实际开发效果展示

微信小程序转发功能实例讲解相关推荐

最新文章

热门文章

微信小程序 转发功能实例讲解

▽ 背景

▼ 知识讲解

◆ 代码实现操作

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

二、实际开发效果展示

微信小程序 转发功能实例讲解相关推荐

最新文章

热门文章

微信小程序转发功能实例讲解

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

微信小程序转发功能实例讲解相关推荐