wechat-js-sdk

李飞翼
2023-12-01

最近看一一下微信的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>
 类似资料: