在页面引入:

<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

 

封装微信分享到朋友/朋友圈js的更多相关文章

  1. ASP调用SDK微信分享好友、朋友圈

    ASP调用SDK微信分享好友.朋友圈需要用到sha1.asp,我先来上主代码,然后再附加sha1.asp,方便大家直接复制过去即可使用. 页面:shara.asp 1 <%@LANGUAGE=& ...

  2. vue2.0 微信分享

    需求:首页,列表页,详情页的分享,活动页分享并进行相关操作,比如分享一次活动次数加1 首先:阅读微信开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_ ...

  3. React Native微信分享 朋友圈分享 Android/iOS 通用

    超详细React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用   2016/06/16 |  React Native技术文章 |  Sky丶清|  暂无评论 |  1 ...

  4. React Native实现微信分享

    (一)前言 现阶段大家在使用React Native开发项目的时候,基本都会使用到微信好友或者微信朋友圈分享功能吧,那么今天我就带大家实现以下RN微信好友以及朋友圈的分享功能. 刚创建的React N ...

  5. 不接入微信sdk,在APP中实现微信分享,支付

    前段时间在很多地方接入了微信的sdk,发现过程比较繁琐,此外因为导入的sdk比较大会影响最终APP打包的体积,所以就有了不接入sdk也实现相同的功能的想法. 要实现这个目标我个人认为最困难的地方是不知 ...

  6. asp.net mvc 如何调用微信jssdk接口:分享到微信朋友(圈)| 分享到qq空间

    如何在asp.net mvc 项目里, 调用微信jssdk接口,现实功能: 分享到微信朋友(圈)| 分享到qq空间 1 创建一个Action,准备一些数据,初始化数据(签名): /// <sum ...

  7. UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)

    转载(声明:仅供学习使用) /** * 此插件主要作用是在UC和QQ两个主流浏览器 * 上面触发微信分享到朋友圈或发送给朋友的功能 * 代码编写过程中 参考: * http://mjs.sinaimg ...

  8. vue实现微信分享朋友圈和朋友功能

    vue实现微信分享朋友圈和朋友功能 A-A+ haibao  2018-10-25  11  21  6.2 k  百度已收录  前端开发 温馨提示:本文共3536个字,读完预计9分钟. 这两天在开发 ...

  9. 页面分享功能,分享好友、朋友圈判断,用share_type做标记 这里用的是jweixin-1.3.2.js

    这里用的是jweixin-1.3.2.js trigger: function (res) { //判断分享的状态,好友.朋友圈 localStorage.setItem("share_ty ...

随机推荐

  1. 安卓Listview 不规则项即不同item的运行

    在安卓中,listview  的item 是一个不断被轮询调换位置的过程,这样 即 图片参考地址   http://www.cnblogs.com/mybkn/archive/2012/05/23/2 ...

  2. 我的NopCommerce之旅(5): 缓存

    一.基础介绍 1.什么是cache      Web缓存是指一个Web资源(如html页面,图片,js,数据等)存在于Web服务器和客户端(浏览器)之间的副本. 2.为什么要用cache      即 ...

  3. ps 进程管理

    一. 进程管理 1. pstree 2. ps 3. top 4. nice 5. free 6. screen 二. 程序与进程 程序是静态的文件,进程是动态运行的程序. 三. 进程和线程 一个程序 ...

  4. silverlight GPS监控,视频监控界面

    周末闲着自己做了个玩玩

  5. OutOfMemory

    查看图片格式,如果为PNG,可更改为jpg.图片会变小. 停止activity 当activity调用onStop()方法, activity不再可见,并且应该释放那些不再需要的所有资源.一旦acti ...

  6. C#语言 数据类型 类型转换

    数据类型有  基本数据类型 和  引用数据类型 两大类型. 数据类型 C#语言 .NET(通用语言) 大小(字节) 值区间 基本数据类型 值类型 整型 不能存在小数点,可以有负数 byte Byte ...

  7. echarts getAttribute”的值: 对象为 null 或未定义 错误解决方法,

    echarts.js引用放在head中或者放在body中HTML代码的前面了,造成加载时阻塞后面的html. 解决方法就是将echarts.js的引用放在</body>之前就可以了,完美解 ...

  8. LeetCode Add and Search Word - Data structure design (trie树)

    题意:实现添加单词和查找单词的作用,即实现字典功能. 思路:'.' 可以代表一个任何小写字母,可能是".abc"或者"a.bc"或者"abc.&quo ...

  9. HDU 6069 Counting Divisors(区间素数筛法)

    题意:...就题面一句话 思路:比赛一看公式,就想到要用到约数个数定理 约数个数定理就是: 对于一个大于1正整数n可以分解质因数: 则n的正约数的个数就是 对于n^k其实就是每个因子的个数乘了一个K ...

  10. x+2y+3z=n非负整数解

    #include <iostream> #include <string.h> #include <stdio.h> using namespace std; ty ...