微信开发----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月份的时候,因为这个分享的证书获取问题深深的栽了一坑, ...
随机推荐
- 移动端或APP禁止放大标识
如果手机端或者APP的应用里面,有点击一下屏幕会自己放大,解决办法如下: 在头部添加一条meta标识 <meta name="viewport" content=" ...
- 几个免费 IP 归属地查询 API
1.淘宝:同个IP不能连续查询,需要时间间隔 http://ip.taobao.com/service/getIpInfo.php?ip=114.114.114.114 返回结果 { "co ...
- WPF 窗体在Alt+Tab中隐藏
问题: 近段时间由于项目上的需求,需要在WPF中使用COM组件,并且由于软件界面设计等等原因,需要将部分控件显示在COM组件之上,由于WindowsFormsHost的一些原因,导致继承在WPF中的W ...
- dojo入门
1.引入dojo.js dojo的发行包里有4个子目录,要引入的文件是名叫"dojo"的子目录里的dojo.js. 假设你是这样的目录结构: project | +--dojo-l ...
- [转]在ASP.NET Core使用Middleware模拟Custom Error Page功能
本文转自:http://www.cnblogs.com/maxzhang1985/p/5974429.html 阅读目录 一.使用场景 二..NET Core实现 三.源代码 回到目录 一.使用场景 ...
- 删除.browserslistrc文件就好了
$ npm run dev > bootstrap-vue@1.0.0 dev E:\aawork\1work\2019.2\bootstrap-vue> webpack-dev-serv ...
- C# 安装WindowService服务和相关
https://www.cnblogs.com/charlie-chen2016/p/8031774.html 这是一个备份数据库的服务,逻辑很简单,就是通过定时器实现在特定的时间执行SQL语句备份数 ...
- js获取文件输入框的真实目录
1.问题 页面有一个input file服务器控件,一个div,div是image标签的容器,当点击input file的值改变,我们往div里追加image标签: 但当通过js的onchange事件 ...
- 清理widows的网络连接
在听兄弟连李明老师的课程时,Samba配置时,window连接有时要清理,可以用以下命令 1.打开win的命令行. 2.输入net use,就会打印出当前缓存的连接上列表. 3.根据列表,一个个删除连 ...
- Juniper 防火墙端口映射设置
首先我们登陆到juniper防火墙控制界面 默认地址大家都知道(192.168.1.1) 默认用户和密码netsscreen 下面介绍登陆界面: 让我们开始配置吧 依次展开policy → Polic ...