微信開發自定義菜單

微信開發的過程中,我們發現有很多的權限我們個人的訂閱號是沒有的,所以呢,我們採用測試號來進行開發。測試號有它自己的ID和密碼,有自己的URL綁定地址以及綁定域名的地方,注意綁定域名不要加http://,只包括自己的域名,例如 xx.duapp.com  其餘什麼都不要。


下面是JSSDK中對於php語言的sample.phpde 的改寫內容,注意,需要修改的只有APPID 和APPSECRET(從測試號賦值過來即可)。另外一點注意,如果你的accesstoken是調用一次API就獲取一次的話,那麼儘量只自己測試,權限次數雖然寫着2000,但是實際只有100次左右,不要讓太多的人頻繁的點擊測試。

測試錄音接口需要將音頻的id傳遞給playvoice,需要設置一個變量,進行傳遞~~~


<?php
require_once "jssdk.php";
$jssdk = new JSSDK("你的appid", "你的APPsecret");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initital-scale=1">
  <title>騰訊API</title>
</head>
<body>
  <button id="btn">點擊顯示總部</button>
  <button id="ve1">開始錄音</button>
  <button id="ve2">停止錄音</button>
  <button id="ve3">播放錄音</button>
  
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>

  /*
   * 注意:
   * 1. 所有的JS接口只能在公衆號綁定的域名下調用,公衆號開發者需要先登錄微信公衆平臺進入“公衆號設置”的“功能設置”裏填寫“JS接口安全域名”。
   * 2. 如果發現在 Android 不能分享自定義內容,請到官網下載最新的包覆蓋安裝,Android 自定義分享接口需升級至 6.0.2.58 版本及以上。
   * 3. 常見問題及完整 JS-SDK 文檔地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 開發中遇到問題詳見文檔“附錄5-常見錯誤及解決辦法”解決,如仍未能解決可通過以下渠道反饋:
   * 郵箱地址:[email protected]
   * 郵件主題:【微信JS-SDK反饋】具體問題
   * 郵件內容說明:用簡明的語言描述問題所在,並交代清楚遇到該問題的場景,可附上截屏圖片,微信團隊會盡快處理你的反饋。
   */
  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 都要加到這個列表中
 
 "onMenuShareAppMessage",
 "openLocation",
 "startRecord",
 "stopRecord",
 "playVoice"
 
    ]
  });
  wx.ready(function () {
    // 在這裏調用 API
wx.onMenuShareAppMessage({
    title: '分享標題', // 分享標題
    desc: '分享描述', // 分享描述
    link: 'http://www.baidu.com', // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
    imgUrl: 'http://1995zp.duapp.com/demo.jpg', // 分享圖標
    type: 'link', // 分享類型,music、video或link,不填默認爲link
    dataUrl: '', // 如果type是music或video,則要提供數據鏈接,默認爲空
    success: function () { 
        // 用戶確認分享後執行的回調函數
alert("ok");
    },
    cancel: function () { 
        // 用戶取消分享後執行的回調函數
alert("false");
    }
});
document.getElementById("btn").onclick = function(){
wx.openLocation({
         latitude: 65.4, // 緯度,浮點數,範圍爲90 ~ -90
        longitude: 70.7, // 經度,浮點數,範圍爲180 ~ -180。
         name: '北京', // 位置名
        address: '北京昌平區金利全D區', // 地址詳情說明
        scale: 20, // 地圖縮放級別,整形值,範圍從1~28。默認爲最大
         infoUrl: 'http://wwww.baidu.com/' // 在查看位置界面底部顯示的超鏈接,可點擊跳轉
       });

}

var ve1 = document.getElementById("ve1");
        var ve2 = document.getElementById("ve2");
        var ve3 = document.getElementById("ve3");
        ve1.onclick = function () {
            wx.startRecord();
        }
        var vv = null;
        ve2.onclick = function () {
            wx.stopRecord({
                success: function (res) {
                    var localId = res.localId;
                    vv = localId;
                }
            });
        }
        ve3.onclick = function () {
            wx.playVoice({
                localId: vv // 需要播放的音頻的本地ID,由stopRecord接口獲得
            });
        }



});
</script>
</html>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章