# Koa 全局异常处理
# 异常的概念
对于异常,我们可以分为 已知异常 和 未知异常
已知异常就是程序中能够知道的异常,如:客户端参数传递错误,服务端抛出异常、如客户端无权限访问等等这类,这类错误就是已知异常。
未知异常就是程序中不能预想的错误,最常见的服务器程序抛出状态码 500 的异常。又比如我们单词拼写错误,导致程序无法运行等等,这种就是未知异常。
# 中间件的异常
我们在中间件抛出一个异常看看
app.use((ctx, next) => {
throw Error('error');
ctx.msg += 'world';
next();
});
我们在控制台得到 UnhandledPromiseRejectionWarning Error:error 错误
我们现在加上 app.onerror 来拦截这个错误
app.use((ctx, next) => {
throw Error('error');
ctx.msg += 'world';
next();
});
app.use(ctx => {
ctx.body = 'hello word';
});
app.onerror = (err) => {
console.log('捕获到了!', err.message);
}
再次运行,发现 onerror 居然没有拦截到
查阅官网中记载的错误处理方法 Error Handling
其实吧,我们违反了 koa 的设计,有两种方法处理这个问题。
如果不想改成 async 函数,那就在所有 next() 前面加上 return 即可。
如果是 async 函数,那所有 next 前面加 await 即可
知道了这个我们开始编写全局异常中间件
# 全局异常监听
编写捕捉异常处理中间件 catchError.js
const catchError = async (ctx, next) => {
try {
await next()
// 处理页面404 防止页面404过多 被搜索引擎降权
if (ctx.status === 404) {
ctx.body =
'<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8"></script>';
}
} catch (error) {
}
}
module.exports = catchError
在 app.js 加载中间件
全局异常中间件监听、处理,因此放在所有中间件的最前面
const catchError = require('./middlewares/exception')
const app = new Koa()
app.use(catchError)
...
app.listen(8000)
我们来测试下能否正确拦截到异常
const Koa = require('koa');
const app = new Koa();
const catchError = async (ctx, next) => {
try {
await next()
} catch (error) {
console.log(error);
}
}
app.use(catchError)
app.use((ctx, next) => {
console.log(a);
});
app.listen(8000);
我们运行发现 控制台成功拦截错误 ReferenceError: a is not defined
# 定义异常的返回结果
像上面的 a 是空值 而我们使用了它,导致空指针异常,这类肯定是属于我们前面说的未知异常。那我们怎么区分是已知还是未知呢?
在服务器接口开发中,一个异常的返回结果,通常包含有:
- msg:异常信息
- code: HTTP 状态码
- errorCode:自定义的异常状态码
因此我们可以定义 HttpException 只要是出现这异常属于HttpException都属于已知异常。
// 定义HttpException继承Error这个类
class HttpException extends Error {
constructor(msg = '服务器异常', errorCode = 500, code = 400) {
super()
/**
* 错误信息
*/
this.msg = msg
/**
* Http 状态码
*/
this.code = code
/**
* 自定义的异常状态码
*/
this.errorCode = errorCode
}
}
我们现在改写下中间件那里,区分是已知异常还是未知异常
const { HttpException } = require("../core/httpException")
const catchError = async (ctx, next) => {
try {
await next()
} catch (error) {
const isHttpException = error instanceof HttpException
//判断是否是已知错误
if (isHttpException) {
ctx.body = {
msg: error.msg,
errorCode: error.errorCode,
request: `${ctx.method} ${ctx.path}`
}
ctx.status = error.code
} else {
ctx.body = {
msg: '服务器出现了未知异常',
errorCode: 999,
request: `${ctx.method} ${ctx.path}`
}
ctx.status = 500
}
}
}
Ok,我们现在在 app.js 测试下
我们启动服务 访问 http://localhost:8000/ 发现抛出了
{"msg":"服务器出现了未知异常","errorCode":999,"request":"GET /"}
说明我们自定义的中间件已经捕拦截到异常错误了.
# 定义常见的异常状态
有了上面的 异常的基类,我们很容易定义一些常见的异常,如:参数校验失败
class ParameterExceptio extends HttpException {
constructor(msg, errorCode) {
super()
this.code = 400;
this.msg = msg || '参数错误';
this.errorCode = errorCode || 400;
}
}
成功返回
class Success extends HttpException {
constructor(msg, errorCode) {
super()
this.code = 200;
this.msg = msg || '成功';
this.errorCode = errorCode || 200;
}
}
权限认证
class AuthFaild extends HttpException {
constructor() {
super()
this.code = 401;
this.msg = '认证失败';
this.errorCode = 1004;
}
}
大家可以根据自己业务定义大家需要的异常情况
# 开发环境 异常查看
前面我们在全局异常中间件那里区分了 已知异常异常 和 未知异常。但是返回了一样的错误,这对我们开发环境 调试是不友好的。我们需要在控制台抛出异常,方便我们定位问题
改写 pack.json 启动命名
"scripts": {
"start": "set NODE_ENV=dev&& nodemon --inspect app.js"
}
我们启动服务后告诉当前是开发环境,前面已经说了,我们只需要在开发环境中抛出未知错误,如下:
const isHttpException = error instanceof HttpException
// 开发环境下输出 异常 error
if (process.env.NODE_ENV === 'dev' && !isHttpException) {
throw error
}
...
经过测试,我们可以抛出那些未知错误,到此整个中间件编写完成!