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 相关文章推荐
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
js简单实现交换Li的值
May 22 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
纯js实现倒计时功能
Jan 06 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
vue.js实现照片放大功能
Jun 23 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 session 检测和注销
2009/03/16 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
php实现天干地支计算器示例
2014/03/14 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
javascript中关于执行环境的杂谈
2011/08/14 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
NodeJs使用Mysql模块实现事务处理实例
2017/05/31 NodeJs
详解react-router 4.0 下服务器如何配合BrowserRouter
2017/12/29 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
Python数据结构之栈、队列的实现代码分享
2017/12/04 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
Python判断telnet通不通的实例
2019/01/26 Python
Python collections模块使用方法详解
2019/08/28 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
金蝶的一道SQL笔试题
2012/12/18 面试题
路政管理专业个人自荐信范文
2013/11/30 职场文书
道路建设实施方案
2014/03/18 职场文书
岗位明星事迹材料
2014/05/18 职场文书
承诺函范文
2015/01/21 职场文书
通知函的格式
2015/04/27 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
js前端图片加载异常兜底方案
2022/06/21 Javascript