JSSDK

1、JSSDK

一、開發步驟

  • 綁定安全域名(域名綁定給任意一個公衆號)
  • 引入JS
  • 權限驗證wx.config({})
  • ready 全部的開發寫在ready中
  • error

二、分享接口

  • onMenuShareTimeline 分享到朋友圈git

    wx.onMenuShareTimeline({
    
          title: '', // 分享標題
    
          link: '', // 分享連接,該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
    
          imgUrl: '', // 分享圖標
    
          success: function () { 
    
              // 用戶確認分享後執行的回調函數
    
          },
    
          cancel: function () { 
    
              // 用戶取消分享後執行的回調函數
    
          }
    
      });
  • onMenuShareAppMessage 分享給朋友安全

    wx.onMenuShareAppMessage({
    
          title: '', // 分享標題
    
          desc: '', // 分享描述
    
          link: '', // 分享連接,該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
    
          imgUrl: '', // 分享圖標
    
          type: '', // 分享類型,music、video或link,不填默認爲link
    
          dataUrl: '', // 若是type是music或video,則要提供數據連接,默認爲空
    
          success: function () { 
    
              // 用戶確認分享後執行的回調函數
    
          },
    
          cancel: function () { 
    
              // 用戶取消分享後執行的回調函數
    
          }
    
      });
  • onMenuShareQQ 分享到QQ服務器

    wx.onMenuShareQQ({
    
          title: '', // 分享標題
    
          desc: '', // 分享描述
    
          link: '', // 分享連接
    
          imgUrl: '', // 分享圖標
    
          success: function () { 
    
             // 用戶確認分享後執行的回調函數
    
          },
    
          cancel: function () { 
    
             // 用戶取消分享後執行的回調函數
    
          }
    
      });
  • onMenuShareWeibo 分享到騰訊微博微信

    wx.onMenuShareWeibo({
    
          title: '', // 分享標題
    
          desc: '', // 分享描述
    
          link: '', // 分享連接
    
          imgUrl: '', // 分享圖標
    
          success: function () { 
    
             // 用戶確認分享後執行的回調函數
    
          },
    
          cancel: function () { 
    
              // 用戶取消分享後執行的回調函數
    
          }
    
      });
  • onMenuShareQZone 分享到QQ空間網絡

    wx.onMenuShareQZone({
    
          title: '', // 分享標題
    
          desc: '', // 分享描述
    
          link: '', // 分享連接
    
          imgUrl: '', // 分享圖標
    
          success: function () { 
    
             // 用戶確認分享後執行的回調函數
    
          },
    
          cancel: function () { 
    
              // 用戶取消分享後執行的回調函數
    
          }
    
      });

    文檔https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

三、圖像接口

  • chooseImage 拍照或從手機相冊中選圖接口ide

    wx.chooseImage({
    
          count: 1, // 默認9
    
          sizeType: ['original', 'compressed'], // 能夠指定是原圖仍是壓縮圖,默認兩者都有
    
          sourceType: ['album', 'camera'], // 能夠指定來源是相冊仍是相機,默認兩者都有
    
          success: function (res) {
    
              var localIds = res.localIds; // 返回選定照片的本地ID列表,localId能夠做爲img標籤的src屬性顯示圖片
    
          }
    
      });
  • previewImage 預覽圖片接口函數

    wx.previewImage({
    
          current: '', // 當前顯示圖片的http連接
    
          urls: [] // 須要預覽的圖片http連接列表
    
      });
  • uploadImage 上傳圖片接口url

    wx.uploadImage({
    
          localId: '', // 須要上傳的圖片的本地ID,由chooseImage接口得到
    
          isShowProgressTips: 1, // 默認爲1,顯示進度提示
    
          success: function (res) {
    
              var serverId = res.serverId; // 返回圖片的服務器端ID
    
          }
    
      });
  • downloadImage 下載圖片接口.net

    wx.downloadImage({
    
          serverId: '', // 須要下載的圖片的服務器端ID,由uploadImage接口得到
    
          isShowProgressTips: 1, // 默認爲1,顯示進度提示
    
          success: function (res) {
    
              var localId = res.localId; // 返回圖片下載後的本地ID
    
          }
    
      });
  • getLocalImgData 獲取本地圖片接口插件

    wx.getLocalImgData({
    
          localId: '', // 圖片的localID
    
          success: function (res) {
    
              var localData = res.localData; // localData是圖片的base64數據,能夠用img標籤顯示
    
          }
    
      });

