微信开发,调用js-SDK接口
微信开发,调用js-SDK接口
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<style> </style>
</head>
<body>
<h1>微信</h1>
<p>UX1wyEikfZC4NW1c7drZlHHaLMc3VhhTMEYt3Qu8BMYaFgrlboJtckZTEdMwPZCJom7xuEN5Hji_gUM_YMC6xBN5Av5Cner4_HJsMlNgPfDZjcyQhYCoQB-sd-cn-JXuZFJfACAHNR</p>
<a href="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx00630f07f5fe0589&secret=33cc2acfbafd5492b1a17aeebe3106b2">链接</a>
<a href="https://api.weixin.qq.com/cgi-bin/getcallbackip?access_token=BzQWoLGstPtgiVDNJ891EQbfG13b-zqyxsNTEpQnDwYfM03yQ6Ny_oyBshHStZJV1qAsTUhc6ZuxU87-66od4m5MeUf4wFaIbRCTpKS7QllnGiy_2mLJC-VwflKyEdtmAGQbAGANTD">语义接口</a>
<a href="https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=UX1wyEikfZC4NW1c7drZlHHaLMc3VhhTMEYt3Qu8BMYaFgrlboJtckZTEdMwPZCJom7xuEN5Hji_gUM_YMC6xBN5Av5Cner4_HJsMlNgPfDZjcyQhYCoQB-sd-cn-JXuZFJfACAHNR&type=jsapi">jsapi</a>
<button onclick="checkJson()">点击</button>
<!--<button id="onMenuShareTimeline">onMenuShareTimeline</button>-->
<button onclick="checkSign()">123</button>
<button onclick="chackC()">677787</button>
<button onclick="checkApi()">checkApi</button>
<script src="js/jquery-1.11.3.js"></script>
<script> function checkJson(){
$.ajax({
type: "post",
url:"https://api.weixin.qq.com/semantic/semproxy/search?access_token=otZynt6CfBlj_bO4FDb3k7PbHJgVsZ_JF4LCSd4YaLfVgTB0gPbvEuaNsoKlPSF0GCShtRNBCtzjSTS7BxC3MrvrbLpnhC0qTfR1y-fWeLPBjeeYsZ6K7Vv7QLjCvOtaUVJfAIALMA",
data:{
"query":"1",
"city":"2",
"category": "flight,hotel",
"appid":"wx00630f07f5fe0588",
"uid":"123456"
},
success: function(msg){
alert( "Data Saved: " + msg );
}
})
}
var nonceStrR;
var timestampR;
var signatureR;
function checkSign(){
$.ajax({
type: "post",
url:"query.do",
data:{
JSticket:"kgt8ON7yVITDhtdwci0qea_7zWUVeegljlIDSsYEEIVMeXQ_b1daZhw5yifCIGt5FLHdlydZn1pkp3cYlA8c4Q",
url:"http://www.iok.la/"//调用绑定的域名
// sign('jsapi_ticket', 'http://example.com')
},
success: function(msg){
// var data1=JSON.stringify(msg);
var data1 =msg;
console.log(data1);
nonceStrR=data1.nonceStr;
timestampR=data1.timestamp;
signatureR=data1.signature;
console.log(data1.signature);
}
})
}
function chackC(){
wx.config({
debug:true,
appId:"",
timestamp:timestampR,
nonceStr:nonceStrR,
signature:signatureR,
jsApiList:[
'checkJsApi',
'onMenuShareAppMessage',
'onMenuShareTimeline',
]
});
} wx.ready(function () {
alert("成功");
});
wx.error(function(res){
console.log(JSON.stringify(res));
});
function checkApi(){
wx.checkJsApi({
jsApiList:[
'checkJsApi',
'onMenuShareAppMessage',
'onMenuShareTimeline',
],
success:function(res){
console.log(JSON.stringify(res))
}
})
}
</script>
</body>
</html>
服务器端
/**
* Created by on 2016/7/12.
*/
var myexpress = require("./server/node_modules/express");
var app = myexpress();
app.set("port",80);
/*配置express*/
app.configure(function(){
app.use(myexpress.logger("dev")); //日志模块,写在核心模块上面,dev是开发者模式,日志会打印在console
/*------------核心模块*/
app.use(myexpress.bodyParser());
app.use(myexpress.methodOverride());
app.use(app.router);
app.use(myexpress.static(__dirname));
/*------------核心模块完*/
//浏览器上的图标
app.use(myexpress.favicon(__dirname+""));
app.use(myexpress.errorHandler()); //错误信息打印在控制台上
});
app.listen(app.get("port"),function(){
console.log("express正在监听端口:"+app.get("port"));
});
//注意需要引用sign.js
var sign = require('./js/sign.js');
app.post("/query.do",function(request,response){
console.log(request.body);
console.log(sign(request.body.JSticket,request.body.url));
var data =sign(request.body.JSticket,request.body.url);
var data1={
nonceStr:data.nonceStr,
timestamp:data.timestamp,
signature:data.signature
};
console.log(data1);
response.send(data1);
});
微信开发,调用js-SDK接口的更多相关文章
- 微信js SDK接口
微信JS-SDK说明文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 一.微信登录功能 在进行微信OAut ...
- 夺命雷公狗---微信开发56----微信js-sdk接口开发(3)所有接口功能
按照上节课程里面的介绍,我们可以先将刚才在signatrue.php里获取到的信息填写进jssdk.htm模版文件里填写各个权限的参数 jssdk.htm代码如下: <!DOCTYPE html ...
- 夺命雷公狗---微信开发55----微信js-sdk接口开发(2)接口功能介绍之签名算法
我们JS-SDK里面其实有不少的接口 startRecord---录音 stopRecord---停止录音 playVoice---播放 pauseVoice---暂停播放 uploadImage-- ...
- 关于微信网页调用js-sdk相关接口注意事项目(一级域名与二级域名互相干扰!!!)
不知道有没有网友遇到过同一个web应用用不同的域名(一级或二级域名)在两个公众号中调用JSSDK相关接口实现功能, 这种做法本来没有问题,问题在于用二级域名(同属一级域名下的二级域名)绑定另一个web ...
- 关于微信JS SDK接口wx.previewImage预览接口的使用
然后后之前的项目,突然往微信上迁移了,一些微信的接口没怎么用过,比较陌生,这次的功能是想调用微信的接口,实现图片放大的功能, 就找到官方文档:http://qydev.weixin.qq.com/wi ...
- 微信开发——测试号申请,接口配置,JS接口安全域名,自定义菜单
1.申请测试账号: 先申请公众号后,点击进入公从号的管理页面:找到“开发者工具”,找到“公众平台测试账号”,点击“进入”. 2.接口配置信息设置 必须要外网哦,也就是微信服务器要能访问到你填写到url ...
- 最新微信公众平台js sdk整合PHP版
由于没有持续关注微信公众平台相关的开发,所以看到这个东西时,都没有耐心看完开发文档,或者不知道重点. 重点在哪呢?重点在示例代码:http://mp.weixin.qq.com/wiki/7/aaa1 ...
- 夺命雷公狗---微信开发54----微信js-sdk接口开发(1)之快速入门
js-sdk基本介绍 除去服务号的九大接口外,微信提供了JS-SDK接口,所谓JS-SDK接口也就是在网页中使用javascript来更改网页设置, (比如隐藏右上角的菜单)获取用户状态(比如地理位置 ...
- 【微信开发】JS和PHP分别判断当前浏览器是否微信浏览器
1.PHP端 //判断是否微信浏览器 -xzz1125 function is_weixin() { if (strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMes ...
- 微信开发平台中有个接口是上传多媒体文件,我用的是java 开发的,我怎么样才能在后台实现呢?
/** * 文件上传到微信服务器 * @param fileType 文件类型 * @param filePath 文件路径 * @return JSONObj ...
随机推荐
- BZOJ4898/5367 Apio2017商旅(分数规划+floyd)
如果要在某点买入某物品并在另一点卖出,肯定是走其间最短路径.于是预处理任意两点间的收益和最短路径,连完边二分答案判负环即可,可以全程floyd.注意inf大小. #include<iostrea ...
- C++解析(2):进化后的 const 分析
0.目录 1.C语言中的const 2.C++中的const 3.对比 3.1 C语言与C++中的const 3.2 C++中的const与宏定义 4.小结 1.C语言中的const const修饰的 ...
- 【刷题】BZOJ 5293 [Bjoi2018]求和
Description master 对树上的求和非常感兴趣.他生成了一棵有根树,并且希望多次询问这棵树上一段路径上所有节点深度的k 次方和,而且每次的k 可能是不同的.此处节点深度的定义是这个节点到 ...
- Redis安装与配置Redis安装与配置
今天在使用Redis的时候遇到了一些问题,这个问题的解决,发现很多人使用Redis的时候没有一点安全意识.所以又重温了一下Redis,觉得应该写一下Redis的安全和配置. Redis安装与配置Red ...
- windows主机防护
Netsh命令-修改网络IP设置 网络管理相关函数 Windows用户相关操作 SID(安全标识符) 策略其他说明 主机防护设置 命令行添加防火墙 防火墙规则 使用SetupDI* API列举系统中的 ...
- php前后端分离项目跨域问题解决办法
由于之前一直没有做过前后端分离项目,导致走了不少弯路,而且还采用了一种及其不优雅的方法 (在第一次请求的时候把服务器返回的session id保存起来,后续请求的时候把该session id作为参数传 ...
- bzoj 2530 [Poi2011]Party 构造
2530: [Poi2011]Party Time Limit: 10 Sec Memory Limit: 128 MBSec Special JudgeSubmit: 364 Solved: ...
- 14.Android UiAutomator 图像处理
一.BitMap介绍 1.图像使用场景 1)效果类截图 2)不可见的组件图像对比 3)失败与异常截图 4)利用图像判断组件 2.部分API简单说明 API 说明 compress 压缩图片 copy ...
- 「Django」rest_framework学习系列-视图
方式一 1.settings设置 INSTALLED_APPS = [ ... 'rest_framework', ] 2.views设置 from rest_framework.response i ...
- Java常量池详解之Integer缓存
一个Java question,求输出结果 public class IntegerTest { public static void main(String[] args) { objPoolT ...