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


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 UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
对jQuary选择器的全面总结
Jun 20 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
Aug 19 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
关于jquery layui弹出层的使用方法
Apr 21 jQuery
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 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
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
js css自定义分页效果
2017/02/24 Javascript
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
基于Node的Axure文件在线预览的实现代码
2019/08/28 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
python提取字典key列表的方法
2015/07/11 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
几个数据库方面的面试题
2016/07/01 面试题
机械个人求职信范文
2014/01/24 职场文书
施工安全生产承诺书
2014/05/23 职场文书
高中学校对照检查材料
2014/08/31 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
索赔员岗位职责
2015/02/15 职场文书