微信开发----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月份的时候,因为这个分享的证书获取问题深深的栽了一坑, ...
随机推荐
- jstl标注标签库
1. 常用标签 引入标签库: <%@ taglib prefix=”c” uri=”” %> 1. C 标签 (1)<c:out value=”” default=” ...
- MVC类库视图在UI使用方法
在类库中固定文件:Controller Views 引用一下两个程序集(类库和UI项目都需要引用)(似乎只需要引用mvc的,build似乎在引用文件中不见了?有空测试一下) 如此方式,一个登录需要是 ...
- FileUpload一键自动上传
背景 源程序二次修改 传统的Asp.net WebForm开发 上传控件样式可自定义 分析 不能用第三方插件,因为源程序开发模式对异步的支持不友好而第三方插件大都是针对异步编程的 兼容IE8及以上和其 ...
- Redis的Lists数据类型
Lists 就是链表,相信略有数据结构知识的人都应该能理解其结构.使用Lists结构,我们可以轻松地实现最新消息排行等功能.Lists的另一个应用就是消息队列,可以利用Lists的PUSH操作,将任务 ...
- python dict list tuple
Dict 创建 somedict = {} somedict = {"key": value} a = dict(one=1, two=2, three=3) c = dict(z ...
- shutil模块——高级的文件、文件夹、压缩包处理模块
将文件内容拷贝到另一个文件 shutil.copyfileobj('fsrc', 'fdst', 'length') 方法源码: def copyfileobj(fsrc, fdst, length= ...
- javascript 权威指南
1.对象 1.1.序列话对象 JSON.stringify() 和 JSON.parse() 用来序列化和还原 javascript 对象. var o = {x:1, y:{z:[false,nul ...
- asp.net学习视频大全（共800集）
今天在网上找asp.net学习视频时,发现了一些好的学习资源,记录一下供大家学习. 资料名称 下载地址 <ASP.NET4.0从入门到精通>随书教学视频 http://down.51ct ...
- C#工具类之数据库连接
一.SQL Server /// <summary> /// 数据库的通用访问代码 /// 此类为抽象类, /// 不允许实例化,在应用时直接调用即可 /// </summary&g ...
- ezdpl Linux自动化部署实战
最近把ezdpl在生产环境中实施了,再加上这段时间的一些修改,一并介绍一下. 再次申明: ezdpl不是开箱即用的,需要根据自己的应用环境定制.对初学者来说使用起来反倒困难更多.风险更大. 它不是一个 ...