如何将网络应用程序的一部分嵌入到另一个网络应用程序中

问题描述 投票:0回答:1

我已经有一个网络应用程序 (X)。 我想构建一个新的 Web 应用程序 (Y),其中嵌入了 Web 应用程序 (X) 的一部分。 流程应如下 - Google SSO > 嵌入网络应用程序 (X)

网络应用程序 (X) 是动态的,用户应该能够来回移动。我愿意进行最小的设计更改,但嵌入 Web 应用程序 X 是其中的主要部分。

我尝试使用 Bubble,并且仍然希望使用 Bubble,但由于学习曲线,我有点吃惊。

javascript android html web-applications bubble.io
1个回答
0
投票

有几种方法可以将一个网络应用程序嵌入到另一个网络应用程序中:

最简单的选择是在您的网络应用程序 (Y) 中使用 来嵌入网络应用程序 (X)。例如:

<iframe 
src="https://web-app-x.com" 
width="500" 
height="400" 
frameborder="0"
></iframe>

这会将 Web 应用程序 (X) 嵌入到 Web 应用程序 (Y) 内的 iframe 中。用户将能够正常与网络应用程序 (X) 交互,并在两个应用程序之间来回移动。

您可以设置 iframe 的样式以适合您的设计。主要缺点是 Web 应用程序 (X) 将与 Web 应用程序 (Y) 隔离,因此在两者之间传递数据可能很困难。

另一种选择是在 API 级别将 Web 应用程序 (X) 集成到 Web 应用程序 (Y) 中。这需要:

  • 从 Web 应用程序公开 API (X)
  • 从网络应用程序使用该 API (Y)

这可以实现更紧密的集成,数据可以在两个应用程序之间自由流动。但是,它需要修改 Web 应用程序 (X) 才能公开 API。

如果您有权访问 Web 应用程序 (X) 的代码,最干净的解决方案就是简单地将该代码嵌入到 Web 应用程序 (Y) 中。这提供了最接近的集成,但需要修改 Web 应用程序 (X) 的代码库。

如果您已经使用 Bubble 作为低代码/无代码平台,Bubble 本身可能有一些选项可以将一个应用程序嵌入到另一个应用程序中。我不太熟悉 Bubble 的功能,但他们的支持团队应该能够指导您。

© www.soinside.com 2019 - 2024. All rights reserved.