利用FusionAuth登录/验证屏幕

Question

我们有两个管理SPA，可以方便地使用FusionAuth模板化登录/验证屏幕。这很有用，因为屏幕会自动反映我们的社交登录，因为这些都是配置的，

第三个SPA经过精心设计，将登录字段放在动态启动页面上。我正在考虑尝试html嵌入我们的首页FusionAuth登录面板，但需要剥离导航栏和背景容器。我认为这将是FusionAuth UI网页布局的全球变化，迫使我们所有的应用程序都使用嵌入。

我们有一个子域上运行的FusionAuth，所以嵌入可能不会造成太多的CORS困难。是否还有其他原因导致将登录面板直接从FusionAuth服务器嵌入到我们的页面中可能不是一个可行的解决方案？

Answer 1

您可以修改FusionAuth登录用户界面，而不会影响管理用户界面。如果转到Settings -> System -> UI，您将看到所有登录用户界面模板都可以修改。

如果不同的应用程序具有不同的登录UI元素，则可以使用模板中的变量client_id来控制布局。这是用于FusionAuth应用程序的OAuth client_id。这些模板是FreeMarker，因此条件语句可能如下所示：

[#if client_id == 'ee31103f-2fc1-4bb5-ba95-ac543693503e']
  Embeddable HTML/CSS goes here
[#else]
  Standard HTML/CSS goes here
[/#if]

也就是说，FusionAuth的OAuth登录UI可能不容易嵌入到您的第三个SPA中，这取决于您使用的是iframe还是AJAX。如果可能的话，最好还是给登录UI设置皮肤以匹配您的UI，并利用OAuth登录工作流。

另一种解决方案是使用您自己的登录页面，然后调用FusionAuth API对用户进行身份验证。

我们一直在探索添加一个可嵌入的登录系统。如果你想为此打开一个功能请求，你可以在我们的Github问题跟踪器上添加它：https://github.com/FusionAuth/fusionauth-issues