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

发布于:2023-01-04 ⋅ 阅读:(452) ⋅ 点赞:(0)

后端服务


将子应用的数据通过接口实现,创建后台服务, 使用 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 配置项目的自动更新
本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到