博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序之转发功能(附效果图和源码)
阅读量:4574 次
发布时间:2019-06-08

本文共 939 字,大约阅读时间需要 3 分钟。

小程序分享或转发有两种方式,一种是通过在页面中自定义按钮的形式,另外一种只需要在js中定义 onShareAppMessage 函数,页面右上角就会出现转发的按钮。详细文档请参阅微信官方文档。目前小程序好像暂不支持转发到微信朋友圈。

效果图:

sharePage.pngsharePage2.pngshareFriends.png

step1:在需要转发功能的wxml中定义一个button按钮,按钮的属性中加上open-type="share"。

示例代码:

奔驰A230
梅赛德斯-奔驰旨在为消费者服务
step2:在js中加上onShareAppMessage函数

示例代码:

/*** 用户点击右上角分享(index.js)*/ onShareAppMessage: function (ops) {   if (ops.from === 'button') {     // 来自页面内转发按钮     console.log(ops.target)   }   return {     title: 'xx小程序',     path: 'pages/index/index',     success: function (res) {       // 转发成功       console.log("转发成功:" + JSON.stringify(res));     },     fail: function (res) {       // 转发失败       console.log("转发失败:" + JSON.stringify(res));     }   } }

官方说明:

share.png

github地址: 欢迎start

转载于:https://www.cnblogs.com/YYW303/p/9406030.html

你可能感兴趣的文章
ASP.NET MVC的帮助类HtmlHelper和UrlHelper
查看>>
02_ListActive中响应事件 并LogCat输出
查看>>
doubleclick adx note
查看>>
Celery框架
查看>>
[c#]asp.net开发微信公众平台(4)关注事件、用户记录、回复文本消息
查看>>
[转载,感觉写的非常详细]DUBBO配置方式详解
查看>>
Android在Eclipse上的环境配置
查看>>
面向对象(五)
查看>>
android平台下使用点九PNG技术
查看>>
Python学习3,列表
查看>>
最长回文子串
查看>>
JAVA基础-JDBC(一)
查看>>
js中for和while运行速度比较
查看>>
算法第5章作业
查看>>
7.9 练习
查看>>
基于ArcGIS JS API的在线专题地图实现
查看>>
learnByWork
查看>>
lua 函数
查看>>
Git的基本命令
查看>>
四平方和
查看>>