Slog4_使用後端框架KOA實現靜態web服務器

時間 2019-12-13

標籤 slog4 slog 使用後端框架 koa 實現靜態 web 服務器欄目網站開發简体版

原文原文鏈接

ArthurSlog
SLog-4
Year·1
Guangzhou·China
July 11th 2018

GitHub
掘金主頁
簡書主頁
segmentfault
夢想是鎖不住的html

開發環境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.jsnode

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.htmlgit

<!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.jsgithub

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');