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


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 相关文章推荐
推荐:极酷右键菜单
Nov 29 Javascript
js变量以及其作用域详解
Jul 18 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
一秒学会微信小程序制作table表格
Feb 14 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 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中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
网络资源
2006/10/09 PHP
php 带逗号千位符数字的处理方法
2012/01/10 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
详解VUE 数组更新
2017/12/16 Javascript
cnpm加速Angular项目创建的方法
2018/09/07 Javascript
vue interceptor 使用教程实例详解
2018/09/13 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
MySQL适配器PyMySQL详解
2017/09/20 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
python3实现点餐系统
2019/01/24 Python
Python3简单爬虫抓取网页图片代码实例
2019/08/26 Python
Python collections模块使用方法详解
2019/08/28 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
PHP如何删除一个Cookie值
2012/11/15 面试题
顺丰快递Java软件工程师面试题
2015/07/31 面试题
简历里的自我评价
2014/01/31 职场文书
八年级美术教学反思
2014/02/02 职场文书
护理学应聘自荐书范文
2014/02/05 职场文书
倡议书格式范文
2014/04/14 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
高中开学感言
2015/08/01 职场文书
2019个人工作总结
2019/06/21 职场文书
如何在C++中调用Python
2021/05/21 Python