微信开发----JS-SDK接口
2018.03.15：GitHub下载代码
208.3.6：更新：我们不再使用JosnHelp返回字典类或者强类型，而是直接返回动态类型，这样就会方便的多。
JsonHelp更新详情：微信开发----设置菜单
我这里是测试号截图，如果是服务号请按照他的步骤来。（需要绑定，下载什么（ps:是网页授权需要下载还是JS-SDK需要下载记不清了。。。））
这里做测试只写了分享给朋友，和分享到朋友圈这两个接口事件，其他的可以根据文档来追加。
①创建我们的 JsSDKAPI 里面包含两个方法，获取jsapiTicket和获取签名
辅助类：Util 包含了3个方法，分别是:签名算法,获取时间戳，获取随机数
②创建我们的 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>
④修改我们的菜单
⑤发布我们的项目
打开
运行： 
生成新的菜单
你可以点击右上角的分享给朋友，分享到朋友圈。
分享给朋友案例： 点击进人就是进入了我们获取用户信息页面了。
住：扫码进行测试
微信开发----JS-SDK接口的更多相关文章
- 微信企业号JS SDK
微信企业号JS SDK <?php define('CorpID', "wx82e2c31215d9a5a7"); define('CorpSecret', "&q ...
- 微信js SDK接口
微信JS-SDK说明文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 一.微信登录功能 在进行微信OAut ...
- 关于微信JS SDK接口wx.previewImage预览接口的使用
然后后之前的项目,突然往微信上迁移了,一些微信的接口没怎么用过,比较陌生,这次的功能是想调用微信的接口,实现图片放大的功能, 就找到官方文档:http://qydev.weixin.qq.com/wi ...
- 微信前端js sdk以外的开发
此时页面中就会出现刚才我画红圈部分的工具条. 这个工具条再加上上面的标题栏工具条. 极大的降低了可视区域的面积. 是否能将它去掉呢?答案是能够的.增加以下代码就能够去掉微信中以下的工具条: docum ...
- 微信开发模式 api 接口文档简介
微信公众平台分为订阅号和服务号,服务号提供9大接口,需要通过微信认证后才能使用这些接口.认证费用300元.下面是接口的大致介绍: 1. 语音识别:通过语音识别接口,用户发送的语音,将会同时给出语音识别 ...
- 【微信开发】微信开发模式 api 接口文档简介
微信公众平台分为订阅号和服务号,服务号提供9大接口,需要通过微信认证后才能使用这些接口.认证费用300元.下面是接口的大致介绍: 1. 语音识别:通过语音识别接口,用户发送的语音,将会同时给出语音识别 ...
- 调用微信js sdk
场景:需要调用微信获取当前位置的借口. 途径:查看微信 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 .后 ...
- 微信开发系列----02：实现POST请求响应
继续昨天的,现在我们的微信测试成功了,可以开发实现微信的各种功能,今天主要实现微信的简单交互,比如发送语音,图片,文本等请求,网站服务器发送对应的响应. 项目GitHub地址: https://gi ...
- 微信开发（2）:微信js sdk分享朋友圈，朋友，获取config接口注入权限验证（转）
进行微信开发已经一阵子了,从最初的什么也不懂,到微信授权登录,分享,更改底部菜单,素材管理,等. 今天记录一下微信jssdk 的分享给朋友的功能,获取config接口注入. 官方文档走一下简单说:四步 ...
- 微信JS SDK配置授权，实现分享接口
微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑, ...
随机推荐
- log4j的AppenderLayout格式符
%p:输出日志信息的优先级,即DEBUG,INFO,WARN,ERROR,FATAL. %d:输出日志时间点的日期或时间,默认格式为ISO8601,也可以在其后指定格式,如:%d{yyyy/MM/dd ...
- Windows x64位通过PEB获得Kernel32基地址
在64位系统下 gs:[0x30] 指向TEB gs:[0x60] 指向PEB kd> dt _TEB nt!_TEB +0x000 NtTib : _NT_TIB +0x000 Excepti ...
- 安卓API版本
- JavaScript获取url参数
声明:以下内容转自网络 方法一 String.prototype.getUrlString = function(name) { var reg = new RegExp("(^|& ...
- 2.浅析Hadoop之YARN
YARN也是主从架构,主节点是ResourceManager,从节点是NodeManager,是一种资源分配及任务管理的组件 针对每个任务还有ApplicationMaster应用管理者和Contai ...
- node-sass安装失败的解决办法
安装node-sass一直失败,说起来还是自己把自己坑了,在度娘的帮助下我找到了下面这些资料: 资料1:FQ后再安装node-sass (无效),我使用的是lantern工具翻的墙 资料2:将yarn ...
- css之margin,padding的百分比
注意:上下内边距与左右内边距一致:即上下内边距的百分数会相对于父元素宽度设置,而不是相对于高度. PS:而且是基于父元素内容的宽度(width属性的大小),不是基于父元素整个框架的宽度
- String StringBuffer StringBuilder对比
1.相同点 三者都可以用来存储字符串类型数据. 2.不同点 String类型对象内容不可变,每变化一次都会创建一个新的对象. StringBuiler与StringBuffer的内容与长度均可以发生变 ...
- 单链表的插入伪算法和用C语言创建单链表，并遍历
非循环单链表插入结点伪算法讲解 q插入p之后的伪算法:第一种表示方法:r = p->pNext; // p->pNext表示的是所指向结点的指针域,指针域又是指向下一个结点的地址p-> ...
- Stage6--Python简单爬虫
正则表达式简单介绍 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串.将匹配的子串做替换或者从某个串中取出符合某个条件的子串等. 字符 ...