LIUHZ`sBLOG

# 一、快速搭建一个koa项目

  1. 检查Node版本，至少在7.6.0以上。
  2. 使用快速搭建工具 npm install koa-generator -g
  3. 生成项目 koa2 project-name
  4. 安装依赖 npm install
  5. 运行 npm start 打开 http://localhost:3000

# 二、手动搭建一个koa项目

  1. 检查Node版本，至少在7.6.0以上。
  2. 创建并进入项目文件夹，npm init, 初始化packjson.js
  3. 安装koanpm install koa --save
  4. 在根目录下创建app.js
     const Koa = require('koa');
 const app = new Koa();  
 app.use(async ctx => {
 ctx.body = 'Hello koa!';
 });    
 app.listen(3000);
  5. 在package.json添加启动命令"start": "node app.js"
  6. npm run start启动服务，打开http://localhost:3000，这样koa的房产证🏠就拿到啦！下面让我们来开始搬砖建房子💪
  7. 在项目下创建一个存放html文件的目录views，并在该目录下创建一个index.html，然后修改app.js
    // app.js// 原生路由
const Koa = require('koa');
const fs = require('fs');
const app = new Koa(); 
app.use(async (ctx, next) => {
if (ctx.request.path === '/index') {
ctx.type = 'text/html';
ctx.body = fs.createReadStream('./views/index.html');
} else {
await next();
}
});
app.listen(3000);
  8. 安装路由中间件npm install koa-router -S
  9. 新建routes目录，用来存放路由文件，并在目录下创建index.js
    // routes/index.js

const fs = require('fs');
const router = require('koa-router')()

router.get('/', async (ctx, next) => {
ctx.type = 'text/html';
ctx.body = fs.createReadStream('./views/index.html');
});

module.exports = router
    这样直接访问页面出来的就是👉view文件夹下index.html的内容了
  10. 安装koa-static，并新建public文件夹存放静态资源，运行npm install koa-static -S,然后在app.js里添加以下代码
    const static = require('koa-static')// allowedMethods 用于校验请求的方法，如果用 post 请求访问 get 接口，就会直接返回失败     
const main = static(_dirname + '/public')// 将 public 目录设置为静态资源目录      
app.use(main)
  11. 安装koa-views npm install koa-views -S,在app.js添加一下代码
    const views = require('koa-views')
app.use(views(_dirname + '/views')
  12. 然后在路由文件中，就能使用 render 方法了
    // routes/index.js

const router = require('koa-router')()

router.get('/index', async (ctx, next) => {
await ctx.render('index');
});

module.exports = router

← Git指南 →