[微前端实战]---037 后端服务

后端服务


将子应用的数据通过接口实现,创建后台服务, 使用 KOA技术栈

监听与自动重启

supervisor

一. 安装

koa-generator

$	npm i koa-generator@1.1.17 -g
$	koa -V               // 1.1.17

二. 生成项目

koa2 <项目名称>

$  koa2 service

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-azF2MdDk-1661385415731)(img/image-20220824080657272.png)]

二.目录介绍

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dnZk6QFt-1661385415738)(img/image-20220824081151462.png)]

2.1 app.js
- const views = require('koa-views')



- app.use(views(__dirname + '/views', {
-  extension: 'pug'
- }))


2.2 启动项目
$	cd service
$	npm i
$	npm start

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rOSii35D-1661385415739)(img/image-20220825073427466.png)]

routes/index.js

修改这个文件, 然后重新启动npm start, 访问http://localhost:3000/,http://localhost:3000/json

const router = require('koa-router')()

+router.get('/', async (ctx, next) => {
+ ctx.body = '/router'
+})
...

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITotQ8eX-1661385415740)(img/image-20220825073943867.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1SrRbHq4-1661385415741)(img/image-20220825074000670.png)]

三. 自动启动

发现每次修改代码后,都需要重新启动项目服务, 将其改为自动重启项目.

3.1 supervisor

npm install supervisor --save-dev

3.2 启动脚本

替换node启动, 由supervisor 启动

package.json

"scripts": {
-   "start": "node bin/www",
+   "start": "supervisor bin/www",
...
  },

此时已经可以自动监听代码变动并更新,而用node 命令启动不会实时更新

配置后端Koa init

回顾.

  1. npm i koa-generator@1.1.17 -g
  2. koa2 <项目名称> 生成项目
  3. 熟悉项目的目录,与资源, 静态目录, router配置
  4. supervisor 配置项目的自动更新
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小李科技

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值