實(shí)現(xiàn)目標(biāo)：當(dāng)客戶(hù)端請(qǐng)求服務(wù)不同地址時(shí)，調(diào)用目錄中不同html文件實(shí)現(xiàn)簡(jiǎn)單路由功能
步驟一：搭建簡(jiǎn)單koa服務(wù)
步驟二：創(chuàng)建 攔截客戶(hù)端訪問(wèn)不同路徑的方法
步驟三：創(chuàng)建 訪問(wèn)真實(shí)文件的 render 方法
步驟四：總體代碼預(yù)覽
const Koa = require('koa');
const app = new Koa();
// 使用fs模塊實(shí)現(xiàn)流功能
const fs = require('fs');
async function render(page) {
? ? return new Promise((resolve, reject) => {
? ? ? ? // ? ?比如你要訪問(wèn)你的文件夾名稱(chēng) page
? ? ? ? let pageUrl = `./page/${page}`
? ? ? ? // 使用 fs 暴露出來(lái)的 readFile異步異步訪問(wèn)資源的方法
? ? ? ? fs.readFile(pageUrl, 'binary', (err, data) => {
? ? ? ? ? ? if (err) {
? ? ? ? ? ? ? ? reject(err); ? ?
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? resolve(data);
? ? ? ? ? ? }
? ? ? ? })
? ? })
}
async function route(rul) {
? ? // 例如 你的目錄有 這幾個(gè)路徑 index.html 404.html todo.html 。。。。。
? ? let page = '404.html'
? ? switch (url) {
? ? ? ? case '/':
? ? ? ? ? ? page = 'index.html';
? ? ? ? ? ? break;
? ? ? ? case 'index':
? ? ? ? ? ? page = 'index.html';
? ? ? ? ? ? break;
? ? ? ? case '/todo':
? ? ? ? ? ? page = 'todo.html';
? ? ? ? ? ? break;
? ? ? ? case '/404':
? ? ? ? ? ? page = '404.html';
? ? ? ? ? ? break;
? ? ? ? default:
? ? ? ? ? ? break;
? ? }
? ? let html = await render(page)
? ? return html;
}
app.use(async (ctx) => {
? ? // 先獲取地址
? ? let url = ctx.request.url
? ? // route方法返回 html
? ? let html = await route(url)
? ? // 輸出給客戶(hù)端
? ? ctx.body = html;
})
app.listen(3000)
