简介
Hapi-arch 是一个基于 Hapi.js 开发的框架，它包含了前后端分离的完整架构方案。Hapi-arch 集成了一些流行的技术，比如 React、Redux、Webpack 等，提供了一套完整且高效的解决方案。本文将详细介绍如何使用 npm 包 hapi-arch 来进行快速开发。
安装
在全局安装 hapi-arch 命令行工具：
npm install -g hapi-arch
新建项目
- 使用 hapi-arch 命令来创建一个新的项目：
hapi-arch new my-project
- 进入到项目目录并安装依赖：
cd my-project npm install
启动服务
npm run start:dev
此时，访问 http://localhost:3000 将会看到项目的默认页面。
目录结构
hapi-arch 框架提供了一个规范的目录结构，以下是一个标准的目录结构示例：
-- -------------------- ---- -------
- ----
- -------
- -------
- -------
- -----------
- ----
- ------
- -----------
- --------
- ---------
- ------
- -----
- -----------
- ------
- ---------
- -------
- ------------
- --------
- ---------
- --------------
- ------
- ------
- ----------
- --------
- -------
- --------
- ------------
- ------------
- -----------------功能
hapi-arch 包含以下功能：
前端
- React.js
- Redux
- Redux Saga
- React Router
- ImmutableJS
- Webpack
- Babel
- ESLint
- Ant Design
- Sass
- CSS Modules
后端
- Hapi.js
- JWT
- Mongoose
- MongoDB
示例
下面是一个简单的示例，通过 hapi-arch 构建了一个 todo 应用。
App.js
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- ------ ------ - ---- -------------------
------ - ------ - ---- -------
------ ---- ---- --------------
----- - ------- - - -------
----- --- - -- ------- -- -- -
--------
---------
------- ------------------
--------
------ ----- -------- ---------------- --
---------
---------
----------
---------
--
------ ------- ----Home.js
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ------- - ---- --------------
------ - ------ - ---- -------
------ - ----------- - ---- -------------------------
------ -------- ---- ------------------------
------ -------- ---- ------------------------
----- - ------- - - -------
----- ---- ------- --------- -
------------------- -
----- - -------- - - -----------
------------------------
-
-------- -
------ -
--------
---------
-------- ---------
--------- --
--------- --
----------
---------
--
-
-
------ ------- ----------------routes.js
-- -------------------- ---- -------
------ ---- ---- ---------
------ ------- -
-
----- ----
---------- -----
------ -----
--
--reducers/todo/actions.js
-- -------------------- ---- ------- ------ - ------------- - ---- ---------------- ------ - ----------------- - ---- -------------- ------ - ------------- - ---- ------------- ------ ----- - --------------- - - --------------- -------------------- ------- -- -- ----- --- --- ------ ----- ----------- - -- -- ----- ---------- -- - ----- ----- - ----- ---------------- --------------------------------- --
其他文件
如果想要看完整的示例，可以到 hapi-arch-todo-demo 查看。
总结
hapi-arch 是一个完备的前后端分离的框架，提供了一套完整的解决方案。它具有强大的扩展性和可维护性，可以帮助开发者快速地开发出高质量的应用程序。希望本文对您有所帮助，如果您有任何问题或建议，欢迎在评论区留言！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c6681e8991b448ebe29