js微信分享实现代码

本文实例为大家分享了js微信分享实现代码，供大家参考，具体内容如下

微信分享代码，先引入：

<script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>

获取签名：

mui.ajax('/apijson/wxsign', {
 type: 'get',
 data: {
  url: location.href,
 },
 success: function (data) {
  //alert(JSON.stringify(data));
  wx.config({
   debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   appId: data.appid, // 必填，公众号的唯一标识
   timestamp: data.timestamp, // 必填，生成签名的时间戳
   nonceStr: data.nonceStr, // 必填，生成签名的随机串
   signature: data.signature,// 必填，签名
   jsApiList: [
   'onMenuShareTimeline',
   'onMenuShareAppMessage',
   'startRecord',
   'stopRecord',
   'onVoiceRecordEnd',
   'playVoice',
   'pauseVoice',
   'stopVoice',
   'onVoicePlayEnd',
   'uploadVoice',
   'downloadVoice',
   'chooseImage',
   'previewImage',
   'uploadImage',
   'downloadImage'
   ] // 必填，需要使用的JS接口列表
  });
 }
})

分享代码：

 wx.ready(function () {
  var url = window.location.href;
  // 在这里调用 API
  wx.onMenuShareAppMessage({
   title: "送父母及最需要感恩的人！", // 分享标题
   desc: "给父母", // 分享描述
   link: url, // 分享链接
   imgUrl: "http:///images/yuyuandanlogo.png", // 分享图标
   type: '', //
   dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   success: function () {
    // 用户确认分享后执行的回调函数
   },
   cancel: function () {
    // 用户取消分享后执行的回调函数
   }
  });

  wx.onMenuShareTimeline({
   title: "送父母及最需要感恩的人！", // 分享标题
   desc: "给父母", // 分享描述
   link: url, // 分享链接
   imgUrl: "http:///images/yuyuandanlogo.png", // 分享图标
   type: '', //
   dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   success: function () {
    // 用户确认分享后执行的回调函数
   },
   cancel: function () {
    // 用户取消分享后执行的回调函数
   }


  });


 });

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# js # 微信分享 # js实现微信分享代码 # js实现通用的微信分享组件示例 # VueJs单页应用实现微信网页授权及微信分享功能示例 # javascript实现修改微信分享的标题内容等 # JS中静态页面实现微信分享功能 # Javascript 实现微信分享（QQ、朋友圈、分享给朋友） # javascript实现微信分享 # 浅谈微信JS-SDK 微信分享接口开发（介绍版） # js微信分享API # 手机浏览器唤起微信分享(JS) # 必填 # 回调 # 的人 # 为空 # 则要 # 在这里 # 会在 # 大家分享 # 时才 # 若要 # 具体内容 # 大家多多 # 返回值 # 客户端 # location # url # href # success # data # ajax

返回目录在线咨询

上一篇：php 实现收藏功能的示例代码
下一篇：如何制定长期的网络推广计划_SEO优化教程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

js微信分享实现代码

您的项目需求