wechat-js-sdk

最近看一一下微信的js-sdk,發現功能比較多的,並且也比較好用。而後本身按照極課學院上面的內容學習了一下,感受接口調用仍是蠻簡單的一件事情,問題就在於本身的公衆號的接口能實現的仍是比較少的,不少功能的權限都沒有。
注意文檔和php的說明以及使用sample,本身都有的,官方給出的裏面js-sdk是不用動的。
這裏本身接下來給出一個樣例的書寫:php

<?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>
相關文章
相關標籤/搜索