微信分享

最新推荐文章于 2024-10-06 15:51:50 发布
最新推荐文章于 2024-10-06 15:51:50 发布
阅读量47 收藏
点赞数
文章标签： json javascript ViewUI
原文链接：http://www.cnblogs.com/mbyund/p/5485430.html
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微信分享模板</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!--<script src="http://s0.ifengimg.com/static/js/WeiXinDataNative_b7a076e2.js"></script>-->
</head>
<body>
<script>
    var shareID = 5;
    var wxData = {
        "imgUrl": 'http://s0.ifengimg.com/2016/12/12/222594405600f0a20768d07660309779.jpg', //分享图片地址
        "link": window.location.href, //分享页面链接
        "title": "凤凰早班车 05.03", //分享标题
        "desc": "楼市“冷热”格局悄然逆转 打破“怪圈”有后招" //分享描述
    };

    var shareWXData;
    var peopleWXConfig;
    shareWXData = function() {
        peopleWXConfig.debug = false; //关闭调试模式
        peopleWXConfig.jsApiList = [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo'
        ];
        wx.config(peopleWXConfig);
        wx.ready(function() {
            wx.onMenuShareTimeline({ //分享到朋友圈
                title: wxData.title, // 分享标题
                link: wxData.link, // 分享链接
                imgUrl: wxData.imgUrl, // 分享图标
                success: function() {
                    // 用户确认分享后执行的回调函数
                    //alert(wxData.link + "|" + wxData.imgUrl);
                    if(addNames){
                        addNames();
                    }
                },
                cancel: function() {
                    // 用户取消分享后执行的回调函数
                },
                trigger: function() { // 用戶触发分享事件后的回调函数
                    this.title = wxData.title;
                }
            });
            wx.onMenuShareAppMessage({ //分享给朋友
                title: wxData.title, // 分享标题
                link: wxData.link, // 分享链接
                imgUrl: wxData.imgUrl, // 分享图标
                desc: wxData.desc, // 分享描述
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function() {
                    // 用户确认分享后执行的回调函数
                    // alert(wxData.link + "|" + wxData.imgUrl);
                    if(addNames){
                        addNames();
                    }
                },
                cancel: function() {
                    // 用户取消分享后执行的回调函数
                },
                trigger: function() { // 用戶触发分享事件后的回调函数
                    this.title = wxData.title;
                }
            });
            wx.onMenuShareQQ({ //分享到QQ
                title: wxData.title, // 分享标题
                link: wxData.link, // 分享链接
                imgUrl: wxData.imgUrl, // 分享图标
                desc: wxData.desc, // 分享描述
                success: function() {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function() {
                    // 用户取消分享后执行的回调函数
                },
                trigger: function() { // 用戶触发分享事件后的回调函数
                    this.title = wxData.title;
                }
            });
            wx.onMenuShareWeibo({ //分享到腾讯微博
                title: wxData.title, // 分享标题
                link: wxData.link, // 分享链接
                imgUrl: wxData.imgUrl, // 分享图标
                desc: wxData.desc, // 分享描述
                success: function() {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function() {
                    // 用户取消分享后执行的回调函数
                },
                trigger: function() { // 用戶触发分享事件后的回调函数
                    this.title = wxData.title;
                }
            });
        });
        wx.error(function(res) {
            //alert('验证出错:' + JSON.stringify(res))
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });
    };


    /*//jsonp 提交數據
     importJs({
     url:"http://opencity.house.ifeng.com/weixin/config/info",//必填
     data:{},//提交数据
     cbName:"",//非必填，默认"cb"
     success:function(){},//提交成功回调函数
     timeout：100,//超时时间
     error：function(){}//超时调用函数
     }
     });
     */
    function importJs(options) {
        options = options || {};
        if (!options.url) {
            return;
        }
        options.data = options.data || {};
        options.cbName = options.cbName || "_cb";
        options.timeout = options.timeout || 0;
        var arr = [];
        var fnName = "jsonp_" + Math.random();
        fnName = fnName.replace(".", "");
        options.data[options.cbName] = fnName;
        for (var i in options.data) {
            arr.push(i + "=" + encodeURIComponent(options.data[i]));
        }
        var str = arr.join("&");
        window[fnName] = function(json) {
            options.success && options.success(json);

            oHead.removeChild(oS);
            window[fnName]=null;
            clearTimeout(timer);
        }
        var oS = document.createElement("script");
        oS.src = options.url + "?" + str;
        var oHead = document.getElementsByTagName("head")[0];
        oHead.appendChild(oS);

        if(options.timeout){
            var timer=setTimeout(function(){
                window[fnName] = function(){};
                options.error && options.error();
            },options.timeout);
        }
    }
    window.onload = function() {
        importJs({
            url:"http://opencity.house.ifeng.com/weixin/config/info",
            data:{id:shareID,_url:window.location.href},
            cbName:"_cb",
            success:function(json){
                //console.log(json);
                if(json.errno == 0){
                    peopleWXConfig = json.data;
                    setTimeout(function(){
                        shareWXData();
                    },200);
                }

            }
        });
    };
</script>
</body>
</html>

以上是原生版

以下是jquery版，记得引入jQuery

var shareWXData;
var peopleWXConfig;
shareWXData = function() {
	peopleWXConfig.debug = false;//关闭调试模式
	peopleWXConfig.jsApiList = [
		'checkJsApi',
		'onMenuShareTimeline',
		'onMenuShareAppMessage',
		'onMenuShareQQ',
		'onMenuShareWeibo'
	];
	wx.config(peopleWXConfig);
	wx.ready(function(){
		wx.onMenuShareTimeline({//分享到朋友圈
			title: wxData.title, // 分享标题
			link: wxData.link, // 分享链接
			imgUrl: wxData.imgUrl, // 分享图标
			success: function() {
				// 用户确认分享后执行的回调函数
				//alert(wxData.link + "|" + wxData.imgUrl);
				if(addNames){
					addNames();
				}
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			},
			trigger: function() { // 用戶触发分享事件后的回调函数
				this.title = wxData.title;
			}
		});
		wx.onMenuShareAppMessage({//分享给朋友
			title: wxData.title, // 分享标题
			link: wxData.link, // 分享链接
			imgUrl: wxData.imgUrl, // 分享图标
			desc: wxData.desc, // 分享描述
			type: '', // 分享类型,music、video或link，不填默认为link
			dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			success: function() {
				// 用户确认分享后执行的回调函数
				// alert(wxData.link + "|" + wxData.imgUrl);
				if(addNames){
					addNames();
				}
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			},
			trigger: function() { // 用戶触发分享事件后的回调函数
				this.title = wxData.title;
			}
		});
		wx.onMenuShareQQ({//分享到QQ
			title: wxData.title, // 分享标题
			link: wxData.link, // 分享链接
			imgUrl: wxData.imgUrl, // 分享图标
			desc: wxData.desc, // 分享描述
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			},
			trigger: function() { // 用戶触发分享事件后的回调函数
				this.title = wxData.title;
			}
		});
		wx.onMenuShareWeibo({//分享到腾讯微博
			title: wxData.title, // 分享标题
			link: wxData.link, // 分享链接
			imgUrl: wxData.imgUrl, // 分享图标
			desc: wxData.desc, // 分享描述
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			},
			trigger: function() { // 用戶触发分享事件后的回调函数
				this.title = wxData.title;
			}
		});
	});
	wx.error(function(res) {
		//alert('验证出错:' + JSON.stringify(res))
		// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
	});
};
function importJs(){
	jQuery.ajax({
		url: "http://opencity.house.ifeng.com/weixin/config/info",
		data: {id:shareID,_url:window.location.href},
		dataType: 'jsonp',
		jsonp: '_cb',
		success: function(json){
			if(json.errno == 0){
				peopleWXConfig = json.data;
				setTimeout(function(){
					shareWXData();
				}, 200)
			}
		}
	});
	
}
jQuery(function() {
	importJs();
})

　　

