• 概述

  在上一篇文章微信JS初始化-- 微信JS系列文章(一)中已经介绍了微信JS初始化的相关工作,接下来本文继续就微信JS的分享功能进行描述,供大家参考。

  • 代码
  1. $(document).ready(function(){
  2. wx.config({
  3. debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  4. appId: webParams.appId, // 必填,公众号的唯一标识
  5. timestamp: webParams.timestamp, // 必填,生成签名的时间戳
  6. nonceStr: webParams.nonceStr, // 必填,生成签名的随机串
  7. signature: webParams.signature,// 必填,签名,见附录1
  8. jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  9. });
  10.  
  11. wx.ready(function(){
  12. //微信分享到朋友圈
  13. wx.onMenuShareTimeline({
  14. title: webParams.title, // 分享标题
  15. desc: webParams.desc, // 分享描述
  16. link: webParams.shareUrl, // 分享链接
  17. imgUrl: webParams.imgUrl, // 分享图标
  18. success: function () {
  19. // 用户确认分享后执行的回调函数
  20. $('#guide').hide();
  21. },
  22. cancel: function () {
  23. // 用户取消分享后执行的回调函数
  24. $('#guide').hide();
  25. }
  26. });
  27.  
  28. //微信分享好友
  29. wx.onMenuShareAppMessage({
  30. title: webParams.title, // 分享标题
  31. desc: webParams.desc, // 分享描述
  32. link: webParams.shareUrl, // 分享链接
  33. imgUrl: webParams.imgUrl, // 分享图标
  34. type: "link", // 分享类型,music、video或link,不填默认为link
  35. dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空
  36. success: function () {
  37. // 用户确认分享后执行的回调函数
  38. $('#guide').hide();
  39. },
  40. cancel: function () {
  41. // 用户取消分享后执行的回调函数
  42. $('#guide').hide();
  43. }
  44. });
  45.  
  46. //分享到QQ空间
  47. wx.onMenuShareQZone({
  48. title: webParams.title, // 分享标题
  49. desc: webParams.desc, // 分享描述
  50. link: webParams.shareUrl, // 分享链接
  51. imgUrl: webParams.imgUrl, // 分享图标
  52. success: function () {
  53. // 用户确认分享后执行的回调函数
  54. $('#guide').hide();
  55. },
  56. cancel: function () {
  57. // 用户取消分享后执行的回调函数
  58. $('#guide').hide();
  59. }
  60. });
  61.  
  62. //分享到QQ
  63. wx.onMenuShareQQ({
  64. title: webParams.title, // 分享标题
  65. desc: webParams.desc, // 分享描述
  66. link: webParams.shareUrl, // 分享链接
  67. imgUrl: webParams.imgUrl, // 分享图标
  68. success: function () {
  69. // 用户确认分享后执行的回调函数
  70. $('#guide').hide();
  71. },
  72. cancel: function () {
  73. // 用户取消分享后执行的回调函数
  74. $('#guide').hide();
  75. }
  76. });
  77.  
  78. //分享到腾讯微博
  79. wx.onMenuShareWeibo({
  80. title: webParams.title, // 分享标题
  81. desc: webParams.desc, // 分享描述
  82. link: webParams.shareUrl, // 分享链接
  83. imgUrl: webParams.imgUrl, // 分享图标
  84. success: function () {
  85. // 用户确认分享后执行的回调函数
  86. $('#guide').hide();
  87. },
  88. cancel: function () {
  89. // 用户取消分享后执行的回调函数
  90. $('#guide').hide();
  91. }
  92. });
  93. });
  94. });

欢迎转载,转载必须标明出处

