js微信分享实现代码


Posted in Javascript onOctober 11, 2020

本文实例为大家分享了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://m.981china.com/images/yuyuandanlogo.png", // 分享图标
   type: '', //
   dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
   success: function () {
    // 用户确认分享后执行的回调函数
   },
   cancel: function () {
    // 用户取消分享后执行的回调函数
   }
  });

  wx.onMenuShareTimeline({
   title: "御元丹—送父母及最需要感恩的人!", // 分享标题
   desc: "走出红墙的臻品 邓小平、杨尚昆、叶剑英等党和军队领导人长期服用!", // 分享描述
   link: url, // 分享链接
   imgUrl: "http://m.981china.com/images/yuyuandanlogo.png", // 分享图标
   type: '', //
   dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
   success: function () {
    // 用户确认分享后执行的回调函数
   },
   cancel: function () {
    // 用户取消分享后执行的回调函数
   }


  });


 });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
XMLHttpRequest处理xml格式的返回数据(示例代码)
Nov 21 Javascript
jQuery修改CSS伪元素属性的方法
Jul 30 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
Feb 25 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
基于vue中keep-alive缓存问题的解决方法
Sep 21 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
简单了解JavaScript弹窗实现代码
May 07 Javascript
Vue.js实现实例搜索应用功能详细代码
Aug 24 #Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 #Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 #Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 #jQuery
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 #Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 #Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 #Javascript
You might like
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
php抽象方法和抽象类实例分析
2016/12/07 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
js 编程笔记 无名函数
2011/06/28 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
Python实现一个简单的MySQL类
2015/01/07 Python
Python线程指南详细介绍
2017/01/05 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
Python实现多线程的两种方式分析
2018/08/29 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
用python写爬虫简单吗
2020/07/28 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
深入探究HTML5的History API
2015/07/09 HTML / CSS
农药学硕士毕业生自荐信
2013/09/25 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
公司活动总结怎么写
2014/06/25 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
个人党性锻炼总结
2015/03/05 职场文书
初级职称评定工作总结
2015/08/13 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
spring boot中nativeQuery的用法
2021/07/26 Java/Android
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers