随着前端技术的发展,构建一个全栈应用的需求越来越高。generator-jhipster-ff4j 是一个 npm 包,它提供了快速创建全栈应用程序的工具。
在这篇文章中,我们将会介绍如何使用 generator-jhipster-ff4j 创建一个全栈应用程序,包含前端与后端。我们会使用一些示例代码,让大家更好的理解。
前期准备
首先,我们需要安装 Yeoman 和 generator-jhipster-ff4j :
--- ------- -- -- -----------------------
创建全栈项目
在开始创建全栈项目之前,我们需要先准备好一些参数,包括项目名称,数据库的名称以及数据库类型等。
在命令行输入如下命令:
-- -------------
接着将按照提示输入必需的项目参数信息。在完成提示信息的输入之后,我们将进入使用 jhipster-ff4j
的可视化界面,可以看到项目的结构是如下这样:
- --- --------- -- ----- - ----- - ------- -- --- -------- -- ------ ----- ------- ------------ --- -------------- - --- --------- -- ------ ---- ---- - --- --------- -- ------ ---- ---- --- ---- -- ------ -------- -------- ------------
在这个项目中,我们可以看到前端、后端、路由网关以及用户认证和授权服务器等模块。同时,我们还可以在 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