zoukankan      html  css  js  c++  java
  • 微信开发----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>
    View Code

    ④修改我们的菜单

    ⑤发布我们的项目

     打开    运行:    生成新的菜单

    你可以点击右上角的分享给朋友,分享到朋友圈。

    分享给朋友案例:   点击进人就是进入了我们获取用户信息页面了。

    住:扫码进行测试

  • 相关阅读:
    软件测试面试技巧-面试问题大全
    软件测试--实际项目的实际操作过程--免费资料
    知乎问:小白转行学软件测试;能就业吗?
    软件测试面试-如何高质量提交缺陷bug?
    如何自学软件测试--最真实的回答
    软件测试面试必问--bug交互流程
    苹果手机安装未上线App操作流程-实际公司-Dotest董浩
    Python自动化之下拉框,隐藏标签定位 代码&报错解决
    ​Linux环境下搭建禅道管理工具-包含软件资源
    Python自动化报错:IndentationError-unindent does not match any outer indentation level
  • 原文地址:https://www.cnblogs.com/Sea1ee/p/8479835.html
Copyright © 2011-2022 走看看