js微信分享实现代码_网络技术_宿州市腾雀网络科技有限公司

js微信分享实现代码

发布时间 - 2026-01-11 02:56:48 点击率：次

本文实例为大家分享了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

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：如何在Golang中实现并发累加器_多协程安全计算总和

下一篇：linux有没有回收站吗

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：如何在Golang中实现并发累加器_多协程安全计算总和

下一篇：linux有没有回收站吗