最近看一一下微信的js-sdk,发现功能比较多的,而且也比较好用。然后自己按照极课学院上面的内容学习了一下,感觉接口调用还是蛮简单的一件事情,问题就在于自己的公众号的接口能实现的还是比较少的,很多功能的权限都没有。
注意文档和php的说明以及使用sample,自己都有的,官方给出的里面js-sdk是不用动的。
这里自己接下来给出一个样例的书写:
<?php
require_once "jssdk.php";
$jssdk = new JSSDK("wx57*******60b8da", "7b5beb*********77512b97270dc");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>极客学院</title>
<meta name="viewport" content="width=device-width,initital-scale=1">
</head>
<body>
<button id="btn">点击这里</button>
<button id="btn2">点击拍照</button>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
// 注意:所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
// 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
// 完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
wx.config({
debug:true,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?php echo $signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
"onMenuShareTimeline",
"openLocation",
"getLocation",
"chooseImage",
"previewImage",
"uploadImage"
]
});
wx.ready(function () {
document.getElementById("btn").onclick = function(){
wx.openLocation({
latitude: 60.39, // 纬度,浮点数,范围为90 ~ -90
longitude: 113.10, // 经度,浮点数,范围为180 ~ -180。
name: '天门', // 位置名
address: '我也不知道这是哪里,反正随便写的', // 地址详情说明
scale: 20, // 地图缩放级别,整形值,范围从1~28。默认为最大
infoUrl: 'http://www.jikexueyuan.com' // 在查看位置界面底部显示的超链接,可点击跳转
})
};
document.getElementById("btn2").onclick = function(){
wx.chooseImage({
success:function(res){
var localIds = res.localIds;
}
});
}
});
</script>
</html>