安装

yarn add koa

代码

Koa的核心代码就三行

const app = new Koa()
app.use(middleware)
app.listen(3000)
const Koa = require('koa')

const app = new Koa()

app.use(async (ctx, next) => {

  ctx.body = 'Hello World!'

})

app.listen(8080)

至此一个简单的服务器运行成功。

koa脚手架

npm install -g koa2-generator

koa2 koa-demo

编写一个静态页面

module.exports = `

  <!DOCTYPE html>

  <html>

    <head>

      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <title>Koa Server HTMl</title>

      <link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet">

      <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>

      <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js"></script>

    </head>

    <body>

      <div class="container">

        <div class="row">

          <div class="col-md-8">

            <h1>Hi Susan</h1>

            <p>This is a test</p>

          </div>

          <div class="col-md-4">

            <p>测试静态 HTML 页面</p>

          </div>

        </div>

      </div>

    </body>

  </html>

`
const Koa = require('koa')

const app = new Koa()

const {normal} = require('./tpl/index')

app.use(async(ctx, next) => {

  ctx.type = 'text/html;charset=utf-8;'

  ctx.body =  normal

})

app.listen(8080)

编写模板页面

安装pug模板引擎

yarn add pug

动态模板引擎代码

module.exports = `

doctype html

html

  head

    meta(charset='utf-8')

    meta(name='viewport=', content='width=device-width, initail-scale=1')

    title Koa Server Pug

    link(href='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css',rel='stylesheet')

    script(src='https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js')

    script(src='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js')

  body

    .container

      .row

        .col-md-8

          h1 Hi #{ name }

          p This is a test

        .col-md-4

          p 测试动态PUG模板引擎

`

js代码

const Koa = require('koa')

const app = new Koa()

const pug = require('pug')

const {pugTpl} = require('./tpl/index')

app.use(async(ctx, next) => {

  ctx.type = 'text/html;charset=utf-8;'

  ctx.body =  pug.render(pugTpl, {

    name: 'Susan'

  })

})

app.listen(8080)

使用模板引擎中间件，支持ejs，pug

koa-views

pug模板引擎代码

doctype html

html

  head

    meta(charset='utf-8')

    meta(name='viewport=', content='width=device-width, initail-scale=1')

    title Koa Server Pug

    link(href='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css',rel='stylesheet')

    script(src='https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js')

    script(src='https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js')

  body

    .container

      .row

        .col-md-8

          h1 Hi #{ name }

          p This is a test

        .col-md-4

          p 测试动态PUG模板引擎

js代码

const Koa = require('koa')

const app = new Koa()

const views = require('koa-views')

const {resolve} = require('path')

app.use(views(resolve(__dirname, './views'), {

  extension: 'pug'

}))

app.use(async(ctx, next) => {

  await ctx.render('index', {

    name: 'Susan'

  })

})

app.listen(8080, () => {

  console.log('http://localhost:8080')

})

koa-router

yarn add koa-router

代码

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

router.get('/news', async (ctx, next) => {

  ctx.body  = '路由'

})

router.get('/news/:id', async (ctx, next) => {

  ctx.body = '动态路由'

})

app.use(router.routes())

路由分离

代码

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

router.prefix('/user')

router.get('/', async ctx => {

  ctx.body = 'Hello Koa2'

})

router.get('/info', async ctx => {

  ctx.body = 'Hello UserInfo'

})

module.exports = router
const user = require('./routes/user')

app.use(user.routes()).use(user.allowedMethods())

GET

通过ctx.query/ctx.querystring/ctx.request.query/ctx.request.querystring

代码

router.get('/news', async (ctx, next) => {

  console.log('ctx.query', ctx.query)

  console.log('ctx.querystring', ctx.querystring)

  console.log('ctx.request.query', ctx.request.query)

  console.log('ctx.request.querystring', ctx.request.querystring)

})
curl i http://localhost:3000/news?name='Susan&age=12'

POST

通过koa-body

const koaBody = require('koa-body')

app.use(koaBody())

router.post('/doAction', async ctx => {

  console.log('ctx.request.body', ctx.request.body)

})
curl i http://localhost:3000/doAction -d 'name=Susan,age=20'

静态资源

安装koa-static

代码

const server = require('koa-static')

app.use(server(resolve(__dirname, './static')))

router.get('/', async ctx => {

  await ctx.render('index')

})
<link href="css/style.css" rel="stylesheet" />

<img src="img/1.jpg"/>

<script src="js/index.js"></script>

Cookie

ctx.cookies.set(name, value, [options])

ctx.cookies.get(name)

如何处理中文

使用Buffer转换

// 将中文转换base64字符串

new Buffer(value).toString('base64')

// 将base64字符串转换为中文

new Buffer(value, 'base64').toString()

Session

安装koa-session

const session = require('koa-session')

app.keys = ['some secret hurr']

const CONFIG = {

  key: 'koa:sess',

  maxAge: ,

  autoCommit: true,

  overwrite: true,

  httpOnly: true,

  signed: true,

  rolling: false,

  renew: false

}

app.use(session(CONFIG, app))

router.get('/', async ctx => {

  let n = ctx.session.view ||

  ctx.session.view = ++ n

  ctx.body = n

})

Mongodb 

https://www.mongodb.com/download-center?jmp=nav#community

操作数据库

http://mongodb.github.io/node-mongodb-native/

安装mongodb

连接数据库，创建集合，插入数据

const MongoClient = require('mongodb').MongoClient

const url = 'mongodb://127.0.0.1:27017'  // URL

const dbName = 'dbs' // 数据库名称

const client = new MongoClient(url)  // 创建一个Mongodb Client

client.connect(err=>{ // 连接数据库

  if (err) return

  console.log('Connected successfully to server')

  const db = client.db(dbName)

  // 插入数据

  db.collection('documents').insertMany([

    {a:},

    {b:},

    {c:}

  ])

  db.collection('documents').insertOne(

    {d:}

  )

  client.close()

})

查找数据

db.collection('documents').find({})

  .toArray((err, docs) => {

    if (err) return

    console.log(docs)

  })

更新数据

db.collection('documents')

  .updateOne({a:}, {$set: {a: }}, (err, res) => {

    if (err) return

    console.log(res)

  })

db.collection('documents')

  .updateMany({a:}, {$set: {a: }}, (err, res) => {

    if (err) return

    console.log(res)

  })

删除数据

db.collection('documents')

  .deleteOne({a:}, (err, res) => {

    if (err) return

    console.log(res)

  })

Robo 3T

https://robomongo.org/

Mongoose

https://mongoosejs.com/docs/api.html

连接数据库

首先配置数据库，创建一个dbs的数据库

module.exports = {

  dbs:'mongodb://127.0.0.1:27017/dbs'

}

数据库创建完毕，那么创建model也就是集合，即表

const mongoose = require('mongoose') 

let personSchema = new mongoose.Schema({

  name: String,

  age: Number

})

module.exports = mongoose.model('Person', personSchema)

数据库和表创建完毕，那么开始连接数据库

const mongoose = require('mongoose')

const dbConfig = require('./dbs/config')

mongoose.connect(dbConfig.dbs, {

  useNewUrlParser: true

})

此刻数据库连接成功，那么我们开始

添加数据

router.post('/addPerson', async ctx => {

  const person = new Person({

    name: ctx.request.body.name,

    age: ctx.request.body.age

  })

  let code

  try {

    await person.save()

    code =

  } catch (error) {

    code =

  }

  ctx.body = {

    code

  }

})

查询数据

const res = await Person.findOne({name:ctx.request.body.name})

const ress = await Person.find({name: ctx.request.body.name})

更新数据

const result = await Person.where({

  name: ctx.request.body.name

}).update({

  age:ctx.request.body.age

})

删除数据

const result = await Person.where({

  name: ctx.request.body.name

}).remove()

Redis

访问网页服务器端会在客户端设置cookie保存session

每次请求把cookie中session发送到服务器端

服务端用session保存客户端状态

服务器端会把session的值保存到Redis中

浏览器用cookie保存session

而且Redis是一个非常快速的读写数据库

案例：登录校验

安装

https://github.com/MicrosoftArchive/redis/releases

启动Redis

安装koa中间件操作Redis

yarn add koa-generic-session koa-redis

连接Redis

app.keys=['keys','keyskeys'] // session加密处理，随便两个值

app.use(session({

  key:'mt',

  prefix:'mtpr',

  store: new Redis(),

}))

使用session

ctx.session.count++

我们也可以直接对Redis操作

const Store = new Redis().client
const st = await Store.hset('fix', 'name', Math.random())

使用redis-cli.exe查看数据

key *

get

hset

hget

Koa2的更多相关文章

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

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

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

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

  3. koa2＋koa-views示例

    app.js var Koa = require('koa') var fs = require('fs') var path = require('path') var koaStaticPlus ...

  4. Koa2 源码解析(1)

    Koa2 源码解析 其实本来不想写这个系列文章的,因为Koa本身很精简,一共就4个文件,千十来行代码. 但是因为想写 egg[1] 的源码解析,而egg是基于Koa2的,所以就先写个Koa2的吧,用作 ...

  5. nodejs6下使用koa2

    koa2里面使用ES7的语法,如async.await所以需要运行在node7.6之后:但在node7.6之前也可以利用babel是的koa2可以运行. 首先项目中安装babel,和babel的几个模 ...

  6. koa2 use里面的next到底是什么

    koa2短小精悍,女人不爱男人爱. 之前一只有用koa写一点小程序,自认为还吼吼哈,知道有一天某人问我,你说一下 koa或者express中间件的实现原理.然后我就支支吾吾,好久吃饭都不香. 那么了解 ...

  7. koa2 controller中实现类似sleep的延迟功能

    今天有同事问我如何在koa2中的controller中使用延迟执行的功能,他直接在controller中使用setTimeout,但是没效果. 错误的代码类似下面这样: // 错误的方法 export ...

  8. 使用下一代web开发框架koa2搭建自己的轻服务器

    Koa 是由 Express 原班人马亲情打造的新一代web框架.既然已经有 Express 了,为什么又要搞一个Koa出来呢?因为 Koa 相比 Express 体积更小,代码更健壮,作用更纯粹. ...

  9. 一键生成koa/koa2项目：

    一键生成koa/koa2项目: 1. npm install -g koa-generator 2.新建项目目录 koa mytest (koa1项目) koa2 koa2test (koa2项目) ...

  10. Nodejs学习笔记（十五）--- Node.js + Koa2 构建网站简单示例

    目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装项目其它需要包 清除冗余文件并重新规划项目目录 配置文件 规划示例路由,并新建相关文件 实现数据访问和业务逻辑相关方法 编写mys ...

随机推荐

  1. android ui更新

    UI只能在主线程中更新. Handler 首先在主线程中创建handler,这样handler是附件到主线程UI中. Handler normalHandler = new Handler() { @ ...

  2. org.jsoup.Jsoup找不到jar包问题解决思路

    今天在idea中导入项目,出现了这样的问题 通过idea的自带的导包功能,却提示找不到这个东西.于是就去maven仓库搜索这个咚咚 <!-- https://mvnrepository.com/ ...

  3. javascript 之 继承

    1.传统方式--->原型链  (过多继承了没用的属性) Grand.prototype.lastname = 'zhang' function Grand(); } var grand = ne ...

  4. bugku 密码学一些题的wp

    ---恢复内容开始--- 1.滴答滴 摩斯密码,http://tool.bugku.com/mosi/ 2.聪明的小羊 从提示猜是栅栏密码,http://tool.bugku.com/jiemi/ 3 ...

  5. 学习笔记（三）--Lucene分词器详解

    Lucene-分词器API org.apache.lucene.analysi.Analyzer 分析器,分词器组件的核心API,它的职责:构建真正对文本进行分词处理的TokenStream(分词处理 ...

  6. Java CAS同步机制 原理详解（为什么并发环境下的COUNT自增操作不安全）: Atomic原子类底层用的不是传统意义的锁机制，而是无锁化的CAS机制，通过CAS机制保证多线程修改一个数值的安全性。

    精彩理解:  https://www.jianshu.com/p/21be831e851e ;  https://blog.csdn.net/heyutao007/article/details/19 ...

  7. 【转载】【SQL练习】经典SQL练习题

    出处 https://blog.csdn.net/mrbcy/article/details/68965271 准备数据 建表语句 CREATE TABLE students (sno VARCHAR ...

  8. 【python】闭包

    一.闭包满足的条件 闭包 = 内部函数 + 定义函数的环境 条件一 : 内部函数 条件二: 外部环境的变量 二.实战 def outer(): x = 10 y = 20 def inner(): p ...

  9. javascript 创建节点和新增节点

    createElement(tabName) 创建一个为tagName的新元素节点 ANode.appendChild(BNode)把B节点追加至A节点的末尾 insertBefore(ANode,B ...

  10. 常用的几个CSS前端效果

    做页面需要一定的CSS基本功,虽然现在有很多成熟的框架如bootstrap等,我们轻松的就就可以做出一些页面效果.但是掌握每一个常见效果的写法还是很重要的,下面整理出一些常见的CSS前端效果,让你更轻 ...