AOP(面向切面编程)是一种编程思想,可以将需要横跨多处的代码功能抽离成模块化的切面,以便在运行时动态地组合到应用中。在前端开发中,AOP 通常用于需要注入第三方 SDK 或者其他不属于应用逻辑范畴的逻辑。
在 Hapi 中,我们可以使用一个叫做 hapi-plugin-happy 轻松地实现 AOP 编程。
安装插件
首先,我们需要安装 hapi-plugin-happy 插件。可以使用 npm 安装:
--- ------- -----------------
然后在 Hapi 应用中注册:
----- ---- - ---------------------- ----- ----- - ----------------------------- ----- ------ - ------------- ----- ----- ----- ----------- --- ----- ----------------- ------- ----- --- -- --- ------------ ----- ---------------
定义切面
在 hapi-plugin-happy 中,切面通过定义回调函数的方式实现。回调函数可以包含在一个单独的 JavaScript 文件中,并通过它的相对路径传递给 Happy 路由选项。
例如,在我们的应用中,我们需要做一个简单的下单操作。在下单成功后,我们需要调用一个第三方支付 SDK 完成支付流程。这个支付 SDK 可以使用第三方库 @fishpay/pay。
我们把它抽象成一个切面:
-------------- - -------- -------- - ------ ----- -------- --------- -- - ----- ------------ - ---------------- ----- ----------- - ----- ----------------------------------------- -- --------------------- - ----- ------- - ------------------------ --------------------------------- - ------ ----------- - -
回调函数接收两个参数,request 和 h,和常规的 Hapi 路由处理函数一样。需要注意的是,回调函数中的 this 并不是指向请求的上下文,而是指向 hapi-plugin-happy 实例对象。
注入切面
切面可以在一个或多个路由上定义。在路由上定义切面可以使用 Happy 路由选项,例如:
-------------- ------- ------- ----- --------- -------- --------- -- -- - -- --------- -- -------- -------- ----- -------- --------- - -- ------- - -------- - ------ - ----- ----------------------------- - - - ---
这个路由中对应的切面使用了相对路径 './path/to/my/aop/handler.js',并且它会在每次请求的时候自动执行。
在路由中定义的切面会覆盖全局定义的同名切面。所以,如果你需要定义一个全局的切面,可以在 Happy 插件上使用它的全局选项:
----- ----------------- ------- ------ -------- - -------- - ------ - ----- ----------------------------- - - - --- -- --- -------------- ------- ------- ----- --------- -------- --------- -- -- - -- --------- -- -------- -------- ----- -------- --------- - -- ------- - -------- - ------ - ------- ------- - - - ---
结论
使用 hapi-plugin-happy,我们可以轻松地在 Hapi 应用中实现 AOP 编程。这种编程思想可以大大简化代码逻辑,提高代码可读性和可维护性。同时也可以更好地管理第三方 SDK 和其他逻辑的代码结构。
示例代码
完整的示例代码放在 GitHub Gist 上:
https://gist.github.com/jinchengzj/334a6ceca772da79f0566f9a14ca040e
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6710c9e5ad1e889fe2fc0f9f