微信js分享朋友圈(二)

  近期又用到微信分享的功能了。虽然不是第一次用了,依然我又有幸踩到了一个坑,所以分享一下吧。

  根据微信sdk写的代码一步步很顺利,但是后面就是获取微信返回的分享结果的回调的时候IOS老是有问题,然后就网上各种搜,但是我得到的大部分答案是分享链接url的限制即:该分享链接域名或路径必须与当前页面对应的公众号JS安全域名一致

  but我的url符合要求就还是拿不到分享后的回调,然后经过一番折腾最后发现在微信分享成功回调的方法里加一个定时器就ok了。

提示:

  1. 这里我使用的还是旧的版本(1.3.2)这里就暂且不改了
  2. 官方已更至1.4.0详情参考:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

?更多微信分享内容可移步:https://www.cnblogs.com/imelemon/p/7088556.html

<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.3.2.js "></script>

  

function wxShare(){

			// 1 判断当前版本是否支持指定 JS 接口,支持批量判断
			wx.ready(function () {

				wx.checkJsApi({
				      jsApiList: [
				        ‘onMenuShareAppMessage‘,
				        ‘onMenuShareTimeline‘
				      ],
				      success: function (res) {
				        console.log("验证通过:"+JSON.stringify(res));
				      }
				 });   

					/* 分享好友1.3*/
					 wx.onMenuShareAppMessage({
						type: ‘link‘, // 分享类型,music、video或link,不填默认为link
				        title: ‘【春节】2019你好!‘, // 分享标题
				        desc: ‘hello。‘, // 分享描述
				        link:‘https://‘+location.hostname+‘/web‘,
				        imgUrl: ‘‘, // 分享图标
				        success: function (res) {
				          // 设置成功
				           if(res.errMsg.indexOf(‘:ok‘)!=-1){
				        	   shareCallback();//分享成功的回调
				           }else if(res.errMsg.indexOf(‘:cancel‘)!=-1){
				        	   mui.toast(‘分享已经取消‘);
				           }else{
				        	   mui.toast(‘分享失败‘);
				           }
				         },
					 cancel: function () {
				            alert("分享已经取消");
				         }
					 });

					 /* 分享朋友圈1.3 */
						wx.onMenuShareTimeline({
						  type: ‘link‘, // 分享类型,music、video或link,不填默认为link
					          title: ‘【春节】2019你好!‘, // 分享标题
					          link:‘https://‘+location.hostname+‘/web‘,
					          imgUrl: ‘‘, // 分享图标
					          success: function(res){
					        	setTimeout(function(){
					        		shareCallback();//分享成功的回调
					        	},500);

					          },
						   cancel: function () {
					              alert("分享已经取消");
					          }
						});
			})

			wx.error(function(res){
		  	 	mui.toast("wx:"+res.errMsg);
			});
		}

 

/* 分享成功的回调 */
		function shareCallback(){

			$.ajax({
  				 type : ‘post‘,
  				 url : ‘/web/tic/shareCallback‘,
  				 dataType:‘json‘,
  				 beforeSend: function() {
					 $(‘.mui-loading‘).show();
					 mask.show();//显示遮罩层
				 },
  				 success: function(json){
  					 mask.close();//关闭遮罩层
  					 console.log(json);

  					 if(json.status==‘fail‘){
  						 mui.toast(json.msg);
  					     return;
  					 }else{
  						 mui.toast(‘分享成功!‘);
  						setTimeout(function(){
  							 if(json.getRed==1){
  								$(‘.shareModal‘).hide()
  								$(‘.pop_wrap‘).show();
  							 }else{
  								 window.location.reload();
  							 }

					     },800);
  					 }
  				 },
  				 error:function(XMLHttpRequest, textStatus, errorThrown){
  					mask.close();//关闭遮罩层
  					alert(‘error:‘+textStatus+"***"+JSON.stringfy(XMLHttpRequest.readyState))
  					mui.toast(‘请求失败(500)‘);
  				 }
  		 	});
		}

  

原文地址:https://www.cnblogs.com/imelemon/p/10439042.html

时间: 2024-11-05 17:24:01

微信js分享朋友圈(二)的相关文章

微信js分享朋友圈

1.绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”. 备注:登录后可在“开发者中心”查看对应的接口权限. 2.引入js文件 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript" src=

微信JSSDK分享朋友圈微信自定义分享接口

服务项目 新手技术咨询 企业技术咨询 定制开发 服务说明 QQ有问必答 QQ.微信.电话 微信开发.php开发,网站开发,系统定制,小程序开发 价格说明 200元/月 1000/月 商议       联系 851 488 243, 备注:模板消息 微信jssdk分享接口需要微信认证的公众号才有权限可以使用,而微信认证不仅需要企业资质,而且每年都要进行一次认证,认证费用需要交300给微信官方 如果你没有认证的公众号,可以租用我们的分享接口权限 1.一次收费,永久有效 2.使用简单,在你的网站加一段