转载于:https://www.cnblogs.com/mbyund/p/5485430.html

weixin_30872789
关注
uniapp 微信分享
lxgyydsgod的博客
08-08 9783
利用uniapp的uni.share实现微信分享的效果
react实现微信分享
一个菜鸟的博客
11-02 2852
一、申请微信订阅号/服务号 1.这是微信分享的第一步；注意：个人订阅号是没有分享功能的； 二、配置 JS 接口安全域名 1.登录微信公众平台，配置安全域名，假设前端项目访问的主域名是 qwe.com，那就填 qwe.com 三、后端获取微信签名 1.此步骤主要是后端服务器和微信服务器进行交互，获得「网页授权access_token」，根据 access_token 把关键的几个参数算出来，传给前端。这几个参数分别是： appId , timestamp , nonceStr , signature 注意：
微信分享 h5 实现
qq_41429765的博客
11-05 4780
最初开发的时候分享功能已经实现了，可以分享qq，qq空间，但是微信朋友，微信朋友圈分享的效果无法以分享卡片的形式体现。只有将访问h5的链接挂在公众号的自定义菜单下才可以实现微信中分享朋友圈，朋友以卡片形式展现。今天微信开发的分享就到这里了，希望我填的坑对你有所帮助。实现h5页面分享，并将分享的链接携带参数，在微信中使用。
H5实现微信分享
张鹏~IT~少年人的博客
08-06 4650
1、注册config。（config参数由后端接口提供） 2、info 分享的内容 。（包括链接，标题，图片） 3、debug模式是否开启。 4、处理非微信内部浏览器分享。 function wechatShare(config, info, debug, click) { // config 配置分享的参数 // info 分享的内容 // debug 调试模式开启 or 关闭 // c...
h5中使用微信分享
Kratial的博客
12-26 3429
单页面应用添加微信分享和页面授权功能
H5微信分享、自定义微信分享
热门推荐
qq_37942845的博客
11-07 4万+
在一个h5页面添加微信，分享给微信好友、朋友圈、腾讯微博 下面来实现 。 需要： 1、需要一个企业版的微信公众号（认证过的） 2、一台服务器 企业版的微信公众号原因： 在微信公众平台的接口权限内可以看到，个人版公众号是没有权限自定义微信分享的，所以需要企业版公众号并开通认证。 具体步骤： 步骤一：绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS...
UniApp中实现微信分享功能：步骤详解与最佳实践
hzether的博客
02-22 7850
通过获取签名信息、配置微信JSSDK、设置分享数据和测试分享功能等步骤，您可以轻松地将链接分享到微信好友，并显示标题和缩略图。特别是在中国，微信作为最大的社交平台，其分享功能对于应用的推广和用户互动至关重要。在H5页面中触发分享操作，观察微信是否弹出分享界面，并检查分享的标题、链接和缩略图是否正确显示。需要注意的是，由于微信分享的签名信息有一定的有效期（通常为2小时），因此在设置分享之前需要检查签名是否过期。函数中，使用获取到的签名信息配置微信JSSDK，并设置分享的标题、链接、缩略图等内容。
H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码）
2401_85616285的博客
06-25 4305
光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角，还有答案的话会极大的增加文章的篇幅，减少文章的可读性光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角，还有答案的话会极大的增加文章的篇幅，减少文章的可读性。
Android应用接入微信分享，以及遇到的坑
阿亮的博客
04-09 3914
本文转载自lc_miao的博客：https://blog.csdn.net/lc_miao/article/details/79855687 目录 一、申请应用 二、配置微信分享的SDK 三、微信分享示例 四、微信分享的结果回调 五、微信分享的踩坑总结 一、申请应用 1、首先到 [ 微信开放平台官网] 申请注册帐号，这些流程就忽略了到官网一看自...
ios微信分享失败
Brianhp的博客
02-12 1265
vue项目中ios系统微信分享功能失效 ios在微信分享中如果路由带有中文参数，必须用encodeURIComponent对中文参数进行编码
JS中静态页面实现微信分享功能
10-20
在JavaScript（JS）中，为静态页面实现微信分享功能是一项常见的需求，特别是在使用Ajax构建的单页应用（SPA）中。微信提供了JavaScript SDK（JSSDK），使得开发者能够调用微信的分享接口，使得用户可以方便地将网页...
Android微信分享大图遇到的问题的解决方法
08-26
"Android微信分享大图遇到的问题的解决方法" Android微信分享大图遇到的问题的解决方法主要介绍了Android微信分享大图遇到的问题的解决方法，记录了微信图片分享出错的坑，具有一定的参考价值。本文将详细介绍微信...
php解决微信分享网页不显示缩略图和描述，对接公众号微信分享自定义缩略图和描述
06-03
对接公众号设置自定义微信分享自定义缩略图和描述
HTML5中外部浏览器唤起微信分享
11-21
在这个场景下，我们需要检测用户使用的是否是QQ浏览器或UC浏览器，并根据不同的浏览器类型和版本来决定如何唤起微信分享。 代码中引入了一个名为`mshare.js`的脚本文件，该文件包含了处理分享逻辑的核心代码。在...
话术挂断之后是否处理事件
H4_9Y的博客
09-30 540
流程：自动外呼进入机器人话术。问题：在机器人放音时用户挂断后，话术还会继续匹配流程，如果匹配上的是放音节点，还会进行放音，那么在数据库表中就会多出一条放音记录。出现这个问题是因为在cti.json文件中配置了，该配置的作用：挂断之后是否继续处理事件，如果不开启，用户说话之后没等ASR识别完成就挂机，会丢失识别结果，开启后会有complete事件参数HANGUP(F说话内容)；如果开启，在挂断之后会继续处理事件。
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
2301_77012231的博客
10-01 557
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞，攻击者可以获取服务器权限。bp 报错泄露绝对路径。sqlmap确认有漏洞。
遥感影像-实例分割数据集：iSAID 从切图到YOLO格式数据集制作详细介绍
GIS潮流
09-30 1298
开源数据集isaid标注包含实例分割，但是原始影像太大，很吃显存，一般显卡无法用原始影像直接训练，所以需要对影像进行裁剪，并生成对应的标签，因为想用yolo系列跑模型，所以将标签需要转为txt格式。
vue3打包疯狂报错
雨果的博客
09-30 382
打包的时候报错很多Cannot find name ‘xxx‘。但是npm run dev 是运行正常的。package.json中的vue-tsc --noEmit 删掉就可以了。
使用axios封装AJAX
最新发布
LvManBa的博客
10-06 455
一 、Http 请求报文 包括了三部分： 求情行、请求头，请求体。 1、请求行： 是HTTP请求的第一行，包含了请求方法、请求目标和HTTP协议版本。常用的请求方法有GET、POST、PUT、DELETE等，用于指定客户端希望服务器执行的操作。请求目标是指请求的资源路径，可以是一个具体的文件路径或者是一个URL。HTTP协议版本通常是HTTP/1.1。 请求类型： 2、请求头： 请求头包含了客户端向服务器传递的额外信息，以键值对的形式表示。常见的请求头有以下几种：请求头可以包含多个。 Host：指定服
Java开发微信分享接口的详细步骤指南
"Java开发微信分享接口的步骤详解" Java开发微信分享接口是指使用Java语言开发微信分享功能的接口，以下是该接口的步骤。 Step 1: 配置接口信息进行验证 在开发微信分享接口时，需要配置接口信息以进行验证。该...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值