1. 介绍

　　Koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。
koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。(来自kao官网)
基于async/await实现中间体系的koa2框架将会是是node.js web开发方向大势所趋的普及框架。基于generator/yield的koa1将会逐渐被koa2替代，毕竟使用co.js来处理generator是一种过渡的方式，虽然有其特定的应用场景，但是用async/await会更加优雅地实现同步写法。

  1. 安装

  • koa 依赖node V7.6.0及以上版本，
  • 首先确认node版本在7.6.0以上，版本低的请自行搞定。

npm init // 初始化package.json

npm i koa // 安装koa2

  1. 常用的引入模板

  2. 我们一般是不会这样直接返回的，实际开发中一般都是返回一个模版文件，我们可以先让koa读取这个文件，然后返回到用户界面。

    首先先创建一个views的目录，在里面新建一个template.html文件内容如下：

    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>hello koa2</title>
    
</head>
    
<body>
    
    <h1>Hello Koa2!</h1>

</body>
    
</html>

    Html前台页面

    将app.js中的内容修改为如下：

    const fs = require('fs');
    
const Koa = require('koa');
    
const app = new Koa();

app.use(async (ctx) => {
    
    // ctx.body = 'hello koa2'
    
    ctx.type = 'html';
    
    ctx.body = fs.createReadStream('./views/template.html');
    
});

app.listen(1029);
    
console.log('koa damo is starting at port 1029');

    JS Koa代码

  3. 基础结构语法

    1. const Koa = require('koa');
      
const Router = require('koa-router');

let server = new Koa();
      
let router = new Router();

server.listen(8080);

router.get('/a', async ctx=>{
      
  ctx.body='aaaaa';
      
});

server.use(router.routes())
      const Koa = require('koa');
      
const Router = require('koa-router');

let server = new Koa();
      
let router = new Router();

server.listen(8080);

router.get('/a', async ctx=>{
      
  ctx.body='aaaaa';
      
});

server.use(router.routes())Koa基础结

  1. 有哪些 属性？

    1. 　　ctx.method  请求方法
    2. 　　ctx.url
    3. 　　ctx.path
    4. 　　ctx.query        ？user=Haisen&id=1
    5. 　　ctx.params       数据参数
    6. ctx.ip　　         客户端IP

  2. 多层路由的分层写法

    1. 　　一级路由
      一层选择 主路由   server.use(router.routes());
    2. 二层路由

　　　　　　　二层路由   1.引入路由对象   2.创建路由   3.配置路由  4.对外使用

  • const Koa = require('koa');
    const Router = require('koa-router');

    let server = new Koa();
    server.listen(8080);
    let router = new Router();

    router.get('/',async ctx=>{
    ctx.body = '根目录'
    });

    router.use('/home',require('./routes/home'));
    // router.use('/admin',require('./routes/admin'));

    server.use(router.routes())

Koa2一层路由

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

// 嵌套二级

let home = new Router();

  home.get('/',ctx=>{

    ctx.body ='前端';

  });

  home.get('/login', async ctx=>{

    ctx.body='login';

  });

  home.get('/sigin', async ctx=>{

    ctx.body='sigin';

  });

module.exports=home.routes();

Koa2二层路由

