uniapp项目fastmock的使用(day12)

152 阅读1分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第19天,点击查看活动详情

Snipaste_2022-09-28_08-38-26.png

上一篇文章中我们介绍了一下fastmock这个在线模拟接口的前端工具,fastmock可以实现开发中的数据模拟从而实现前后端分离,接下来将介绍一下fastmock的使用方法。

  • 首先我们需要注册一个账号并且登录进去,官方网址:www.fastmock.site/#/login ,然后登陆进去之后我们可以点击加号添加我们项目所需要的接口

image.png

  • 新建项目完成之后我们可以点击新增接口

image.png

  • 点击“创建接口后会打开创建接口的弹出层,所有接口信息的录入都在这里完成”,编写接口的注意事项如下:

  • 接口名:接口的名称(如:获取xxx列表)。这个名称可以填任意字符,但是建议跟接口文档中的接口名称保持一致,方便查找。

  • 接口类型:对应XHR的请求类型,目前支持的有GET、POST、PUT、DELETE。

  • 接口的url:重要,接口的XHR访问相对地址,以斜杠开头,(如: /api/getUserList)

  • 接口其他描述信息: 接口的其他说明,如,接口的更改说明,接口的访问注意事项等等

  • 比如说我们这次的答题的题目接口,编写的具体样式就如下图所示:

image.png

  • fastmock的功能还不止这些,它还可以生成随机数据,比如说随机生成1到10个等号的代码如下:
"string|1-10":"="

随机生成中文姓名:

"name":"@cname"

还有很多种用法,详情可以移步官方文档去查找学习: www.fastmock.site/docs#/proje…