2018.03.15：GitHub下载代码

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

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

官网文档

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

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

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

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

SHA1官网

②创建我们的 JSSDKController

③创建视图

  1. @model SeaLee.WeiXin.Web.Models.JSSDKModel
  2.  
  3. @{
  4.     Layout = null;
  5. }
  6.  
  7. <!DOCTYPE html>
  8.  
  9. <html>
  10. <head>
  11.     <meta name="viewport" content="width=device-width" />
  12.     <title>Index</title>
  13.     <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
  14.     <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  15.     <script src="~/JS/jquery-1.11.2.min.js"></script>
  16.     <script>
  17.         wx.config({
  18.             debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  19.             appId:'@Model.appId', // 必填，公众号的唯一标识
  20.             timestamp:@Model.timestamp, // 必填，生成签名的时间戳
  21.             nonceStr:'@Model.nonceStr', // 必填，生成签名的随机串
  22.             signature:'@Model.signature', // 必填，签名，见附录1
  23.             jsApiList: [
  24.                  'checkJsApi',
  25.                  'onMenuShareTimeline',   //分享到朋友圈
  26.                  'onMenuShareAppMessage'   //分享给朋友
  27.                  //需要写别的事件，①  现在这里写名称
  28.             ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
  29.         });
  30.  
  31.         wx.ready(function () {
  32.             // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
  33.             document.querySelector('#checkJsApi').onclick = function () {
  34.                 wx.checkJsApi({
  35.                     jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
  36.                     success: function (res) {
  37.                         alert(JSON.stringify(res));
  38.                     }
  39.                 });
  40.                 alert("已获取注册'检查JS支持'事件");
  41.             };
  42.  
  43.             //分享给朋友
  44.             wx.onMenuShareAppMessage({
  45.                 title: '今天很高兴呢！', // 分享标题
  46.                 link: 'http://www.sealee.xin/OAuth/Index', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  47.                 imgUrl: 'http://www.sealee.xin/Images/demo.png', // 分享图标
  48.                 type: 'link', // 分享类型,music、video或link，不填默认为link  要写link,不然不生效。。。
  49.                 success: function () {
  50.                     // 用户确认分享后执行的回调函数
  51.                 },
  52.                 cancel: function () {
  53.                     // 用户取消分享后执行的回调函数
  54.                 }
  55.             });
  56.  
  57.             //分享到朋友圈
  58.             wx.onMenuShareTimeline({
  59.                 title: '今天又很开心哟！', // 分享标题
  60.                 link: 'http://www.sealee.xin/OAuth/Index', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  61.                 imgUrl: 'http://www.sealee.xin/Images/demo.png', // 分享图标
  62.                 type: 'link', // 分享类型,music、video或link，不填默认为link
  63.                 success: function () {
  64.                     // 用户确认分享后执行的回调函数
  65.                 },
  66.                 cancel: function () {
  67.                     // 用户取消分享后执行的回调函数
  68.                 }
  69.             });
  70.  
  71.             //②然后在这里写事件
  72.  
  73.         });
  74.  
  75.     </script>
  76.  
  77. </head>
  78. <body>
  79.     <button type="button" class="btn btn-info" id="checkJsApi">检查是否支持指定JS接口</button>
  80.     <div class="alert alert-primary" role="alert">
  81.         该页面只写了检查接口事件外加 分享给朋友，分享到朋友圈这两个 接口事件,别的事件根据文档加
  82.     </div>
  83. </body>
  84. </html>

④修改我们的菜单

⑤发布我们的项目

打开    运行：    生成新的菜单

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

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

住：扫码进行测试

微信开发----JS-SDK接口的更多相关文章

  1. 微信企业号JS SDK

    微信企业号JS SDK <?php define('CorpID', "wx82e2c31215d9a5a7"); define('CorpSecret', "&q ...

  2. 微信js SDK接口

    微信JS-SDK说明文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 一.微信登录功能 在进行微信OAut ...

  3. 关于微信JS SDK接口wx.previewImage预览接口的使用

    然后后之前的项目,突然往微信上迁移了,一些微信的接口没怎么用过,比较陌生,这次的功能是想调用微信的接口,实现图片放大的功能, 就找到官方文档:http://qydev.weixin.qq.com/wi ...

  4. 微信前端js sdk以外的开发

    此时页面中就会出现刚才我画红圈部分的工具条. 这个工具条再加上上面的标题栏工具条. 极大的降低了可视区域的面积. 是否能将它去掉呢?答案是能够的.增加以下代码就能够去掉微信中以下的工具条: docum ...

  5. 微信开发模式 api 接口文档简介

    微信公众平台分为订阅号和服务号,服务号提供9大接口,需要通过微信认证后才能使用这些接口.认证费用300元.下面是接口的大致介绍: 1. 语音识别:通过语音识别接口,用户发送的语音,将会同时给出语音识别 ...

  6. 【微信开发】微信开发模式 api 接口文档简介

    微信公众平台分为订阅号和服务号,服务号提供9大接口,需要通过微信认证后才能使用这些接口.认证费用300元.下面是接口的大致介绍: 1. 语音识别:通过语音识别接口,用户发送的语音,将会同时给出语音识别 ...

  7. 调用微信js sdk

    场景:需要调用微信获取当前位置的借口. 途径:查看微信 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 .后 ...

  8. 微信开发系列----02：实现POST请求响应

    继续昨天的,现在我们的微信测试成功了,可以开发实现微信的各种功能,今天主要实现微信的简单交互,比如发送语音,图片,文本等请求,网站服务器发送对应的响应. 项目GitHub地址:  https://gi ...

  9. 微信开发（2）:微信js sdk分享朋友圈，朋友，获取config接口注入权限验证（转）

    进行微信开发已经一阵子了,从最初的什么也不懂,到微信授权登录,分享,更改底部菜单,素材管理,等. 今天记录一下微信jssdk 的分享给朋友的功能,获取config接口注入. 官方文档走一下简单说:四步 ...

  10. 微信JS SDK配置授权，实现分享接口

    微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑, ...

随机推荐

  1. JavaScript中有var和没var的区别

    Js中的变量声明的作用域是以函数为单位,所以我们经常见到避免全局变量污染的方法是 (function(){ // ... })(); 在函数内部,有var和没var声明的变量是不一样的.有var声明的 ...

  2. rsync的配置

    1. 安装rsync,如果要讲1.1.1.1的数据备份到2.2.2.2上,则在1.1.1.1上配置如下: /etc/rsyncd.conf uid = nobody gid = nobody use ...

  3. MySql存储引擎MyISAM和InnoDB的区别

    1.MySQL默认采用的是MyISAM. 2.MyISAM不支持事务,而InnoDB支持.InnoDB的AUTOCOMMIT默认是打开的,即每条SQL语句会默认被封装成一个事务,自动提交,这样会影响速 ...

  4. [转]谷歌Chrome浏览器开发者工具教程—基础功能篇

    来源:http://www.xiazaiba.com/jiaocheng/5557.html Chrome(F12开发者工具)是非常实用的开发辅助工具,对于前端开发者简直就是神器,但苦于开发者工具是英 ...

  5. Wpf ListView展示风格

    ListView数据绑定控件,通常是竖列展示,也可以通过改变ListView的布局来改变它的展示方式 如图展示: 主要需用修改的样式如下: <!--GridView Header样式 去除Gri ...

  6. Web开发HTTP中URI和URL的情感纠葛

    作者:郭无心链接:https://www.zhihu.com/question/21950864/answer/66779836来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...

  7. SQL Server迭代求和

    drop table t_geovindu create table t_geovindu ( xid int IDENTITY (1, 1), price money, DebitCredit VA ...

  8. Angular选项卡

    前几天我发的东西,可能对于没有基础的人很难理解,那么今天,咱们就发点简单点的东西吧! Angular显示隐藏,选项卡! 还是那句话,话不多说,上代码: <!DOCTYPE html> &l ...

  9. 2、eclipse中使用Maven

    1.导入Maven项目 1.1从spring官网下载示例工程 访问Spring官网 点击[Browse the Guides]即可看到Spring官方为我们提供的很多Demo.

  10. ArcGIS Enterprise 10.5.1 静默安装部署记录（Centos 7.2 minimal）- 3、安装Portal for ArcGIS

    安装Portal for ArcGIS 解压portal安装包,tar -xzvf Portal_for_ArcGIS_Linux_1051_156440.tar.gz 切换到arcgis账户静默安装 ...