微信开发----JS-SDK接口

2018.03.15：GitHub下载代码

208.3.6：更新：我们不再使用JosnHelp返回字典类或者强类型，而是直接返回动态类型，这样就会方便的多。

JsonHelp更新详情：微信开发----设置菜单

官网文档

我这里是测试号截图，如果是服务号请按照他的步骤来。（需要绑定，下载什么（ps:是网页授权需要下载还是JS-SDK需要下载记不清了。。。））

这里做测试只写了分享给朋友，和分享到朋友圈这两个接口事件，其他的可以根据文档来追加。

①创建我们的 JsSDKAPI 里面包含两个方法，获取jsapiTicket和获取签名

辅助类：Util 包含了3个方法，分别是:签名算法,获取时间戳，获取随机数

SHA1官网

②创建我们的 JSSDKController

③创建视图

@model SeaLee.WeiXin.Web.Models.JSSDKModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="~/JS/jquery-1.11.2.min.js"></script>
    <script>
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId:'@Model.appId', // 必填，公众号的唯一标识
            timestamp:@Model.timestamp, // 必填，生成签名的时间戳
            nonceStr:'@Model.nonceStr', // 必填，生成签名的随机串
            signature:'@Model.signature', // 必填，签名，见附录1
            jsApiList: [
                 'checkJsApi',
                 'onMenuShareTimeline',   //分享到朋友圈
                 'onMenuShareAppMessage'   //分享给朋友
                 //需要写别的事件，①  现在这里写名称
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
            document.querySelector('#checkJsApi').onclick = function () {
                wx.checkJsApi({
                    jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                    success: function (res) {
                        alert(JSON.stringify(res));
                    }
                });
                alert("已获取注册'检查JS支持'事件");
            };

            //分享给朋友
            wx.onMenuShareAppMessage({
                title: '今天很高兴呢！', // 分享标题
                link: 'http://www.sealee.xin/OAuth/Index', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.sealee.xin/Images/demo.png', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link  要写link,不然不生效。。。
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            //分享到朋友圈
            wx.onMenuShareTimeline({
                title: '今天又很开心哟！', // 分享标题
                link: 'http://www.sealee.xin/OAuth/Index', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.sealee.xin/Images/demo.png', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });


            //②然后在这里写事件

        });

    </script>

</head>
<body>
    <button type="button" class="btn btn-info" id="checkJsApi">检查是否支持指定JS接口</button>
    <div class="alert alert-primary" role="alert">
        该页面只写了检查接口事件外加 分享给朋友，分享到朋友圈这两个 接口事件,别的事件根据文档加
    </div>
</body>
</html>