微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