分享到微信朋友圈

步骤一:引入js文件

js

步骤二:通过config接口注入权限验证配置

wx.config({

    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。    appId: ‘‘, // 必填,公众号的唯一标识    timestamp: ‘‘, // 必填,生成签名的时间戳    nonceStr: ‘‘, // 必填,生成签名的随机串    signature: ‘‘,// 必填,签名,见附录1    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2});步骤三:通过ready接口处理成功验证
wx.ready(function () {

    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。});步骤四通过error接口处理失败验证wx.error(function (res) {

    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

});接口说明
//接口调用说明//    所有接口通过wx对象(也可使用jWeixin对象)来调用,参数是一个对象,除了每个接口本身需要传的参数之外,还有以下通用参数:////    success:接口调用成功时执行的回调函数。//    fail:接口调用失败时执行的回调函数。//    complete:接口调用完成时执行的回调函数,无论成功或失败都会执行。//    cancel:用户点击取消时的回调函数,仅部分有用户取消操作的api才会用到。//    trigger: 监听Menu中的按钮点击时触发的方法,该方法仅支持Menu中的相关接口。////    以上几个函数都带有一个参数,类型为对象,其中除了每个接口本身返回的数据之外,还有一个通用属性errMsg,其值格式如下:////    调用成功时:"xxx:ok" ,其中xxx为调用的接口名//    用户取消时:"xxx:cancel",其中xxx为调用的接口名//    调用失败时:其值为具体错误信息基础接口

判断当前客户端版本是否支持指定JS接口
wx.checkJsApi({    jsApiList: [‘chooseImage‘],     success: function(res) {        // 以键值对的形式返回,可用的api值true,不可用为false         //{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}    }});
//    备注:checkJsApi接口是客户端6.0.2新引入的一个预留接口,第一期开放的接口均可不使用checkJsApi来检测。
分享接口

//    获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({    title: ‘‘, // 分享标题    link: ‘‘, // 分享链接    imgUrl: ‘‘, // 分享图标    success: function () {        // 用户确认分享后执行的回调函数    },    cancel: function () {        // 用户取消分享后执行的回调函数    }});
//    获取“分享给朋友”按钮点击状态及自定义分享内容接口wx.onMenuShareAppMessage({    title: ‘‘, // 分享标题    desc: ‘‘, // 分享描述    link: ‘‘, // 分享链接    imgUrl: ‘‘, // 分享图标    type: ‘‘, // 分享类型,music、video或link,不填默认为link    dataUrl: ‘‘, // 如果type是music或video,则要提供数据链接,默认为空    success: function () {        // 用户确认分享后执行的回调函数    },    cancel: function () {        // 用户取消分享后执行的回调函数    }});
wx.error(function (res) {    alert(res.errMsg);});
 
 
时间: 2024-10-11 15:19:01

分享到微信朋友圈的相关文章

第三方应用分享到微信朋友圈功能

分享自http://blog.csdn.net/qianfu111/article/details/9115303 最权威的学习资料还是要去看官网,以及官网提供的Demo,基本上你是可以直接拿来使用的,这是官网网站:http://open.weixin.qq.com/. 在微信分享中主要碰到了如下问题:第一次可以分享,以后就无法调用出分享对话框.这不是程序问题,而是需要提交审核,只有审核通过,才可以调出分享对话框.不相信?那你可以先将微信退出,再试着点击分享,这时就会弹出登录对话款,登完之后也没

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

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

apiCloud 三方分享,微信好友分享,微信朋友圈分享,QQ分享,微博分享

首先查看我的这篇有关三方登录的博客,地址是http://www.cnblogs.com/gqx-html/p/8303567.html,配置完三方数据后可以从上一篇文章中的链接跳转到各个登录查看api,也可以看下面 微信好友分享:https://docs.apicloud.com/Client-API/Open-SDK/wx 微信朋友圈分享:https://docs.apicloud.com/Client-API/Open-SDK/wx QQ分享:https://docs.apicloud.co

分享到微信朋友圈页面

C# 1.获取签名 public class WeiXinJsSignature { /// <summary> /// 构造函数 /// </summary> public WeiXinJsSignature() { string url = ConfigurationManager.AppSettings["UrlAddress"] + "/Home/Index";//分享的页面地址 Timestamp = GetTimeStamp();

关于JS交互--调用h5页面,点击页面的按钮,分享到微信朋友圈,好友

关于js交互,在iOS中自然就想到了调用代理方法 另外就是下面的,直接上代码了: 如果你的后台需要知道你的分享结果,那么,就在回调里面调用上传到服务器结果的请求即可

怎样实现分享网站文章到微信朋友圈时指定缩略图

当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的. 通过微信公众平台发文章,需要登录微信公众平台,非常麻烦,而且不能同步到网站中,同一篇文章可能要在多在地方编辑发布,增加了人力和时间成本,有没有一劳永逸的办法呢?当然是有的,其中之一是做一个能在台式机.笔记本电脑.平板电脑.手机上显示出一致效果的网站(IT领域叫响应式网站或全屏幕适应网站),先在这

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

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

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

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

Android分享图文到朋友圈代码。

分享到微信朋友圈代码.不好用,最后选择了shareSdk. private static void shareToTimeLine(File file) { Intent intent = new Intent(); ComponentName comp = new ComponentName("com.tencent.mm", "com.tencent.mm.ui.tools.ShareToTimeLineUI"); intent.setComponent(com