微信小程序常用API「总结分享」-猿码集

1. 小程序常用API

1.1. 概述

微信小程序是微信开放的一种应用，使用该应用可以进行轻松便捷的开发和发行小程序。小程序可以在微信的生态系统中进行传播，使得开发者可以快速地进行应用的开发，运营和推广。微信小程序提供了很多常用的API，这些API可以帮助开发者进行快速的开发和优化，提升开发效率和应用体验。

1.2. 基础API

微信小程序提供了一些常用的基础API，这些API包括获取用户信息，获取地理位置，网络请求等等。以下是一些基础API的介绍：

1.2.1. 获取用户信息

小程序提供了一个方法wx.getUserInfo来获取用户信息，使用该方法可以获取到用户的微信基本信息，例如nickName，avatarUrl等等。该方法需要用户授权后才能调用，如果用户没有授权，则无法获取用户信息。


wx.getUserInfo({
  success: function(res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender //性别 0：未知、1：男、2：女
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
  }
})

1.2.2. 获取地理位置

小程序提供了一个方法wx.getLocation来获取用户的地理位置，使用该方法可以获取到用户的经纬度等信息。该方法需要用户授权后才能调用，如果用户没有授权，则无法获取地理位置信息。


wx.getLocation({
  type: 'wgs84',
  success: function(res) {
    var latitude = res.latitude
    var longitude = res.longitude
    var speed = res.speed
    var accuracy = res.accuracy
  }
})

1.2.3. 网络请求

小程序提供了一个方法wx.request来进行网络请求，使用该方法可以向服务器发起请求并获取数据。该方法支持GET, POST等不同的HTTP请求方式，并支持发送表单数据和JSON数据。


wx.request({
  url: 'http://example.com/getData',
  data: {
    data1: 'value1',
    data2: 'value2'
  },
  success: function(res) {
    console.log(res.data)
  }
})

2. 小程序API进阶

2.1. 视图API

小程序提供了很多视图API，这些API可以帮助开发者快速创建小程序的视图和交互。以下是一些视图API的介绍：

2.1.1. `wx.createCanvasContext`

该API可以用来创建一个Canvas绘图上下文，使用该上下文可以进行Canvas绘图操作。


const context = wx.createCanvasContext('myCanvas')
context.beginPath()
context.rect(10, 10, 150, 75)
context.setFillStyle('yellow')
context.fill()
context.setStrokeStyle('black')
context.stroke()
context.draw()

2.1.2. `wx.createAnimation`

该API可以用来创建一个动画，并返回一个Animation实例，使用该实例可以对动画进行操作。


const animation = wx.createAnimation({
  duration: 1000,
  timingFunction: 'ease',
})
animation.translateX(50).step()
animation.translateX(0).step()
this.setData({
  animationData: animation.export()
})

2.2. 事件API

小程序提供了很多事件API，这些API可以帮助开发者处理小程序视图上的事件，例如点击事件，滑动事件等等。以下是一些事件API的介绍：

2.2.1. `bindTap`

该API可以用来绑定点击事件，当用户点击某个组件时，会触发该事件。


点击我
Page({
  tapName: function(event) {
    console.log('用户点击了组件')
  }
})

2.2.2. `bindSlider`

该API可以用来绑定滑动事件，当用户滑动某个组件时，会触发该事件。



Page({
  data: {
    sliderValue: 50
  },
  sliderChange: function(event) {
    this.setData({
      sliderValue: event.detail.value
    })
  }
})

3. 总结

本文对微信小程序常用的API进行了介绍，包括了基础API和进阶API。基础API包括获取用户信息，获取地理位置，网络请求等等，这些API可以帮助开发者快速地进行常用操作。进阶API包括视图API和事件API，这些API可以帮助开发者创建小程序的视图和交互，并处理小程序视图上的事件。开发者可以根据自己的需求来选择不同的API，以便快速、高效地开发小程序。

微信小程序常用API「总结分享」