微信小程序实现的自定义分享功能示例


Posted in Javascript onFebruary 12, 2019

本文实例讲述了微信小程序实现的自定义分享功能。分享给大家供大家参考,具体如下:

大家都知道,小程序有分享的功能,可以分享整个程序,也可以自定义分享的内容

onShareAppMessage

在 Page 中定义 onShareAppMessage 函数,设置该页面的分享信息。

  • 只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮
  • 用户点击分享按钮的时候会调用
  • 此事件需要 return 一个 Object,用于自定义分享内容

示例代码:

Page({
 onShareAppMessage: function () {
  return {
   title: '自定义分享标题',
   path: '/page/user?id=123'
  }
 }
})

官方文档:

https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html#onshareappmessage

但是这个id很多人不明白是什么id,之前我也不明白,后来发现这个id就是你要分享的这篇文章的id,但是一定要注意异步与同步的问题

下面是我的代码:

//分享
 onShareAppMessage: function () {
   var article_id = wx.getStorageSync('current_article_id');
   var path = '/pages/article/article?article_id=' + article_id +'';
   return {
     title: article_title,
     path: path
   }
 },

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
angular十大常见问题
Mar 07 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
Vue.js实现可编辑的表格
Dec 11 Javascript
JS实现小米轮播图
Sep 21 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
Feb 12 #Javascript
实例分析编写vue组件方法
Feb 12 #Javascript
详解vue引入子组件方法
Feb 12 #Javascript
vue组件之间数据传递的方法实例分析
Feb 12 #Javascript
vue添加class样式实例讲解
Feb 12 #Javascript
Vue中使用canvas方法总结
Feb 12 #Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 #Javascript
You might like
PHP新手上路(八)
2006/10/09 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
php使用sql server验证连接数据库的方法
2014/12/25 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
学习JS面向对象成果 借国庆发布个最新作品与大家交流
2009/10/03 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
2016/05/18 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
Vue.js暴露方法给WebView的使用操作
2020/09/07 Javascript
python递归查询菜单并转换成json实例
2017/03/27 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
Python django框架应用中实现获取访问者ip地址示例
2019/05/17 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
简单介绍django提供的加密算法
2019/12/18 Python
Python常用类型转换实现代码实例
2020/07/28 Python
建筑公司文秘岗位职责
2013/11/29 职场文书
大学军训感言1500字
2014/03/09 职场文书
2014年班主任自我评价范文
2014/04/23 职场文书
本科生求职信
2014/06/17 职场文书
2014年大学学生会工作总结
2014/12/02 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
班主任开场白
2015/06/01 职场文书
二十年同学聚会感言
2015/07/30 职场文书
《检阅》教学反思
2016/02/22 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript