JSSDK

一、JSSDK

1、开发步骤

  • 绑定安全域名(域名绑定给任意一个公众号)
  • 引入JS
  • 权限验证wx.config({})
  • ready 所有的开发写在ready中
  • error

2、分享接口

  • onMenuShareTimeline 分享到朋友圈

      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

3、图像接口

  • chooseImage 拍照或从手机相册中选图接口

      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 上传图片接口

      wx.uploadImage({
      
          localId: '', // 需要上传的图片的本地ID,由chooseImage接口获得
      
          isShowProgressTips: 1, // 默认为1,显示进度提示
      
          success: function (res) {
      
              var serverId = res.serverId; // 返回图片的服务器端ID
      
          }
      
      });
    
  • downloadImage 下载图片接口

      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标签显示
      
          }
      
      });
    

4、语音接口

  • 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
      
          }
      
      });
    

5、智能接口

  • translateVoice 识别音频并返回识别结果接口

      wx.translateVoice({
      
         localId: '', // 需要识别的音频的本地Id,由录音相关接口获得
      
          isShowProgressTips: 1, // 默认为1,显示进度提示
      
          success: function (res) {
      
              alert(res.translateResult); // 语音识别的结果
      
          }
      
      });
    

6、设备信息

  • getNetworkType 网络状态

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

7、定位

  • 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: '' // 在查看位置界面底部显示的超链接,可点击跳转
      
      });
    

8、界面操作

  • closeWindow 关闭当前网页窗口接口
  • hideAllNonBaseMenuItem 隐藏所有非基础按钮接口
  • showAllNonBaseMenuItem 显示所有功能按钮接口
  • hideMenuItems 批量隐藏功能按钮接口
  • showMenuItems 批量显示功能按钮接口

9、扫一扫

  • scanQRCode

      wx.scanQRCode({
      
          needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
      
          scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
      
          success: function (res) {
      
          var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
      
      }
      
      });
    

二、ECS 搭建ftp服务器

1、客户端准备

  • FileZilla
  • sublime 插件 ftp-sync

2、安装vsftpd

yum install vsftpd

3、开启ftp服务,并设置开机自启动

systemctl start vsftpd
systemctl enable vsftpd

4、创建一个用户

  • 默认:root用户不能登录ftp

  • 目前只能匿名登录

      useradd 用户名
      passwd 刚刚创建的用户名
    

5、更改目录所属用户

chown -R 用户名 目录地址
posted @ 2017-11-28 19:15  不完美的完美  阅读(770)  评论(0编辑  收藏  举报