设为首页 加入收藏

TOP

微信分享网页时自定义缩略图和简介(.net版本)(四)
2019-09-30 16:50:23 】 浏览:198
Tags:分享 网页 时自 定义 缩略 简介 .net 版本
、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验。

 

@*微信分享接口*@
<script type="text/java script" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="~/Scripts/WeixinShare.js"></script>
<script type="text/java script">
    //分享标题
    var title = '微信分享页标题';
    //分享描述
    var desc = '微信分享页描述';
    //分享链接
    var link = window.location.href;
    //分享缩略图
    var imgUrl = link.substring(0, link.indexOf(window.location.pathname)) + '/Content/logo.png';
    //分享设置
    WeixinShare(title, desc, link, imgUrl);
</script>

  方法封装:WeixinShare.js

function WeixinShare(title, desc, link, imgUrl, jsApiList) {
    $(document).ready(function () {
        //分享链接处理
        if (link.indexOf("#") > 0) {
            link = link.substring(0, link.indexOf("#"));
        }
        //通过Ajax获取签名信息,不影响主页面的加载逻辑
        $.ajax({
            url: "/apiaction/Weixin/GetSignature",
            data: "url=" + encodeURIComponent(link),
            type: "GET",
            dataType: "json",
            success: function (data) {
                //注入配置信息
                wx.config({
                    debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来
                    appId: data.appId,// 必填,公众号的唯一标识
                    timestamp: parseInt(data.timestamp),// 必填,生成签名的时间戳
                    nonceStr: data.nonceStr,// 必填,生成签名的随机串
                    signature: data.signature,// 必填,签名
                    jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']// 必填,需要使用的JS接口列表
                });

                //config验证成功后调用微信接口
                wx.ready(function () {
                    //分享给朋友
                    wx.updateAppMessageShareData({
                        title: title, desc: desc, link: link, imgUrl: imgUrl,
                        success: function () { }
                    });
                    //分享到朋友圈
                    wx.updateTimelineShareData({
                        title: title, desc: desc, link: link, imgUrl: imgUrl,
                        success: function () { }
                    });
                });
                wx.error(function (res) {
                    console.log(res);
                });
            }
        });
    });
}

 

 

完整代码下载:

   https://github.com/coolxiaoyi/WeixinShare-JSSDK

 

总结:

虽然是很简单的一个分享功能,但是步骤较多,涉及到公众号注册、认证、ip配置、域名配置,和获取凭证access_token、jsapi_ticket、SHA1加密算法、config验证等,再加上微信开发文档不够明了,所以大家在开发时会有各种困扰。现在将实现步骤整理出来,希望这篇文章能帮助到大家!

 

首页 上一页 1 2 3 4 下一页 尾页 4/4/4
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇C# QRBarCode 下一篇Winform组合ComboBox和TreeView实..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目