Slog4_使用后端框架KOA实现静态web服务器
- ArthurSlog
- SLog-4
- Year·1
- Guangzhou·China
- July 11th 2018
开发环境MacOS(High Sierra 10.13.5)
- 老规则,首先准备我们需要的信息Koa官方手册、Koa中间件 和 我们要用到的中间件Koa-static
- 准备的信息差不多,现在切换至桌面路径
cd ~/Desktop
- 创建一个文件夹node_koa_learningload
mkdir node_koa_learningload
- 切换路径到新建的文件夹下
cd node_koa_learningload
- 使用npm初始化node环境,一路enter键完成初始化
npm init
- 使用npm安装koa和koa-static
sudo npm install koa koa-static
- 参考Koa-static说明手册,我们在当前路径下编写index.js和index.html两份文件
index.js
const serve = require('koa-static'); const Koa = require('koa'); const app = new Koa(); // $ GET /package.json app.use(serve('.')); // $ GET /hello.txt app.use(serve('test/fixtures')); // or use absolute paths app.use(serve(__dirname + '/test/fixtures')); app.listen(3000); console.log('listening on port 3000');
index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ArthurSlog</title> </head> <body> <h1>The static web server by ArthurSlog</h1> </body> </html>
- index.js是官方栗子,有三种路由方法,我们来分析一下:
- 根据node工程的配置文件package.json里指定的入口点“main”决定路由
// $ GET /package.json app.use(serve('.'));
- 使用相对路径作为路由,默认的路由文件由package.json里的入口点“main”决定
// $ GET /hello.txt app.use(serve('test/fixtures'));
- 使用绝对路径作为路由,默认的路由文件由package.json里的入口点“main”决定
// or use absolute paths app.use(serve(__dirname + '/test/fixtures'));
- 在这里,我们直接用第一种方式,最终的代码为
index.js
const serve = require('koa-static'); const Koa = require('koa'); const app = new Koa(); // $ GET /package.json app.use(serve('.')); app.listen(3000); console.log('listening on port 3000');
- Ok,现在启动静态web服务器
node index.js
- 打开浏览器测试一下,地址127.0.0.1:3000
- 至此,我们使用koa和中间件koa-static实现了一个静态web服务器,恭喜。
欢迎关注我的微信公众号 ArthurSlog
如果你喜欢我的文章 欢迎点赞 留言
谢谢
相关推荐
chensen 2020-11-14
lwnylslwnyls 2020-11-06
ATenhong 2020-10-15
yanzhelee 2020-10-13
佛系程序员J 2020-10-10
guojin0 2020-10-08
佛系程序员J 2020-10-08
bluewelkin 2020-09-16
wwzaqw 2020-09-04
zhongdaowendao 2020-09-02
favouriter 2020-08-18
奎因amp华洛 2020-08-15
一青年 2020-08-13
千锋 2020-08-10
nangongyanya 2020-08-09
dongxurr 2020-08-08
明天你好 2020-08-03
kyelu 2020-08-03
Ashes 2020-08-03