乐闻世界logo
搜索文章和话题
 Koa 快速搭建 Web 服务

Koa 快速搭建 Web 服务

乐闻的头像
乐闻

2022年06月13日 12:49· 阅读 563

Koa 快速搭建 Web 服务

  1. 创建项目文件夹,并系统终端切到文件夹

    bash
    npm init -y npm install koa

    koa 项目初始化

  2. 写一个最简单的web项目

    javascript
    //引入 koa const Koa = require("koa"); //初始化一个 koa 实例 const app = new Koa(); //处理接口请求 app.use(async (ctx, next) => { ctx.body = "levenx`s world" }) app.listen(3000, () => { console.log("app started on port: 3000") })
  3. 项目启动

    bash
    1. 命令行执行 node app.js 或者 2. npm run start

    注: npm run start 需要在package.json 中scripts字段中添加 "start":"node app.js"

    koa项目启动

  4. 请求效果

    浏览器中输入localhost:3000, 屏幕上展示服务器返回的信息 levenx`s world

    请求效果图

处理不同的路由

上面是最简单的一个服务实例,对于一个服务器来说,不可能说不管用户输入什么链接,服务器都返回相同的内容。那么接下来尝试处理不同的请求链接返回不同的内容。

http://localhost:3000/home请求效果图

http://localhost:3000/levenx请求效果图

代码做一下处理

javascript
//引入 koa const Koa = require("koa"); //初始化一个 koa 实例 const app = new Koa(); //处理接口请求 app.use(async (ctx, next) => { const path = ctx.path; switch (path) { //处理path为 /home case "/home": ctx.body = { path: "/home", content: "levenx`s world" } break; //处理path为 /levenx case "/levenx": ctx.body = { path: "/levenx", content: "levenx`s world" } break; default: ctx.body = "levenx`s world" break; } }) app.listen(3000, () => { console.log("app started on port: 3000") })

看一下处理好的效果

localhost:3000/levenx效果图

localhost:3000/home效果图

标签: