zoukankan      html  css  js  c++  java
  • 手机QQ内置网页,微信内置网页中进行分享到QQ和微信的操作

    微信内的网页分享:

    API内容详见微信开发文档  https://mp.weixin.qq.com/wiki

    这里需要注意的是:调用微信API的时候修改的是微信内网页右上角三个点那里打开后,选择分享之后弹出的窗口的内容,并非调用api后就直接调出来选择分享目标的页面

    var wxShareConfig = {
    			imgUrl:"分享的图片url",
    			title: "分享标题",
    			link:shareUrl,
    			desc:"分享描述"
    		}
    		// 发送请求获取到微信js-sdk相关配置之后,触发分享到微信,QQ等
    		// 【需要在公众号聊天对话框中打开url,并且url的域名需要在公众号后台配置成功(微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”)】
    		function initWeixinShare(){
    			$.ajax({
    				url:"${contextPath}/WechatShare",  //后台请求,取到微信配置需要的参数
    				type:'GET',
    				async:false,
    				dataType: "json",
    				data: {'url': encodeURI(encodeURI(location.href.split('#')[0]))},
    				success:function(data){
    					wx.config({
    			            debug: true,  // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    			            appId: data.appid, // 必填,公众号的唯一标识
    			            timestamp: data.timestamp, // 必填,生成签名的时间戳
    			            nonceStr: data.noncestr, // 必填,生成签名的随机串
    			            signature: data.signature,// 必填,签名,见附录1
    			            jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    			        });
    			        wx.ready(function(){
    			        	wx.onMenuShareTimeline(wxShareConfig);  //分享到朋友圈
    						wx.onMenuShareAppMessage(wxShareConfig); //分享到微信朋友
    						wx.onMenuShareQQ(wxShareConfig); //分享到QQ
    						wx.onMenuShareQZone(wxShareConfig); //分享到QQ空间
    					});
    			        
    				}
    			});
    		}	
    

    QQ内置网页中的分享功能:

    只要js引入然后设置一下这个值就可以了

    QQ分享文档地址:http://open.mobile.qq.com/api/component/share

    setShareInfo({
    						title  : wxShareConfig.title,
    						summary: wxShareConfig.desc,
    						pic    : wxShareConfig.imgUrl,
    						url    : wxShareConfig.link
    					});
    

      

    特别提醒:

    1.微信分享以及相关的页面api功能调用,必须要先在公众号后台配置安全域名,具体位置参考微信开发文档

    2.微信分享api仅仅是设置 点击右上角三个点之后选择分享到QQ,朋友圈…… 之后,弹出的弹窗中的值,而并非直接弹出选择分享目标的页面

    3.QQ分享,微信分享 千万 千万 千万不要忘记导入 他们的 JS文件!!!

  • 相关阅读:
    第一个TS文件
    盒子模型
    不稳定的排序算法
    状态码Status Code
    从输入URL到页面加载完成发生了什么?
    JavaScript中var、let、const的区别
    explain 详解 (转)
    HttpServletRequest对象方法的用法 (转)
    数据一致性理解
    logback 使用详解 (转)
  • 原文地址:https://www.cnblogs.com/ning-blogs/p/5670711.html
Copyright © 2011-2022 走看看