[微前端实战]---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 配置项目的自动更新

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...