微信Js分享朋友接口invalid signature解决方法

导致这个错误是因为签名算法错误 签名需要 noncestr timestamp(因为变量长度限制,不能直接使用毫秒时间戳,要除以1000) jsapi_ticket url 根据微信的文档说明做的话 最容易出错的地方是url 文档上对url的描述反正我是没怎么看懂~ 好了吐槽完毕,是时候上代码了 Java代码:         @RequestMapping("share2Firend")         //from.isappinstalled参数是自定义分享接口时 微信服务器带过

微信JSAPI分享朋友圈调试经验:invalid signature签名错误排查

.invalid signature签名错误.建议按如下顺序检查: 1.确认签名算法正确,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验. 2.确认config中nonceStr(js中驼峰标准大写S), timestamp与用以签名中的对应noncestr, timestamp一致. 3.确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认),

长按微信公众号文章内容可分享朋友圈且附带二维码

就在刚刚,有朋友无意间发现长按住微信公众号文章内容的某一句话,将会出现“分享”的选项,一旦分享之后,微信将会自动将选中的内容,形成一段话分享在朋友圈,而且会在分享的文末,附上该篇文章的二维码.ytkah觉得这个非常文艺范,一小句话自动生成图片,很唯美,在朋友圈容易疯转,附带的二维码也利于公众号的宣传,整个有点像前段时间那个很火的宽图小应用 长按住微信公众号文章内容的某一句话,将会出现“分享”的选项 长按微信公众号文章可以分享朋友圈且附带二维码 目前,经过测试,仅有苹果手机可以使用这一功能.有了这

c#微信开发,使用JS-SDK自定义分享功能,分享朋友圈,分享给朋友等

如果一个后端开发掌握了微信开发,甚至有微信开发上线项目,这在换工作的时候 还是有竞争力的. 微信开发的资料很多,但是用asp.net c#进行微信开发好像比较少,或者资料不够完整. 使用JS-SDK自定义分享功能,分享朋友圈,分享给朋友,这里基本上不涉及后端语言. 1.首先要绑定域名,当然域名得备案. 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”. 说明:设置此安全域名目的是为了当发现此公众平台发现诱导分享行为时,可以根据此域名追溯到所有分享出去的链接,以及通过这

请问android使用友盟分享,分享到微信好友和朋友圈详细步骤是什么,我现在分享之后没结果。

============问题描述============ 请问android使用友盟分享,分享到微信好友和朋友圈详细步骤是什么,我现在分享之后没结果.弹出来图片大小超过32kb,然后分享中 就没反应了 ============解决方案1============ 引用 楼主 zpq19870824 的回复: 请问android使用友盟分享,分享到微信好友和朋友圈详细步骤是什么,我现在分享之后没结果.弹出来图片大小超过32kb,然后分享中 就没反应了 我也不知道,帮你顶一下吧...

如何让你的网页链接潇洒地在微信好友和朋友圈中传播

嗨,大家好,我是大花猫! 想必大家都在自己的微信朋友圈看到过别人分享的一些网页链接消息,但是你注意了吗?有些链接的图标是用的微信一张蓝色的默认图片,但是有些链接的图标却有着各自专门的图标(注:公众号的图文消息不在本文讨论行列中.),而且标题也和链接里面网站的标题不一样!(想想前段时间那个风靡朋友圈的贱贱的神经猫吧!)好啦!今天要跟大家分享的就是如何让自己的网页在微信分享朋友圈中拥有一个自己个性的图标以及自定义分享中的描述文字.(开始想着加这个功能是在学习了慕课网的<2048私人定制>以后做了第

怎么样在【微信会员】朋友圈中获得更多的赞?

微信已经是我们生活中必不可少的生活.交流平台.微信会员在朋友圈中的分享.倾诉更是我们心灵平台,在微信朋友圈中被点赞多的洋洋得意,获赞少的难免失意.怎么样才可以让自己在朋友圈中获得更多的关注和点赞?朋友圈吸赞方式一:自拍如果你是男神或女神,如果你360度自拍无死角,那么发自拍照就足以获得一片“赞”声.那些明恋或暗恋的粉丝就可以顺理成章地用点赞来求关注了.也许点赞还不够,再加一句评论“美爆了”.“帅哭了”来表达激动的心情.请注意,矮矬穷.颜值负分者,请自觉跳过这一招式.朋友圈吸赞方式二:炫富对于一般