封装微信分享到朋友/朋友圈js
在页面引入:
<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相关推荐
- 微信分享内容给朋友、朋友圈、QQ、QQ空间等
示例网页 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta ...
- 微信分享网络图片到朋友圈和收藏不显示图片的问题
如图, 分享到朋友圈的界面,不显示图片,但可以点开,甚至可以删除图片,甚至可以分享成功,再看朋友圈显示的分享成功的界面,如下 显示带橙色的感叹号,不展示图片,也无法删除. 代码: WXImageObj ...
- 微信分享好友,朋友圈
// 分享 function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ //"appid":window.s ...
- Ios 微信分享文章给朋友或朋友圈不显示title和图片
欢迎大家访问我的博客 blog.ayla1688.cool 原文链接:http://blog.ayla1688.cool/archives/111.html JSSDK使用步骤 步骤一:绑定域名 先登 ...
- 封装微信分享和扫一扫
直接上代码 // 微信API封装 (function (global, factory) {// 插入微信JSDKfunction init(callback) {var src = 'https:/ ...
- html中移动端遮罩层,移动端微信分享弹出遮罩层js效果_蓝戒的博客
css部分: .btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top: ...
- vue 分享微信传参_vue 中使用微信分享接口(简单实用)
前言 开发微信小程序时,基本上都要接入微信的SDK,而微信也提供了非常多的接口供我们去完成我们想要的功能.微信分享功能常常是我们在开发中常见的需求之一,本文将围绕微信分享接口使用展开,给自己以后碰到需 ...
- android 微信分享gif图,android后台动态创建图片并实现微信分享
今天就记录一下. 先说明一下,之前没有做过类似的东西,百度了一两天才知道,说来很惭愧.有点笨,只能这样说. 在我的脑里只明白,如果要动态创建图片: 一.就是new 嘛 二.就是LayoutInflat ...
- React Native微信分享
捣鼓了有一段时间了,终于搞完这个微信分享的接口接入模块.直接看效果: 第一步 首先你要有自己的打包签名完的项目,运行在你的手机设备上,因为后面需要用到应用签名.(具体怎么获得后面会讲解) 在自己的项目 ...
最新文章
- Linux20180416四周第一次课(4月11日)
- CentOS最小化系统,怎么安装图形界面
- 远程桌面mstsc /console(/admin) 的运用
- [html] 说说html5手势检测原理是什么?
- js中实现页面跳转(返回前一页、后一页)
- mysql 索引 简书_MySQL 索引
- ACM training贪心算法——坐椅子的背包问题
- cw2vec:蚂蚁金服公开最新基于笔画的中文词向量算法
- Codeforces Round #202 (Div. 1): D. Turtles(Lindström–Gessel–Viennot lemma定理+DP)
- 《逆袭进大厂》第二弹之C++进阶篇59问59答(超硬核干货)
- 【渝粤教育】国家开放大学2018年秋季 0538-21T社区护理 参考试题
- Activity singleTop启动模式
- 巧妙实现表格奇偶行换色
- mysql5.7从锁表吗_5分钟了解MySQL5.7的Online DDL雷区
- Vue中computed(计算属性)、methods、watch的区别
- Mavlink心跳/连接协议
- redis主从、哨兵、集群
- 企业在项目中采用工时管理系统的好处
- 证券从业考试如何备考1116
- 如何去掉PDF文档中的水印?