之前学过一点基础的,现在调一下api

网络部分

相关信息

小程序/服务器架构是CS架构

小程序网络API在发起网络请求时使用JSON格式的文本进行数据交换

服务器域名配置

这里的服务器可以是你自己的,也可以是wechat或者其他第三方的.

选择【设置】—【开发设置】—【服务器域名】进行添加或修改

• 域名只支持 https (request、uploadFile、downloadFile) 和 wss (connectSocket) 协议；

• 域名不能使用 IP 地址或 localhost；域名必须经过 ICP 备案；

• 出于安全考虑，api.weixin.qq.com 不能被配置为服务器域名，相关API也不能在小程序内调

  用。开发者应将 appsecret 保存到后台服务器中，通过服务器使用 appsecret 获取 accesstoken，并调用相关 API；每类接口分别可以配置最多 20 个域名。

且配置次数每个月有限制

自己的服务器还要有HTTP证书等,总之用这个最好还是用微信自己的或者第三方的

小程序对服务器端没有软件和语言的限制条件，用户可以根据自己实际情况选择Apache、Ngnix、Tomcat等任意一款服务器软件进行安装部署，以及选用PHP、Node.js、J2EE等任意一种语言进行后端开发。

练习

这里说一下临时部署,就是在本地电脑上部署,在服务器其实类似

可以用Apache,ngnix服务器软件搭配php,nodejs等进行开发

可以安装phpstudy学习,挺好的软件

有php,Apache,ngnix,mysql数据库集成

这样就可以本地测试了.

发起请求

小程序使用wx.request(OBJECT) 发起网络请求

success返回参数

1
2
3
4
5
6
7
8
9
10
11

wx.request({
  url: 'https://test.com/', //仅为示例，并非真实的接口地址
  data: {
     x: '123' ,  //数据的key和value由开发者自定义
     y: '456'   //这里的数据仅为示例
  },
  success: function(res) {
    console.log(res.data) //返回的数据
  }
})

最终发送给服务器的data数据是String类型，如果传入的data是其他类型也会被转换成String

• 对于 GET 方法的数据，会将数据转换成 query string（key1=value1&key2=value2…）；
• 对于 POST 方法且 header[‘content-type’] 为 application/json 的数据，会对数据进行 JSON 序列化；
• 对于 POST 方法且 header[‘content-type’] 为 application/x-www-form-urlencoded 的数据，会将数据转换成 query string （key1=value1&key2=value2…）

中断请求

wx.request(OBJECT)接口返回一个requestTask对象，通过该对象的abort方法可以中断请求任务。requestTask对象的方法如表所示。

1
2
3
4
5
6
7
8
9
10
11
12

const requestTask = wx.request({
  url: 'https://test.com/', //仅为示例，并非真实的接口地址
  data: {
     x: '123' ,  //数据的key和value由开发者自定义
     y: '456'   //这里的数据仅为示例
  },
  success: function(res) {
    console.log(res.data)
  }
})
requestTask.abort() // 取消请求任务

文件上传

上传请求

小程序使用wx.uploadFile(OBJECT)可以将本地资源上传到开发者服务器，上传时将从客户端发起一个 HTTPS POST请求到服务器，其中content-type为multipart/form-data。
该接口的OBJECT参数说明如表所示。

成功时返回的数据

该接口与其他接口一起使用

页面通过wx.chooseImage接口获取到一个本地资源的临时文件路径后，可通过此接口将本地资源上传到指定服务器.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData:{
        'user': 'test'
      },
      success: function(res){
        var data = res.data
      }
    })
  }
})

上传任务对象

wx.uploadFile(OBJECT)接口返回一个uploadTask对象，通过该对象可监听文件上传进度变化事件.

onProgressUpdate返回参数

1
2
3
4
5
6
7
8
9

const uploadTask = wx.uploadFile({
    …
})
uploadTask.onProgressUpdate((res) => {
    console.log('上传进度', res.progress)
    console.log('已经上传的数据长度', res.totalBytesSent)
    console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend)
})
uploadTask.abort() // 取消上传任务

文件下载

使用wx.downloadFile(OBJECT)可以从服务器下载文件资源到本地，OBJECT参数说明如表所示。

success返回参数

下载文件的原理是客户端直接发起一个HTTP GET请求，返回文件的本地临时路径。需要注意的是，本地临时路径文件在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile才能在小程序下次启动时访问得到。

1
2
3
4
5
6
7
8
9
10

wx.downloadFile({
  url: 'https://example.com/audio/123', //仅为示例，并非真实的资源
  success: function(res) {
    // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调
    if (res.statusCode === 200) {
        console.log(res.tempFilePath) //文件临时路径地址
    }
  }
})

下载任务对象

wx.downloadFile(OBJECT)返回一个downloadTask对象，通过downloadTask，可监听下载进度变化事件，以及取消下载任务。该接口从基础库 1.4.0 开始支持，低版本需做兼容处理。downloadTask对象的方法列表如表所示

onProgressUpdate返回参数说明

1
2
3
4
5
6
7
8
9
10

const downloadTask = wx.downloadFile({
    …
})
downloadTask.onProgressUpdate((res) => {
    console.log('下载进度', res.progress)
    console.log('已经下载的数据长度', res.totalBytesWritten)
    console.log('预期需要下载的数据总长度', res.totalBytesExpectedToWrite)
})
downloadTask.abort() // 取消下载任务

图片管理

小程序使用wx.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照获得图片，图片将被存放在设备的临时路径，在小程序本次启动期间可以正常使用。

选择图片

success返回参数

tempFilePaths：StringArray类型，表示图片的本地文件路径列表；
tempFiles：ObjectArray类型，表示图片的本地文件列表，每项是一个File对象，最低版本1.2.0开始支持

File 对象结构说明如下：
path：String类型，表示本地文件路径；
size：Number类型，表示本地文件大小，单位：B。
需要注意是，wx.chooseImage获得的图片仅能在小程序启动期间临时使用。如需持久保存，需在主动调用 wx.saveFile进行保存，在小程序下次启动时才能访问得到。

预览图片

小程序使用wx.previewImage(OBJECT) 预览图片，OBJECT参数说明如表所示

获取图片信息

wx.getImageInfo(OBJECT) 获取图片信息

success返回参数

orientation参数

保存图像

小程序使用wx.saveImageToPhotosAlbum(OBJECT) 保存图片到系统相册

需要用户授权 scope.writePhotosAlbum

录音管理

小程序使用wx.getRecorderManager()获取全局唯一的录音管理器 recorderManager

start(options)方法参数