随着前端技术的发展，构建一个全栈应用的需求越来越高。generator-jhipster-ff4j 是一个 npm 包，它提供了快速创建全栈应用程序的工具。
在这篇文章中，我们将会介绍如何使用 generator-jhipster-ff4j 创建一个全栈应用程序，包含前端与后端。我们会使用一些示例代码，让大家更好的理解。
前期准备
首先，我们需要安装 Yeoman 和 generator-jhipster-ff4j :
npm install -g yo generator-jhipster-ff4j
创建全栈项目
在开始创建全栈项目之前，我们需要先准备好一些参数，包括项目名称，数据库的名称以及数据库类型等。
在命令行输入如下命令：
yo jhipster-ff4j
接着将按照提示输入必需的项目参数信息。在完成提示信息的输入之后，我们将进入使用 jhipster-ff4j 的可视化界面，可以看到项目的结构是如下这样：
. ├── frontend/ // React + Redux + Webpack 前端 ├── gateway/ // Spring Cloud Gateway 路由网关，多服务负载均衡 ├── microservices/ │ ├── service1/ // Spring Boot 微服务1 │ ├── service2/ // Spring Boot 微服务2 └── uaa/ // Spring Security OAuth2.0 后端用户认证和授权服务器
在这个项目中，我们可以看到前端、后端、路由网关以及用户认证和授权服务器等模块。同时，我们还可以在 microservices 文件夹下创建多个服务模块。这是一个完整的全栈应用程序。
加入 Feature Flipping
大多数应用程序都有一个尝试新功能的周期。通过 Feature Flipping，我们可以在生产环境下动态的控制应用程序的行为，而不需要重新部署应用程序。
在 microservices/service1/src/main/java/com/mycompany/myapp/config 目录下，我们可以找到 FF4jConfiguration.java，它提供了一些控制 Feature Flipping 的配置。我们可以根据不同的需要，自定义配置，例如：
-- -------------------- ---- -------
--------------
-----------
------ ----- ----------------- -
-----
------ ---- --------- -
---- ---- - --- -------
-------------------------
-------------------------------
--------------------------- ------------------------
------ -----
-
-我们可以基于不同的 Feature，定义自己想要的属性，并根据代码所需的情况去获取这些属性值。示例代码如下：
-- -------------------- ---- -------
-----------------------------------------
------- ------- ---------------------
-----------------------------------------
------- ------ -------------------
--------------------
------ --------------------------- ---------------- -
-- ---------------------- -
-- ----- ---------------
------ ----------- - -----------------------
-- -- ---------
- ---- -
-- ------- ----------
----------------------------------------- -- -----------
-
-在前端代码中，我们可以使用 ff4j-js 包来获取相应的 Feature，并控制组件的显示、隐藏等。
-- -------------------- ---- -------
------ ---- ---- ----------
----- --- ------- --------------- -
------------------ -
-------------
----- ------------------ - ----- --------------------------------------
---------- - - ------------------ --
-
-------- -
------ -
-----
- ----------------------------- - ------------ -- - ---- -
------
--
-
-结束语
在这篇文章中，我们学习了如何使用 generator-jhipster-ff4j 创建全栈应用程序，并添加 Feature Flipping。通过 Feature Flipping，我们可以更好地控制应用程序的行为，并减小在生产环境下部署新功能所带来的风险。我希望这篇教程对于正在寻找构建全栈应用的开发者们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c5581e8991b448d9e21