Koa从零搭建到Api实现项目的搭建方法


Posted in Javascript onJuly 30, 2019

什么是Koa?

Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数,Koa 帮你丢弃回调函数,并有力地增强错误处理。 Koa 并没有捆绑任何中间件, 而是提供了一套优雅的方法,帮助您快速而愉快地编写服务端应用程序。

Koa vs Express

Koa使用promises和async函数来摆脱回调地狱的应用并简化错误处理。它暴露自己ctx.request和ctx.response对象而不是节点req和res对象。另一方面,Express 使用其他属性和方法扩充节点req和res对象,并包括许多其他“框架”功能,例如路由和模板,Koa没有。

因此,如果你希望更接近node.js和传统的node.js样式编码,你可能希望坚持使用Connect / Express或类似的框架。如果你想摆脱回调,请使用Koa。

总结

Koa是一个比Express更精简,使用node新特性的中间件框架,相比之前express就是一个庞大的框架

  • 如果你喜欢diy,很潮,可以考虑Koa,它有足够的扩展和中间件,而且自己写很简单
  • 如果你想简单点,找一个框架啥都有,那么先Express

如果你有兴趣了解更多不同,请访问Koa vs Express

Koa 项目搭建

注意,本篇教程面向有一定Koa使用经验的用户。如果,你还不了解Koa,请先看下面的文档Koa 中文文档

Koa 文档过于精简,虽然将每一个API都进行解释说明,但还是很难将其组织起来进行应用,对于初学者来说可谓是很不友好。

笔者第一个Koa项目,将所有接口,逻辑,配置等全部写在了app.js中,虽说完美运行,但是可读性,可维护性极差,所以一个好的目录结构尤为重要

目录创建

  • config - 配置
  • models - 数据库模型(ROM)
  • controller - 控制器
  • middlewares - 中间件
  • public - 静态资源
  • service - 服务
  • router - 路由
  • app.js - 启动文件

依赖安装

创建好项目目录后我们需要安装一些依赖,来供我们使用

  • babel-core/babel-preset-es2015 - 让 nodeJs 支持 es6 modules
  • koa - koa2
  • koa-body - request body 解析
  • koa-cache-control - 缓存控制
  • koa-compress - gzip
  • koa-cors - 跨域
  • koa-logger - 日志
  • koa-onerror - 错误处理
  • koa-router - 路由
  • koa-session - session
  • koa-static - 静态资源服务
  • koa-helmet - 安全
  • md5 - md5 加密
  • mkdirp - 递归创建目录

可以根据自己的需求进行选择,但是一些依赖是必须安装的

  • koa - koa2
  • koa-body - request body 解析
  • koa-router - 路由

后面的内容会讲解每个插件有什么用,如何去用。

目录详解

config

config是我们的配置文件,比如:

  • 数据库(mysql,oracle,redis等)
  • OSS
  • ...

实际运用:

  • confirg
    • database.config.js(新建)

database.config.js

export default {
 database: '',
 username: '',
 password: '',
 dialect: '',
 host: '',
 port: 3306
}

具体配置之后会跟大家仔细讲解。

models

models文件夹主要是我们的数据库模型(ORM),存储数据库映射文件,eg:

  • models
    • index.js - 入口文件
    • user.js - 对应数据库中的user表

index.js

import Sequelize from 'sequelize'
import config from '../config/database.config'
const sequelize = new Sequelize(config)
export const user = sequelize.import(__dirname + '/user')
export default {
 user,
 sequelize
}

以下序号代表代码行号:

  1. 引入sequelize,它是一个ORM框架,之后会详细讲解它的使用
  2. 引入我们之前在config中创建的数据库配置文件呢
  3. 使用sequelize连接数据库
  4. 将本地数据库映射文件导出供我们使用

controller

controller为控制层,主要处理外部请求。调用service层,将service返回的内容整合后返回给调用方

举例:

const user = require('../service/user')
const findAllUser = async (ctx) => {
 const data = ctx.request.body
 const result = await user.findAllUser(data)
 ctx.body = send({data: result})
}
module.exports = {
 findAllUser
}

以下序号代表代码行号:

  1. 获取请求体
  2. 调用service层
  3. 将service返回的内容返回给调用者(send是自定义的数据格式化方法)

service

service作为服务层主要做相信的业务逻辑处理,数据处理等,将结果返回给controller层

举例:

const db = require('../models/')
const findAllUser = async () => {
 const result = await db.user.findAll()
 return result
}
module.exports = {
 findAllUser
}

以下序号代表代码行号:

  • 获取数据库映射文件,因为要操作数据库
  • 从数据库中查寻全部用户(db.user.findAll()为sequelize中提供的查询方法)
  • 返回给controller

routers

router管理我们的路由,也就是接口地址

举例:

const user = require('../controller/user')
const koa_router = require('koa-router');
const router = koa_router();
router.post('/findAll', user.findAllUser)
module.exports = router

以下序号代表代码行号:

  1. 引入controller层
  2. 定义接口类型,地址,调用方法(post, '/findAll'',findAllUser)

app.js

app.js是我们的入口文件及主文件,我们将router里配置的路由在此引入

const
 koaBody = require('koa-body')
 Koa = require('koa'),
 Router = require('koa-router')
 router = new Router()

const user = require('./routers/user');
router.use("/user",user.routes());

这样我们就可以访问:ip:port/user/findAll 接口。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
Javascript数组与字典用法分析
Dec 13 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
javascript将list转换成树状结构的实例
Sep 08 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
vue升级之路之vue-router的使用教程
Aug 14 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
js实现的格式化数字和金额功能简单示例
Jul 30 #Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 #Javascript
微信小程序渲染性能调优小结
Jul 30 #Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 #Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 #Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 #Javascript
vue前后分离调起微信支付
Jul 29 #Javascript
You might like
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
PDO::inTransaction讲解
2019/01/28 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
JavaScript 参考教程
2006/12/29 Javascript
javascript Object与Function使用
2010/01/11 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
jQuery判断数组是否包含了指定的元素
2015/03/10 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
vue实现修改图片后实时更新
2019/11/14 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
python rsa 加密解密
2017/03/20 Python
Python登录注册验证功能实现
2018/06/18 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
python匿名函数用法实例分析
2019/08/03 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
2019年Java面试必问之经典试题
2012/09/12 面试题
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
中职生自荐信
2013/10/13 职场文书
薪酬专员岗位职责
2014/02/18 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
市场总监岗位职责
2015/02/11 职场文书
如何写通讯稿
2015/07/22 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
go类型转换及与C的类型转换方式
2021/05/05 Golang
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS