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


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 改变CSS样式基础代码
Feb 11 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
JavaScript & jQuery完美判断图片是否加载完毕
Jan 08 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
js实现继承的方法及优缺点总结
May 08 Javascript
vue+element实现打印页面功能
May 20 Javascript
JavaScript创建、读取和删除cookie
Sep 03 Javascript
vue data恢复初始化数据的实现方法
Oct 31 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实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
JavaScript传递变量: 值传递?引用传递?
2011/02/22 Javascript
点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
用Jquery选择器计算table中的某一列某一行的合计
2014/08/13 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
js实现双色球效果
2020/08/02 Javascript
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Django实现自定义404,500页面教程
2017/03/26 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
小学新学期寄语
2014/04/02 职场文书
自主招生推荐信范文
2014/05/10 职场文书
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
校友会致辞
2015/07/30 职场文书
25张裸眼3D图片,带你重温童年的记忆,感受3D的魅力
2022/02/06 杂记
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers