小程序API

api介绍

小程序开发中，会使用到很多内置的功能，这些功能都被封装到小程序的api中了。比如

• 弹出提示框
• 发送网络请求等
• 上传文件、下载文件、
• 拍摄照片
• …

api类型

• 事件监听api
  • 以 on 开头的 API 用来监听某个事件是否触发，如：wx.onNetworkStatusChange，wx.onMemoryWarning
• 同步api
  • 以 Sync 结尾的 API 都是同步 API， 如 wx.setStorageSync，wx.getSystemInfoSync
• 异步api
  • 大多数 API 都是异步 API，如 wx.request，wx.login
• 云开发api
  • 开通并使用微信云开发，即可使用云开发API，在小程序端直接调用服务端的云函数。

示例

wx.showToast({
	title: '恭喜你',
	icon: 'none'
});

小程序api-网络请求

示例

wx.request({
  url: 'https://api-hmugo-web.itheima.net/api/public/v1/categories', 
  success: (res) => {
  	console.log(res.data)
  }
})

合法域名

如果是首次发送网络请求，那么会出现以下警告

解决方案有两个：

1. 如果只是本地开发测试以下，那么可以在微信开发者工具的详情按钮中 勾选 “不校验合法域名”
2. 根据错误提示中的链接，登录微信公众平台进行 域名设置操作

npm基础应用

核心步骤

1. 在根目录中 初始化项目 npm init

2. 安装依赖 npm i dayjs

3. 在微信开发者工具中 点击 ‘工具’ -> ‘构建npm’

4. 代码中使用 dayjs

   import dayjs from 'dayjs'
   console.log(dayjs().format('YYYY-MM-DD HH:mm:ss'))
   

npm下载vant-weapp组件库

核心步骤

1. npm init && npm安装
2. 修改app.json去掉"style":"v2"
3. 构建npm
4. 在app.json和页面.json中注册
5. 在页面使用