创建商店演示 RESTful 接口(json-server)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在创建我们的商店移动应用还有小程序的时候都需要用到一个 RESTful 接口 .. 这个接口应该是后端应用提供的,这个接口需要单独去开发 .. 暂时我们先准备一个演示用的 RESTful 接口 .. 使用 json-server 可以快速创建一个演示用的 RESTful 接口 ...

在项目下面,先去安装一下 json-server .. npm install json-server --save-dev .. 把它保存在项目的开发依赖里面 ..

用 json-server 创建一个 RESTful 服务需要给它提供一个 json 文件,这个文件就相当于是接口的数据库 .. 在项目的 src .. assets 下面,新建一个 json 文件.. 名字是 db.json ..

在这个 json 文件里面,添加一个 products .. 它是一个数组 .. 在文件的根下面的东西会自动创建一个对应的接口 .. 也就是一会儿创建的 RESTful 接口里面,会包含一个 products 接口 ..

每个项目是一个产品 .. 比如 id 表示产品的 id 号 .. name 可以是产品的名字 .. price .. 是产品的价格 .. 根据应用的需求,你可以去添加其它的字段 .. 复制两份 .. 再添加两个产品项目 ..

后面我们会继续编辑这个 db.json 文件,去添加一些数据,定义需要的新的接口等等 ..

命令

打开项目的 package.json ,在这个文件里可以给项目添加一个新的命令 .. 在 scripts 里面添加一个新的项目 .. 名字是 dev:server .. 对应的要执行的命令是 json-server --watch src/assets/db.json --port 3333 ..

回到终端 .. 在项目下面,执行一下 npm run dev:server .. 这个命令现在会给我们使用 json-server 创建一个 RESTful 服务 .. 服务的地址是 localhost:3333 ..

在浏览器上可以访问一下这个地址 .. localhost:3333 ..

在 Resources 下面列出的是可以使用的接口 .. 目前就只有这个 products .. 访问一下它 .. 返回的是一个 json 类型的产品列表 ...

每个项目里面有产品的 id .. name 还有 price ..

获取到指定 id 的产品,可以访问一下 products .. 后面加上产品的 id 号 .. 接口返回的数据就是 id 号是 3 的这个产品 ...

创建商店演示 RESTful 接口(json-server)《 电商小程序案例:准备 》

统计

11889
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点