在页面引入:

<script src="/static/lib/jquery-2.2.2.min.js"></script><script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="/static/src/wx_share/index.js?1"></script><script>  wxShare.title='流量圈社群-你想要的合作资源在这里';  wxShare.desc='项目找流量,流量找变现,资源找互换,就到流量圈社群!';  wxShare.imgUrl='http://imgpro.lamahui.com/static/images/2017/08/15/b4485e74178d6d05d9e29ccdcd2f82712807.jpg';  wxShare.ok();</script>

index.js

$.get('/wxShare', { url: location.href.split('#')[0] } ,function(res) {wx.config({debug: false,appId: res.data.package.appId,timestamp: res.data.package.timestamp,nonceStr: res.data.package.nonceStr,signature: res.data.package.signature,jsApiList: ["onMenuShareAppMessage","onMenuShareTimeline","chooseImage","uploadImage","downloadImage"]});
}).fail(function() { console.log('微信分享获取后台参数ajax失败!'); });var wxShare = {ok: function() {var self = this;self.title = self.title;self.desc = self.desc;self.link = self.link || location.href;self.imgUrl = self.imgUrl;wx.ready(function() {wx.onMenuShareAppMessage({title: self.title,desc: self.desc,link: self.link,imgUrl: self.imgUrl,success: function() {if (typeof self.successCallback === 'function') {self.successCallback();}},cancel: function() {if (typeof self.cancelCallback === 'function') {self.cancelCallback();}}});wx.onMenuShareTimeline({title: self.title2 || self.title,desc: self.desc2 || self.desc,link: self.link2 || self.link,imgUrl: self.imgUrl2 || self.imgUrl,success: function() {if (typeof self.successCallback2 === 'function') {self.successCallback2();} else if (typeof self.successCallback === 'function') {self.successCallback();}},cancel: function() {if (typeof self.cancelCallback2 === 'function') {self.cancelCallback2();} else if (typeof self.cancelCallback === 'function') {self.cancelCallback();}}});});}
}

转载:http://blog.csdn.net/gengxuelei/article/details/52315762

 

转载于:https://www.cnblogs.com/zouzhe0/p/7410476.html

封装微信分享到朋友/朋友圈js相关推荐

  1. 微信分享内容给朋友、朋友圈、QQ、QQ空间等

    示例网页 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta ...

  2. 微信分享网络图片到朋友圈和收藏不显示图片的问题

    如图, 分享到朋友圈的界面,不显示图片,但可以点开,甚至可以删除图片,甚至可以分享成功,再看朋友圈显示的分享成功的界面,如下 显示带橙色的感叹号,不展示图片,也无法删除. 代码: WXImageObj ...

  3. 微信分享好友,朋友圈

    // 分享 function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ //"appid":window.s ...

  4. Ios 微信分享文章给朋友或朋友圈不显示title和图片

    欢迎大家访问我的博客 blog.ayla1688.cool 原文链接:http://blog.ayla1688.cool/archives/111.html JSSDK使用步骤 步骤一:绑定域名 先登 ...

  5. 封装微信分享和扫一扫

    直接上代码 // 微信API封装 (function (global, factory) {// 插入微信JSDKfunction init(callback) {var src = 'https:/ ...

  6. html中移动端遮罩层,移动端微信分享弹出遮罩层js效果_蓝戒的博客

    css部分: .btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top: ...

  7. vue 分享微信传参_vue 中使用微信分享接口(简单实用)

    前言 开发微信小程序时,基本上都要接入微信的SDK,而微信也提供了非常多的接口供我们去完成我们想要的功能.微信分享功能常常是我们在开发中常见的需求之一,本文将围绕微信分享接口使用展开,给自己以后碰到需 ...

  8. android 微信分享gif图,android后台动态创建图片并实现微信分享

    今天就记录一下. 先说明一下,之前没有做过类似的东西,百度了一两天才知道,说来很惭愧.有点笨,只能这样说. 在我的脑里只明白,如果要动态创建图片: 一.就是new 嘛 二.就是LayoutInflat ...

  9. React Native微信分享

    捣鼓了有一段时间了,终于搞完这个微信分享的接口接入模块.直接看效果: 第一步 首先你要有自己的打包签名完的项目,运行在你的手机设备上,因为后面需要用到应用签名.(具体怎么获得后面会讲解) 在自己的项目 ...

最新文章

  1. Linux20180416四周第一次课(4月11日)
  2. CentOS最小化系统,怎么安装图形界面
  3. 远程桌面mstsc /console(/admin) 的运用
  4. [html] 说说html5手势检测原理是什么?
  5. js中实现页面跳转(返回前一页、后一页)
  6. mysql 索引 简书_MySQL 索引
  7. ACM training贪心算法——坐椅子的背包问题
  8. cw2vec:蚂蚁金服公开最新基于笔画的中文词向量算法
  9. Codeforces Round #202 (Div. 1): D. Turtles(Lindström–Gessel–Viennot lemma定理+DP)
  10. 《逆袭进大厂》第二弹之C++进阶篇59问59答(超硬核干货)
  11. 【渝粤教育】国家开放大学2018年秋季 0538-21T社区护理 参考试题
  12. Activity singleTop启动模式
  13. 巧妙实现表格奇偶行换色
  14. mysql5.7从锁表吗_5分钟了解MySQL5.7的Online DDL雷区
  15. Vue中computed(计算属性)、methods、watch的区别
  16. Mavlink心跳/连接协议
  17. redis主从、哨兵、集群
  18. 企业在项目中采用工时管理系统的好处
  19. 证券从业考试如何备考1116
  20. 如何去掉PDF文档中的水印?

热门文章

  1. 零基础如何考过二级建造师?
  2. 红薯叶有什么营养价值?
  3. 这枚纸币为什么这么贵?
  4. 月薪10000在中国是什么水平?
  5. 北方方言的拼音及解释
  6. 学习短视频制作能做什么工作啊
  7. 如果你不够优秀,人脉是不值钱的
  8. 为什么你的店铺不赚钱?
  9. 我在30岁之前做了三件骄傲的事
  10. At present, Huawei has two more important