koa学习之路一

Posted chao202426

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了koa学习之路一相关的知识,希望对你有一定的参考价值。

首先我们先创建一个我们要开发的项目的目录中,然后运行  npm init ,为我们的项目起个名字,然后一路回车,这样就会在我们的项目目录中创建一个最基本的 package.json 的文件,接下来安装我们要使用的 koa 模块  npm install koa --save ,这样我们就引入了 koa 模块,接下来就和 Express 模块是一样的操作流程,我们在项目目录中创建一个 app.js,在 app.js 中写我们的程序就可以了。

最终创建的项目目录如下:

技术图片

 

在 app.js 中写一个简单的案例:

var koa = require("koa");

var app = new koa();

// Express 写法
// app.use(function (req, res) {
//     res.send("hello word")
// });

app.use(async (ctx) => {
    ctx.body = "hello word"
});

app.listen(3000);

在上面的代码中,我们首先引入 koa 模块,然后创建一个 koa 实例,接下来和 Express 一样的是创建一个中间价,然后写一个异步函数来向前端页面返回数据。

Express 的写法在这里就不做过多解释了,我们来看一下 koa 写法,我们通过 async ()=>{} 的异步方法与前端建立连接,里面会有一个 cxt 的参数,我们可以通过 ctx.body 的形式向前端发送数据。

app.listen(3000); 来监听 3000 端口,我们将程序运行起来,在前端输入 localhost:3000

技术图片

 

 实际操作中遇到了一个大坑,忘记运行app.js,结果找了好久才发现原因。

 

以上是关于koa学习之路一的主要内容,如果未能解决你的问题,请参考以下文章

koa学习之路七

koa学习之路一

Koa 原理学习路径与设计哲学

KOA学习笔记

Koa--基于Node.js平台的下一代web开发框架的安装

Koa框架