`

微信小程序 - 常用API

 
阅读更多

微信小程序常用API

 

 

发起请求

 

wx.request

wx.request发起的是 HTTPS 请求。一个微信小程序,同时只能有5个网络请求连接。

 

wx.request({
  url: 'test.php', //仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'content-type': 'application/json'
  },
  success: function(res) {
    console.log(res.data)
  }
})

 

 

上传、下载

 

wx.uploadFile

将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data 。

 

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

 

wx.downloadFile

下载文件资源到本地。客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。

 

wx.downloadFile({
  url: 'http://example.com/audio/123', //仅为示例,并非真实的资源
  success: function(res) {
    wx.playVoice({
      filePath: res.tempFilePath
    })
  }
})

 

注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。

 

 

本地缓存

 

wx.setStorage({
  key:"key"
  data:"value"
})

wx.getStorage({
  key: 'key',
  success: function(res) {
    console.log(res.data)
  } 
})

wx.removeStorage({
  key: 'key',
  success: function(res) {
    console.log(res.data)
  } 
})

wx.clearStorage()

 

 

显示、隐藏消息提示框

 

wx.showToast({
  title: '加载中',
  icon: 'loading',
  duration: 10000
})

setTimeout(function(){
  wx.hideToast()
},2000)

 

 

动态设置当前页面标题

 

wx.setNavigationBarTitle({
  title: '当前页面'
}) 

 

 

导航

 

wx.navigateTo({
  url: 'test?id=1' // 保留当前页面,跳转到应用内的某个页面
})

  

wx.redirectTo({
  url: 'test?id=1' // 关闭当前页面,跳转到应用内的某个页面
})
 

获取用户信息(需先调用登录接口)

 

wx.getUserInfo({
  success: function(res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
  }
})

 

 

获取网络类型

 

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

 

 

获取系统信息

 

wx.getSystemInfo({
  success: function(res) {
    console.log(res.model)
    console.log(res.pixelRatio)
    console.log(res.windowWidth)
    console.log(res.windowHeight)
    console.log(res.language)
    console.log(res.version)
  }
})

  

 

获取当前地理位置

 

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

 

 

拨打电话

 

wx.makePhoneCall({
  phoneNumber: '1340000' //仅为示例,并非真实的电话号码
})

  

分享到:
评论

相关推荐

    微信小程序-微信小程序的功能封装

    同时,通过查看和学习这些源码,开发者还可以深入了解微信小程序的API用法和最佳实践,从而提升自己的开发技能。在实际开发中,根据需求选择合适的功能模块进行引用和定制,可以大大提高小程序的开发质量和用户体验...

    微信小程序----高德地图API实现的DEMO

    在微信小程序的开发中,高德地图API是一个常用的工具,它可以帮助开发者实现在小程序中集成地图功能,包括但不限于展示地图、定位用户位置、搜索周边兴趣点、规划路径等。本DEMO展示了如何将高德地图API与微信小程序...

    微信小程序-米家商城源码

    4. **组件化开发**:微信小程序支持组件化开发,可以将常用的功能封装成可复用的组件。例如,在米家商城源码中,可能会有商品列表组件、购物车组件、支付组件等,提高代码复用性和开发效率。 5. **生命周期方法**:...

    062-微信小程序-股票分时图K线图小程序.zip

    6. 数据缓存:为了提高用户体验,小程序可以将常用数据缓存在本地,如微信小程序的StorageSync或wx.setStorageSync方法,以便快速加载和离线查看。 7. 动态更新:对于实时股票数据,小程序需要定期更新,可以设置...

    微信小程序-微信小程序:音乐播放器

    - **JavaScript**:处理逻辑和数据绑定,通过微信小程序的API与后台进行通信。 - **JSON**:配置文件,定义页面的生命周期、网络请求等设置。 4. **API调用** - **音乐资源获取**:通过调用百度音乐的API获取...

    微信小程序-LOL战绩查询

    "微信小程序-LOL战绩查询"是一个专门为《英雄联盟》(League of Legends,简称LOL)玩家设计的小程序,它可以帮助用户快速查询自己的游戏战绩,包括对局记录、胜率、常用英雄等信息。 要创建这样一个小程序,你需要...

    微信小程序-顶部导航栏TopBar.zip

    6. **API调用**:除了组件本身,可能还涉及到微信小程序的一些API,如`wx.setNavigationBarTitle`来动态改变顶部导航栏的标题,或者`wx.createSelectorQuery`进行DOM查询,以获取组件的位置信息等。 7. **生命周期...

    微信小程序-知乎日报微信小程序

    小程序常用API接口 小程序配置 app.json文件小程序设置全局配置 ,包括页面路径、窗口、选项卡,以及网络超时等{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText...

    微信小程序-LOL战绩查询.zip

    总的来说,通过分析这个“LOL战绩查询”微信小程序,我们可以学习到如何利用微信小程序平台,结合第三方API,开发出一款实用的应用。这不仅涉及到前端开发技术,还包括了后端API调用、数据处理和用户体验设计等多个...

    028-微信小程序-查拼音.zip

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,它允许开发者通过简单的编程接口(API)和微信提供的工具创建原生的、可在微信内运行的小程序。在这个压缩包中,我们很可能会找到一个实现拼音查询功能的...

    微信小程序-海报生成组件

    微信小程序是一种轻量级的应用开发平台,主要针对移动端,提供了丰富的API和框架,使得开发者能够快速构建具有原生体验的应用。在本主题中,我们关注的是一个特定的组件——“微信小程序-海报生成组件”,它专门用于...

    微信小程序-寄快递小程序源码及项目截图

    微信小程序是一种轻量级的应用开发平台,主要针对移动端,由腾讯公司推出,旨在提供便捷的、无需下载安装即可使用的线上服务。在这个“微信小程序-寄快递小程序源码及项目截图”中,我们可以深入探讨微信小程序在...

    微信小程序-demo 小游戏

    微信小程序提供了一系列API接口,用于实现更复杂的功能,如陀螺仪、加速度计、地理位置、网络通信等。在游戏场景中,这些API可以用来实现重力感应控制、位置追踪,甚至是多人在线对战等功能。 5. **持续更新**: ...

    微信小程序-扫码购物商城实例源码

    - **缓存机制**:利用微信小程序的本地存储功能,缓存常用数据,提高加载速度。 9. **测试与调试**: - **真机调试**:在真实设备上进行测试,确保各种功能在不同手机型号上的兼容性。 - **微信开发者工具**:...

    微信小程序-卡卡汽车 获取用户 设备信息.zip

    在微信小程序开发中,获取用户设备信息是一项常用的功能,它能帮助开发者了解用户使用的设备型号、操作系统版本等信息,从而优化应用的兼容性和用户体验。在"微信小程序-卡卡汽车 获取用户 设备信息.zip"这个压缩包...

    155-微信小程序-校内网小程序.zip

    而JavaScript则处理业务逻辑和数据管理,通过微信小程序的API与微信服务器进行通信,实现用户交互。 截图通常用于展示小程序的实际运行效果,帮助其他开发者理解程序的设计理念和布局,或者供审核人员检查程序是否...

    微信小程序-k线饼图柱图

    这些库提供了丰富的API和配置选项,可以定制化地绘制k线图,并适应微信小程序的环境。 饼图是一种直观展示各部分占比的圆形图表,常用于数据分析和报告中。在微信小程序中实现饼图,开发者可以利用如wx-charts这样...

    基于SSM的微信小程序-健康管理微信小程序

    在"基于SSM的微信小程序-健康管理微信小程序"项目中,开发者利用SSM来构建后台服务,处理微信小程序前端发送的请求,实现健康管理相关的业务逻辑。 1. **Spring框架**:Spring是核心容器,负责管理应用对象(如Bean...

    010-微信小程序-KFC-master.zip

    通过这个项目,开发者可以学习到微信小程序的开发流程,包括数据绑定、组件使用、API调用(如地图、支付、分享等)、网络请求(如获取用户信息、商品列表、订单状态等)以及用户体验优化技巧。此外,KFC小程序可能还...

    微信小程序-车辆违章查询小程序

    微信小程序提供了`wx.setStorageSync`和`wx.getStorageSync`等API,用于在本地缓存数据。车辆信息的添加、删除操作都可以通过这些API实现,从而减少不必要的网络请求。 3. **用户交互设计**:为了提供良好的用户...

Global site tag (gtag.js) - Google Analytics