微信朋友圈分享--代码分享

1.首先,html页面要链接

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>


2.判断是否为微信里浏览器打开?
//使用用微信打开var checkPlat = {    isAndroid: function (ua) {        ua = ua || navigator.userAgent;        return ua.toLowerCase().indexOf(‘android‘) > -1;    },

    isIOS: function (platform) {        if (navigator && navigator.platform) {            platform = platform || navigator.platform;            // return /iP(?:hone|od|ad)/.test(platform);            return /iP(?:hone|od|ad)/.test(navigator.userAgent);        } else {            return false;        }    },

    isWeixin: function (ua) {        ua = ua || navigator.userAgent.toLowerCase();        if (ua.match(/MicroMessenger/i) == "micromessenger") {            return true;        } else {            return false;        }    }}


3.使用以下js:

function shareFn(returnObj, callback) {    $.ajax({        url: "/zm_bonus/getConfigInfo",        type: "post",        dataType: "json",        async: false,        data: {"url": window.location.href},        success: function (r) {            wx.config({                //debug: true,  //开启调试模式                appId: r.msg.appId, // 必填,公众号的唯一标识                timestamp: r.msg.timestamp, // 必填,生成签名的时间戳                nonceStr: r.msg.nonceStr, // 必填,生成签名的随机串                signature: r.msg.signature,// 必填,签名,见附录1                // 必填,需要使用的JS接口列表,所有JS接口列表见附录2                jsApiList: [                    ‘checkJsApi‘,                    ‘onMenuShareTimeline‘,                    ‘onMenuShareAppMessage‘,                    ‘onMenuShareQQ‘,                    ‘onMenuShareWeibo‘,                    ‘getNetworkType‘,                    ‘previewImage‘,                    ‘hideOptionMenu‘,                    ‘showOptionMenu‘                ]            });

            wx.ready(function () {                wx.showOptionMenu();                var obj = returnObj.call(null, r);                wx.onMenuShareAppMessage(obj);                wx.onMenuShareTimeline(obj);                wx.onMenuShareWeibo(obj);                wx.onMenuShareQQ(obj);                wx.showMenuItems({                    menuList: [                        "menuItem:share:appMessage",                        "menuItem:share:timeline",                        "menuItem:share:qq",                        "menuItem:share:weiboApp",                        "menuItem:share:QZone"                    ]                });                callback.call(null);            });        },        error: function () {            alert("网络错误请重试");        }    });}

shareFn(function (data) {    // var _link = window.location.host + "/register.html?inviter=" + encodeURIComponent(r.msg.userName || "");    var _link = window.location.href;    return {        title: "让爱传递",//分享的主题        desc: "帮孩子实现梦想",//分享的内容        link: _link,//分享后的跳转的页面链接        imgUrl: "xxxxx/images/com-dev-share.png",//分享后显示的icon        success: function () {
      if (!checkPlat.isWeixin()) {return alert("请在微信客户端打开链接,邀请好友!");}       else if (!checkPlat.isWeixin()) {return alert("请在微信客户端打开链接,立即分享!");}      else if(checkPlat.isWeixin()){//成功后的提示alert(分享成功);}
        },        cancel: function () {        },        fail: function () {            alert("邀请失败请重试!");        }    }});

				
时间: 2024-11-10 13:27:51

微信朋友圈分享--代码分享的相关文章

微信朋友圈如何同时分享(图片+文字) Android版

以下是:微信朋友圈SDK 分享图片的代码,但只能分享图片,不能分享文字,如何才能图片和文字同时分享?求各位大神指教! public class MainActivity extends Activity {     private static final int THUMB_SIZE = 150;     private static final String SDCARD_ROOT = Environment.getExternalStorageDirectory().getAbsolute

微信朋友圈如何同时分享(图片+文字)

2014-04-17 20:37 以下是:微信朋友圈SDK 分享图片的代码,但只能分享图片,不能分享文字,如何才能图片和文字同时分享?求各位大神指教! public class MainActivity extends Activity {     private static final int THUMB_SIZE = 150;     private static final String SDCARD_ROOT = Environment.getExternalStorageDirect

微信分享代码之在网页中添加“分享到微信朋友圈”按钮的代码分享

微信分享代码之在网页中添加“分享到微信朋友圈”按钮的代码分享 由于目前微信并没有提供这个按钮的官方支持,很多人问我们这个按钮是如何实现的,其实很简单,我们把我们实现的方法分享给大家,希望对那些想在网页端加这个按钮的人有所帮助. 下面是代码(相关参数请自行修改): function WeiXinShareBtn() { if (typeof WeixinJSBridge == "undefined") { alert("请先通过微信搜索 添加分享组件提供商友推为好友,通过微信分

andriod 实现新浪、QQ空间、微信朋友圈、微信好友分享功能

前言:自己在学习的过程中的一些操作过程,对分享的一些理解.下面就讲解一下: 下载地址:http://download.csdn.net/detail/u014608640/7490357 首先,我们需要去ShareSdk官方网站http://sharesdk.cn/ 去下载ShareSDK ,然后我们会有4个文件: 根据我自己在学习的过程中只用到了第一个文件夹的 libs目录的2个项目,这2个是必须要的,是ShareSdk提供的,然后需要将这2个放入到自己做的项目当中去,在Res目录下有一个 S

有关百度一键分享链接到微信朋友圈无法打开网页,报404错误的解决办法,from=timeline&amp;isappinstalled=0,和伪静态规则有关

最近有好友反映用百度一键分享,分享网页链接到微信朋友圈的时候,发现链接无法打开,提示无法找到该页404错误,同样分享到QQ.微博等链接 能正常访问,这么明显的错误,百度和腾讯应该不会忽略吧. 接报后,我专门分析了一遍他公司的网站,确实是微信朋友圈无法分享网站链接.但是通过微信扫一扫能正常浏览网页,点击分享到朋友圈后,在  从朋友圈去访问的时候,提示无法找到该页,报404错误. 经反复检测,排除了分享代码的问题,和服务器配置问题.我开始怀疑伪静态规则,开启URL重写造成的,我关掉了伪静态,让网页形

试用友盟SDK实现Android分享微信朋友圈

社会化分享是眼下必学且火热的功能.之前有写第三方登录,那仅仅是社会化分享的一部分.今天来玩玩分享微信朋友圈. 为了方便操作,还是依照步骤写. 一,注冊 注冊应用已经在这里具体说明过了,这里就不多提了. 二,在微信开放平台中授权开发人员身份,以及注冊应用 链接:https://open.weixin.qq.com/ 进入管理中心 提交个人(公司)资料注冊开发人员信息(须要审核等待).通过后再创建移动应用(确保Package和Appname的一致性)之后拿到应用的AppId和Appsecret 三,

微信朋友圈分享链接的【图片】设置

我们在制作好一些网页以后,希望通过微信朋友圈分享给大家.但是发现这样分享到微信朋友圈是没有小图标的.如何在链接前增加吸引人的图片呢?请看下面的制作方法. 在网页的头部加上以下代码,图片路径自行修改. <head> <div id='wx_pic' style='margin:0 auto;display:none;'> <img src='/image/data/pic300.jpg' /> </div> </head> 制作像素是 300*30

实现手机网页调起原生微信朋友圈分享的工具nativeShare.js

http://www.liaoxiansheng.cn/?p=294 我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢? 工具介绍: nativeShare是一个可以通过javascript直接调用原生分享的工具. 该工具具有以下特点: 支持原生微博.微信好友.微信朋友圈.QQ好友.QQ空间分享 支持调用

纯Java实现微信朋友圈分享图

纯Java实现微信朋友圈分享图 1.实现分享图的效果 2.开发环境 2.1 JDK * oracle's jdk 1.8以上 2.2 字体 * 若选择了微软雅黑字体又是代码部署到Linux,则需要安装微软雅黑字体,字体安装方式自行google 3. 加载背景 3.1 加载背景图 这是使用白色框底来作背景图1. java code //这里从项目resources加载背景图,读文件到输入流,代码作了简列 InputStream background = null BufferedImage zoo

Android实现分享内容到微信朋友圈

原文地址:http://yanwushu.sinaapp.com/android_wechat_share/ 由于需求,要实现在应用中实现分享文字+图片到微信朋友圈.在网上找了一些资料,总结如下: 思路 1.使用android的intent实现应用程序之间的通信,将信息通过intent传递给微信(文章后面资源链接中有案例).这种方式的局限性在于 a.只能发送图片,而不是(文字或者图片+文字). b.设备必须安装微信才能实现分享. 2.使用微信的官方sdk包,实现发送文字+图片发送到朋友圈.这种方