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


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 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
JS模拟的Map类实现方法
Jun 17 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
Aug 16 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
微信小程序获取用户信息并保存登录状态详解
May 10 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 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中用正则表达式清除字符串的空白
2011/01/17 PHP
php设置允许大文件上传示例代码
2014/03/10 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
基于Bootstrap的网页设计实例
2017/03/01 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
JS中==、===你分清楚了吗
2020/03/04 Javascript
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
matplotlib 纵坐标轴显示数据值的实例
2018/05/25 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
django的分页器Paginator 从django中导入类
2019/07/25 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
python如何构建mock接口服务
2021/01/28 Python
Python爬取某平台短视频的方法
2021/02/08 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
护理毕业生自荐信范文
2013/12/22 职场文书
家长对孩子的感言
2014/03/10 职场文书
创先争优公开承诺书
2014/08/30 职场文书
给老婆道歉的话
2015/01/20 职场文书
朋友离别感言
2015/08/04 职场文书
教师听课学习心得体会
2016/01/15 职场文书