wx.getSysteminfoSync()
同步获取系统信息
| brand | string | 设备品牌 |
| model | string | 设备型号。新机型刚推出一段时间会显示unknown,微信会尽快进行适配。 |
| pixelRatio | number | 设备像素比 |
| screenWidth | number | 屏幕宽度,单位px |
| screenHeight | number | 屏幕高度,单位px |
| windowWidth | number | 可使用窗口宽度,单位px |
| windowHeight | number | 可使用窗口高度,单位px |
| statusBarHeight | number | 状态栏的高度,单位px |
| language | string | 微信设置的语言 |
| version | string | 微信版本号 |
| system | string | 操作系统及版本 |
用法:
- onLoad(options) {
- wx.getSystemInfo({
- success(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)
- console.log(res.platform)
- console.log(res)
- }
- })
- }

wx.request()
网络请求
| url | string | 必须 | 开发者服务器接口地址 | |
| data | string/object/ArrayBuffer | 请求的参数 | ||
| header | Object | 设置请求的 header,header 中不能设置 Referer。content-type 默认为 application/json | ||
| method | string | 默认GET | HTTP 请求方法 |
用法:
- wx.request({
- // 请求的地址如果一http开头直接用url不是http开头添加我们 baseUrL
- url: url,
- method: option.method || "GET", //请求的方法 默认get
- data: option.data, //post出入的参数
- header,
- success(res) {
- // 请求成功
- resolve(res.data);
- },
- fail(err) {
- // 04 对错误进行处理
- wx.showToast({
- title: "加载失败",
- icon: "none"
- })
- // 请求失败
- reject(err);
- },
- complete() {
- // 关闭加载提示
- wx.hideToast();
- }
- })
wx.downloadFile下载文件
| url | string | 常用 | 必填 | 下载资源的 url |
| header | Object | 不常用 | HTTP 请求的 Header,Header 中不能设置 Referer | |
| timeout | number | 不常用 | 超时时间,单位为毫秒 | |
| filePath | string | 指定文件下载后存储的路径 (本地路径) | ||
| success | function | 接口调用成功的回调函数 | ||
| fail | function | 接口调用失败的回调函数 | ||
| complete | function | 接口调用结束的回调函数(调用成功、失败都会执行) |
success 回调函数
| tempFilePath | string | 临时文件路径 (本地路径)。没传入 filePath 指定文件存储路径时会返回,下载后的文件会存储到一个临时文件 | ||
| filePath | string | 用户文件路径 (本地路径)。传入 filePath 时会返回,跟传入的 filePath 一致 | ||
| statusCode | number | 开发者服务器返回的 HTTP 状态码 |
- wx.downloadFile({
- url: this.data.pic,
- success(res) {
- console.log(res);
- //把临时文件保存到相册(需要用户授权)
- wx.saveImageToPhotosAlbum({
- filePath: res.tempFilePath,
- success() {
- //提示保存成功
- wx.showToast({
- title: "下载图片成功",
- icon: "none"
- })
- }
- })
- }
- })
wx.uploadFile上传
wx.chooseMedia 选择图片或者视频
wx.chooseImage 从相册选择图片
| url | string | 必需 | 开发者服务器地址 | ||
| filePath | string | 必需 | 要上传文件资源的路径 (本地路径) | ||
| name | string | 必需 | 文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容 | ||
| header | Object | HTTP 请求 Header,Header 中不能设置 Referer | |||
| success | function | 接口调用成功的回调函数 | |||
| fail | function | 接口调用失败的回调函数 | |||
| complete | function | 接口调用结束的回调函数(调用成功、失败都会执行) |
- upImg() {
- var that = this
- //选择图片
- //wx.chooseImage({
- //选择媒体
- wx.chooseMedia({
- count: 1, //媒体数量
- success(res) {
- console.log(res);
- //获取选择的第0个图片临时地址
- var tempFile = res.tempFiles[0].tempFilePath;
- wx.uploadFile({
- filePath: tempFile,
- name: 'file',
- url: 'http://xxxx.com/ajax/file.php',
- success: res => {
- console.log(res);
- // 转换为js对象
- var data = JSON.parse(res.data);
- // 更新图片信息
- that.setData({
- pic: "http://xxxx.com" + data.pic
- })
- }
- })
- }
- })
- },
wx.showModal模态框
- wx.showModal({
- title: '需要观看广告',
- content: '每天使用两次',
- })
wx.showToast提示
- wx.showToast({
- title: '你好',
- })
wx.showLoading 加载提示
- wx.showLoading({
- title: '加载中...',
- })
- setTimeout(() => {
- wx.hideLoading()
- }, 2000)
wx.setNavigationBarTitle标题栏文本
- wx.setNavigationBarTitle({
- title: 'api讲解',
- })
wx.setNavigationBarColor标题颜色
- wx.setNavigationBarColor({
- backgroundColor: '#ff0000',
- frontColor: '#ffffff',
- animation: {
- duration: 400,
- timingFunc: "easeIn"
- }
- })
wx.getUserProfile获取用户信息
- wx.getUserProfile({
- desc: '需要获取您的昵称',
- success: res => {
- console.log(res);
- //更新本地用户信息
- that.setData({
- "userInfo": res.userInfo
- })
- //存储用户信息到本地
- wx.setStorageSync('userInfo', res.userInfo)
- }
- })