NodeJ Koa2 安装使用 reeber的更多相关文章

  1. 安装 NodeJ Koa2、3 + 独立插件 cli脚手架 npm cnpm Vue

    安装  NodeJ  npm  cnpm   Koa2.3 + 独立插件  cli脚手架    Vue 安装 在 这里写过了  这两个分开了写  Nodej:下载 node.js  安装  10.0版 ...

  2. koa2入门--01.ES6简单复习、koa2安装以及例子

    1.ES6简单复习 /*let 和 const: let用于定义一个块作用域的变量,const 定义一个常量 */ let a = 'test'; const b = 2; /*对象的属性和方法的简写 ...

  3. koa2安装

    安装 1. npm install koa-generator -g 2. Koa2 test-koa2 3. npm install & npm run dev 看package.json里 ...

  4. koa2第一天 安装koa2

    安装全局koa2:npm install -g koa2 -generator 创建一个koa2文件夹:koa2 -e koa2 进入koa2文件夹:cd koa2 安装npm模块:npm insta ...

  5. koa2第一天 安装koa2found 1 low severity vulnerability run `npm audit fix` to fix them, or `npm audit` for details

    安装全局koa2:npm install -g koa2 -generator 创建一个koa2文件夹:koa2 -e koa2 进入koa2文件夹:cd koa2 安装npm模块:npm insta ...

  6. koa2入门使用总结

    koa2的介绍 Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小.更富有表现力.更健壮的基石. 通过利用 async ...

  7. 从入门到不放弃系列之Koa2

    一.Koa2入门 本来是想Express入门的,但是既然都是要学,干嘛不学最新的呢? 其实我想说,我本来只是想学个小程序开发,现在已经陆陆续续开了好多坑了.. 本文参考廖雪峰教程 二.Async 最新 ...

  8. Koa2 的安装运行记录（二）

    参考 :koa2-boilerplate    https://github.com/superalsrk/koa2-boilerplate Ajax Login and Ajax Logout in ...

  9. Koa2 的安装运行记录（一）

    1.参考koa+react(一) http://blog.suzper.com/2016/10/19/koa-react-%E4%B8%80/ 为了使用 KOA2 能够运行,必须能够使用ES7语法 a ...

随机推荐

  1. vue2.0中v-on绑定自定义事件的理解

    vue中父组件通过prop传递数据给子组件,而想要将子组件的数据传递给父组件,则可以通过自定义事件的绑定. 每个Vue实例都实现了[事件接口],即: 1.使用 $on(eventName) 监听事件 ...

  2. 类中调用界面ActiveX控件报错当前线程不在单线程单元中因此无法实例化 ActiveX 控件的解决办法

    解决办法是Form类中定义一个静态的ActiveX对象,在formload中将界面上的ActiveX对象赋值给新定义的对象,类中访问该静态对象即可. public static AxClientDri ...

  3. css模仿百度首页

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. HTML DOM insertBefore() 方法 问题

    写即时通讯时,每次新增的回话插到原有子节点的前面. 但是出现了以下报错的情况 如图: MDC: var insertedElement = parentElement.insertBefore(new ...

  5. 【转】B树、B-树、B+树、B*树、红黑树、 二叉排序树、trie树Double Array 字典查找树简介

    B  树 即二叉搜索树: 1.所有非叶子结点至多拥有两个儿子(Left和Right): 2.所有结点存储一个关键字: 3.非叶子结点的左指针指向小于其关键字的子树,右指针指向大于其关键字的子树: 如: ...

  6. 【 Oral English】Pronunciation

    一.英语音素 1.元音(元首,主要部分) 特点: a.无阻碍,拖很长认可辨别 b.声音响亮 2.辅音(重点,刻意练习) 特点: a.刻意阻碍 b.短促 二.汉语元素 1.音节:最小组成成分,而非元/辅 ...

  7. web安全-XSS

    了解XSS的定义 跨站脚本攻击(Cross Site Scripting),为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS.恶意攻 ...

  8. 微信小程序支付返回信息为空

    1.昨天公司说要实现微信小程序的支付,于是看了下微信小程序的开发api文档,和之前的app  端以及pc端基本相似:于是让他们把参数改了下,把之前的trade_type 由 app 改成 小程序要求的 ...

  9. 大数据学习---大数据的学习【all】

    大数据介绍 什么是大数据以及有什么特点 大数据:是指无法在一定时间内用常规软件工具对其内容进行抓取.管理和处理的数据集合. 大数据是一种方法论:“一切都被记录,一切都被数字化,从数据中寻找需求,寻找知 ...

  10. yii2.0中url重写实现方法

    在yii框架里有前台和后台页面,举例前台url重写. 控制器与路由 控制器以Controller作为后缀,继承自yii\web\Controller; 动作以action作为前缀,public访问修饰 ...