微信JS分享功能--微信JS系列文章(二)的更多相关文章

  1. js分享功能(微信,QQ,微博,空间,豆瓣等)

    日常编程中,我们可能会碰到项目中的分享功能,各大平台都有分享接口和文档说明,当然也有一些一键分享插件,例如:sosh,iShare.js等等 但有些同学不想引用插件,那么我整理了一些常用的分享至平台功 ...

  2. 微信jssdk分享功能,jssdk成功调用,分享内容自定义失败

    前提:调用微信jssdk分享功能,通过微信开发者工具调试,调用正常,无任何报错信息. 问题:调用成功,且开发者工具正常显示,但是通过真机调试,分享出去后,自定义内容失效,为微信自动获取的默认内容!截止 ...

  3. 微信JS-SDK分享功能的.Net实现代码

    JS-SDK接口是什么? 为了方便开发者实现微信内的网页(基于微信浏览器访问的网页)功能,比如拍照.选图.语音.位置等手机系统的能力,并方便开发者直接使用微信分享.扫一扫等微信特有的能力,微信推出了J ...

  4. ThinkPHP5集成JS-SDK实现微信自定义分享功能

    最近开发一个项目,需要将链接分享给好友时能够自定义标题.简介和logo,现将ThinkPHP5集成JS-SDK实现微信自定义分享功能的过程整理成文. 一.准备工作 1.认证的公众号 不管是订阅号还是服 ...

  5. 微信技术分享:微信的海量IM聊天消息序列号生成实践(算法原理篇)

    1.点评 对于IM系统来说,如何做到IM聊天消息离线差异拉取(差异拉取是为了节省流量).消息多端同步.消息顺序保证等,是典型的IM技术难点. 就像即时通讯网整理的以下IM开发干货系列一样: <I ...

  6. vue-小爱ADMIN系列文章(二):微信微博等分享,国际化,前端性能优化,nginx服务器部署

    最近在做我的小爱ADMIN后台管理系统,结合当前市场后台管理系统对相关功能的需求,我又开始新增了一些新的功能和组件,如分享功能组件,项目国际化功能:项目完成后,部署在nginx服务器,发现首次访问的速 ...

  7. 微信网页JS分享,微信二次分享无缩略图问题

    很多时候我们要在微信中分享h5网页,这个时候就得用微信的分享接口来自定义分享的地址.标题.描述.缩略图了. 分享到微信的时候遇到一个问题,就是第一次分享到微信里,是正确的,但是在微信打开分享的链接,再 ...

  8. 微信jssdk分享功能开发

    先理解下分享: 在app端 ,经常能看见 分享按钮的功能,(分享给朋友,分享到朋友圈,分享到QQ空间等等): https://open.weixin.qq.com/(微信开发平台),这需要到开放平台注 ...

  9. 微信JSSDK分享功能详解

    本文以微信分享到朋友圈,分享给微信好友为例为参考,进行调用测试,想添加其他的功能,自行查看开发人员文档即可 工欲善其事,必先利其器,好好利用下边的帮助工具,都是腾讯给开发人员的工具 1.微信开发者说明 ...

随机推荐

  1. linux脚本错误: line *: [: missing `]'

    错误: line *: [: missing `]' 写脚本时,我碰到这个问题是因为if [ ]; ...else...fi语句 解决方法: if后面的[] (test) 和条件要有空格,如: 对于语 ...

  2. 2017年试试Web组件化框架Omi

    Open and modern framework for building user interfaces. Omi的Github地址https://github.com/AlloyTeam/omi ...

  3. 不要在Android的Application对象中缓存数据!

    前言   在你的App中的很多地方都需要使用到数据信息,它可能是一个session token,一次费时计算的结果等等,通常为了避免Activity之间传递数据的开销,会将这些数据通过持久化来存储. ...

  4. js小功能合集:计算指定时间距今多久、评论树核心代码、字符串替换和去除。

    1.计算指定时间距今多久 var date1=new Date('2017/02/08 17:00'); //开始时间 var date2=new Date(); //当前时间 var date3=d ...

  5. hashcode的一些了解

    1.hashcode的作用? hashcode代表对象的特征,在集合类中广泛的使用. 2.hashcode是如何生成的? 在普通的对象中,获得对象的内存的地址,经过一些算法,不同对象生成不同的hash ...

  6. FMDB的简单用法

    使用cocoaPods将FMDB下载到工程 第一步:引入框架,引入支持类库(libsqlite3.0.tbd) #import <FMDB.h> 声明属性 @interface ViewC ...

  7. Ubuntu纯字符界面的一些设置

    由于Ubuntu的纯字符界面不支持中文显示,所以进行了一些配置,为了更好的显示 1. 把环境语言配置为英文 在用户目录下的".bashrc"文件的结尾处添加以下内容,然后重新登录 ...

  8. Javascript 闭包与高阶函数 ( 一 )

    上个月,淡丶无欲 让我写一期关于 闭包 的随笔,其实惭愧,我对闭包也是略知一二 ,不能给出一个很好的解释,担心自己讲不出个所以然来. 所以带着学习的目的来写一写,如有错误,忘不吝赐教 . 为什么要有闭 ...

  9. JS事件流理解

    事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字. 事件是javaScript和DOM之间的桥梁. 你若触发,我便执行--事件发生,调用它的处理函数执行相 ...

  10. Smarty3配置及入门语法

    一.Smarty3配置 下载Smarty文件 在Smarty的官方网站下载Smarty文件,解压下载到的Smarty文件,Smarty的库文件就在libs文件夹中. 我使用的PHP调试环境的程序集成包 ...