nodeJs之koa入门

来源:互联网 发布:正版天虹打带软件下载 编辑:程序博客网 时间:2024/05/24 05:03

前言

koa是基于nodeJs的web框架,它封装了nodeJs的http模块。

本篇文章的目的就是在vscode上利用koa开发一个简单的web页面。

vscode项目设置

vscode的项目下都有一个.vscode文件夹,里面有一个launch.json文件。这个launch.json文件里面有运行项目的配置,我的配置如下:

{
"version":"0.2.0",
"configurations": [
{
"name":"Run app.js",
"type":"node",
"request":"launch",
"program":"${workspaceRoot}/app.js",
"stopOnEntry":false,
"args": [],
"cwd":"${workspaceRoot}",
"preLaunchTask":null,
"runtimeExecutable":null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV":"development"
},
"externalConsole":false,
"sourceMaps":false,
"outDir":null
}
]
}

然后,我们需要在项目目录下的一个配置文件声明依赖的模块,名称为package.json。我的packge.json内容如下:

{
"name":"koa-demo",
"version":"1.0.0",
"description":"koa-demo",
"main":"app.js",
"scripts": {
"start":"node app.js"
},
"keywords": [
"koa",
"async"
],
"author":"alex",
"license":"Apache-2.0",
"repository": {
"type":"git",
"url":""
},
"dependencies": {
"koa":"2.0.0"
}
}

其中的dependencies是声明依赖的地方,也是我们最需要注意的地方。现在只声明了一个koa依赖。

之后在项目目录下执行npm install命令,加载依赖的模块。

开发代码

万事具备,接下来就只剩下写代码了。

在项目目录下新建一个app.js文件,内容如下:

'use strict';

const Koa =require('koa');

// 创建一个Koa对象表示web app本身:
const app =new Koa();

// 对于任何请求,app将调用该异步函数处理请求:
app.use(async (ctx,next) => {
awaitnext();
ctx.response.type= 'text/html';
ctx.response.body= '<h1>Hello, koa2!</h1>';
});

// 在端口3000监听:
app.listen(3000);
console.log('app started at port 3000...');
执行vscode的调试功能,运行项目,然后打开浏览器输入http://localhost:3000即可。

原创粉丝点击