四、語音接口

  • startRecord 開始錄音接口

    wx.startRecord();
  • stopRecord 中止錄音接口

    wx.stopRecord({
    
          success: function (res) {
    
              var localId = res.localId;
    
          }
    
      });
  • onVoiceRecordEnd 監聽錄音自動中止接口

    wx.onVoiceRecordEnd({
    
          // 錄音時間超過一分鐘沒有中止的時候會執行 complete 回調
    
          complete: function (res) {
    
              var localId = res.localId; 
    
          }
    
      });
  • playVoice 播放語音接口

    wx.playVoice({
    
          localId: '' // 須要播放的音頻的本地ID,由stopRecord接口得到
    
      });
  • pauseVoice 暫停播放接口

    wx.pauseVoice({
    
          localId: '' // 須要暫停的音頻的本地ID,由stopRecord接口得到
    
      });
  • stopVoice 中止播放接口

    wx.stopVoice({
    
          localId: '' // 須要中止的音頻的本地ID,由stopRecord接口得到
    
      });
  • onVoicePlayEnd 監聽語音播放完畢接口

    wx.onVoicePlayEnd({
    
          success: function (res) {
    
              var localId = res.localId; // 返回音頻的本地ID
    
          }
    
      });
  • uploadVoice 上傳語音接口

    wx.uploadVoice({
    
          localId: '', // 須要上傳的音頻的本地ID,由stopRecord接口得到
    
          isShowProgressTips: 1, // 默認爲1,顯示進度提示
    
              success: function (res) {
    
              var serverId = res.serverId; // 返回音頻的服務器端ID
    
          }
    
      });
  • downloadVoice 下載語音接口

    wx.downloadVoice({
    
          serverId: '', // 須要下載的音頻的服務器端ID,由uploadVoice接口得到
    
          isShowProgressTips: 1, // 默認爲1,顯示進度提示
    
          success: function (res) {
    
              var localId = res.localId; // 返回音頻的本地ID
    
          }
    
      });

五、智能接口

  • translateVoice 識別音頻並返回識別結果接口

    wx.translateVoice({
    
         localId: '', // 須要識別的音頻的本地Id,由錄音相關接口得到
    
          isShowProgressTips: 1, // 默認爲1,顯示進度提示
    
          success: function (res) {
    
              alert(res.translateResult); // 語音識別的結果
    
          }
    
      });

六、設備信息

  • getNetworkType 網絡狀態

    wx.getNetworkType({
    
          success: function (res) {
    
              var networkType = res.networkType; // 返回網絡類型2g,3g,4g,wifi
    
          }
    
      });

七、定位

  • getLocation 獲取地理位置接口

    wx.getLocation({
    
          type: 'wgs84', // 默認爲wgs84的gps座標,若是要返回直接給openLocation用的火星座標,可傳入'gcj02'
    
          success: function (res) {
    
              var latitude = res.latitude; // 緯度,浮點數,範圍爲90 ~ -90
    
              var longitude = res.longitude; // 經度,浮點數,範圍爲180 ~ -180。
    
              var speed = res.speed; // 速度,以米/每秒計
    
              var accuracy = res.accuracy; // 位置精度
    
          }
    
      });
  • openLocation 使用微信內置地圖查看位置接口

    wx.openLocation({
    
          latitude: 0, // 緯度,浮點數,範圍爲90 ~ -90
    
          longitude: 0, // 經度,浮點數,範圍爲180 ~ -180。
    
          name: '', // 位置名
    
          address: '', // 地址詳情說明
    
          scale: 1, // 地圖縮放級別,整形值,範圍從1~28。默認爲最大
    
          infoUrl: '' // 在查看位置界面底部顯示的超連接,可點擊跳轉
    
      });

八、界面操做

  • closeWindow 關閉當前網頁窗口接口
  • hideAllNonBaseMenuItem 隱藏全部非基礎按鈕接口
  • showAllNonBaseMenuItem 顯示全部功能按鈕接口
  • hideMenuItems 批量隱藏功能按鈕接口
  • showMenuItems 批量顯示功能按鈕接口

九、掃一掃

  • scanQRCode

    wx.scanQRCode({
    
          needResult: 0, // 默認爲0,掃描結果由微信處理,1則直接返回掃描結果,
    
          scanType: ["qrCode","barCode"], // 能夠指定掃二維碼仍是一維碼,默認兩者都有
    
          success: function (res) {
    
          var result = res.resultStr; // 當needResult 爲 1 時,掃碼返回的結果
    
      }
    
      });

2、ECS 搭建ftp服務器

一、客戶端準備

  • FileZilla
  • sublime 插件 ftp-sync

二、安裝vsftpd

yum install vsftpd

三、開啓ftp服務,並設置開機自啓動

systemctl start vsftpd
systemctl enable vsftpd

四、建立一個用戶

  • 默認:root用戶不能登陸ftp
  • 目前只能匿名登陸

    useradd 用戶名
      passwd 剛剛建立的用戶名

五、更改目錄所屬用戶

chown -R 用戶名 目錄地址
相關文章
相關標籤/搜索