Node基础（晓舟报告笔记）

node可以看成是一种js运行的环境。
Koa是一个基于Node的web服务器开发框架，需要cnpm安装。

const Koa = require("koa");  
const app = new Koa();
app.listen(3000,() => {
    console.log("server is running")
});

这里引入的Koa是一个构造函数，通过new关键字可以创建一个koa应用。然后通过app的listen方法设置监听端口，运行这个程序就可以移动一个koa服务器了。

访问本机的3000端口可以看到not found，这说明服务器已经正常启动了，但是还没有指定服务器响应的内容。

接下来，我们用app的use方法设置响应的内容，实例代码如下所示。

const Koa = require("koa");
const app = new Koa();

//use方法内的函数会在请求与响应之间执行。
app.use(async ctx => {
    ctx.body = "hello world"
})


app.listen(3000,() => {
    console.log("server is running")
});

app的use方法可以调用一个函数（中间件），这个函数会在请求和相应之间被调用。函数可以接受两个参数。
use中的函数是一个async函数（异步）
ctx存储了请求的相关信息，也能在里面存放响应的相关信息。多个use方法，next：处理下一个异步函数。

// 多个use方法
const Koa = require("koa");
const app = new Koa();

app.use(async (ctx,next) => {
    ctx.body = "hello world"
    await next();
})

app.use(async (ctx,next) => {
    console.log("我是一个中间件")
})

app.listen(3000,() => {
    console.log("server is running")
});

async函数传入了两个参数，ctx与next。
await.next()处理下一个异步函数（我是一个中间件）
这里的控制台输出指的是输出到你powershell上

浏览器可以向服务器发送请求，服务器给予响应之后，我们就能看到网页了。

浏览器可以使用不同的方法发送请求，常用的方法如下所示：

get请求：用来获取页面或数据
post请求：用来提交数据，一般登录的时候，想后台发送用户名和密码可以使用。

const Koa = require("koa");
const router = require("koa-router")();
const app = new Koa();

//get是http协议请求的方法
router.get("/", async ctx => {
    ctx.body = "<h1>home page</h1>"
})

router.get("/video", async ctx => {
    ctx.body = "<h1>video page</h1>"
})

app.use(router.routes())


app.listen(3000,() => {
    console.log("server is running")
});

引入并执行koa-router （）（）（）

当浏览器请求http://127.0.0.1:3000/时
当浏览器请求http://127.0.0.1:3000/video时

仅仅写完这两个router的get方法是没有执行的，所以我们需要将router加到use()里面。 app.use(router.routes())
这里我是否可以理解为所有的服务器的处理都由useu()来执行？？？？

这样我们就可以实现一个有多个页面的应用程序了

在网页中插入图片，需要在img标签中填写图片的地址。
web应用的服务器，只有静态文件目录的文件才可以被html页面直接访问。（安全性）

__dirname是当前项目的绝对路径

const Koa = require("koa");
const static = require("koa-static");
const app = new Koa();
//__dirname是当前项目的绝对路径
app.use(static(__dirname + "/public"));

app.use(async (ctx) => {
    ctx.body = `
        <h1>这是一个有图片的网页</h1>
        <img src='/img/logo.jpg'>
    `
})
app.listen(3000, () => {
    console.log("server is running")
})

引入koa-static，可以得到一个static函数，通过调用这个static函数，便可以将参数的目录设置为一个静态目录了。
此时只有public内的文件是可以访问的

课程学习资源 晓舟报告
https://www.bilibili.com/video/BV1zf4y1r711?p=7&share_source=copy_web