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


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插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
JS JSON对象转为字符串的简单实现方法
Nov 18 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
探究JavaScript函数式编程的乐趣
Dec 14 Javascript
js单页hash路由原理与应用实战详解
Aug 14 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
May 12 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
图文讲解用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用header函数实现301跳转代码实例
2013/11/25 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
匹配任意字符的正则表达式写法
2010/04/29 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
JQuery用户名校验的具体实现
2016/03/18 Javascript
Bootstrap基本样式学习笔记之表单(3)
2016/12/07 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
python实现比较类的两个instance(对象)是否相等的方法分析
2019/06/26 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
python打印异常信息的两种实现方式
2019/12/24 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
美国相机和电子产品零售商:Beach Camera
2020/11/26 全球购物
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
班主任工作年限证明
2014/01/12 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
教师远程培训心得体会
2016/01/09 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
javascript函数式编程基础
2021/09/15 Javascript
Nginx实现负载均衡的项目实践
2022/03/18 Servers