如何在旧版JSF Web应用程序中使用ReactJ？

Question

我们计划从基于XHTML的旧版JSF（1.X）框架中迁移应用程序的UI。

我们不会立即更改所有内容，但会迁移ReactJS中的几个选项卡之一，并保留其余页面（如XHTML一样）以了解其运行情况。

我一直在试图找到一种方法来做到这一点，但是还没有运气。任何人都可以给一些提示继续进行此操作吗？

预先感谢

Answer 1

我的建议：

• -用于使用任何微前端方法示例（iframe，Web组件）拆分页面/标签
  • 删除所有jsf会话依存关系，并依赖于URL查询参数（拆分后的应用仅保留一个入口点）
  • 应用sso令牌
  • 安全地继续进行更改，而不会影响其他部分

Answer 2

您将要防止旧版JSF应用程序与React组件之间的耦合。您可以通过使基于React的部件尽可能独立（如微服务）来实现这一点。

• 警惕在应用程序/会话范围的Bean中管理的状态。
• 不要依赖那些您宁愿扔掉但不能做到的事情 时刻。您的旧版应用程序可能太耦合了， 还是单片的。
• 请记住，您最终会（应该？）丢弃您的遗留代码。
• 让年轻的开发人员保持整洁（我的经验是，JSF会将它们吓跑了-是的）。这样一来，您便会获得一个不错的，快速的开发人员反馈循环，而无需进行繁琐的容器部署工作，而无需进行繁重的构建过程。

使用某种类似于SSO的身份验证来集成新旧应用程序，并使样式无缝。

如果您将Primefaces用作组件库，则还可以从它们的React组件中受益，这些组件与JSF等效项并不完全相同，但是它们为您提供了一个了解外观的起点-并且感觉正确。但是，您还是再次与旧应用程序建立了新的，不太明显的耦合。这里要小心。