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


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 相关文章推荐
Jquery下判断Id是否存在的代码
Jan 06 Javascript
另一个javascript小测验(代码集合)
Jul 27 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
jquery获取radio值实例
Oct 16 Javascript
jQuery实现键盘回车搜索功能
Jul 25 jQuery
Angularjs 事件指令详细整理
Jul 27 Javascript
vue中的event bus非父子组件通信解析
Oct 27 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
js回溯法计算最佳旅行线路代码实例
Sep 11 Javascript
js实现图片上传到服务器和回显
Jan 19 Javascript
js获取图片的base64编码并压缩
Dec 05 Javascript
JavaScript实现优先级队列
Dec 06 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中PDO解决中文乱码问题的一些补充
2010/09/06 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
Prototype ObjectRange对象学习
2009/07/19 Javascript
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
javascript定义函数的方法
2010/12/06 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
微信小程序form表单组件示例代码
2018/07/15 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
对Python新手编程过程中如何规避一些常见问题的建议
2015/04/01 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
干部考核评语
2014/04/29 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
Python中使用subprocess库创建附加进程
2021/05/11 Python
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android