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 相关文章推荐
ExtJS实现文件下载的方法实例
Nov 09 Javascript
js+css实现导航效果实例
Feb 10 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 Javascript
JavaScript实现美化滑块效果
May 17 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 移除数组重复元素的一点说明
2008/11/27 PHP
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
PHP简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
让元素在网页中可拖动示例代码
2013/08/13 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
append和appendTo的区别以及appendChild用法
2013/12/24 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
jQuery弹出窗口简单实现代码
2017/03/09 Javascript
详解vue组件开发脚手架
2018/06/15 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
2020/08/15 Javascript
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
详解Python3中yield生成器的用法
2015/08/20 Python
python找出完数的方法
2018/11/12 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
一文带你了解Python 四种常见基础爬虫方法介绍
2020/12/04 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
美国诺德斯特龙百货官网:Nordstrom
2016/08/23 全球购物
薇姿法国官网:Vichy法国
2021/01/28 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
几个常见的消息中间件(MOM)
2014/01/08 面试题
大学生自我鉴定范文模板
2014/01/21 职场文书
竞聘演讲稿
2014/04/24 职场文书
团日活动总结书
2014/05/08 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
创业计划书之美甲店
2019/09/20 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python
一篇文章带你复习java知识点
2021/06/28 Java/Android
js前端设计模式优化50%表单校验代码示例
2022/06/21 Javascript