iframe快速解决页面“复用”

1. 背景

App1有一个很常用的功能,该功能被其它项目组B看中,App2想以最小的代价最快上线,就是那种页面功能直接复用,避免开发。

2. 方案

以iframe将App1中的功能页面嵌入到App2中,虽然说这种方案不通用,但是确实也是改动最小了。

比如已有的项目设计方案如下,APP1和App2均是前后端分离的设计方案,如下图所示:

1614942601080.png

方案一:

用户请求进来后,先通过App2的前端发送请求给App2获取权限数据,比如userid,然后根据userid拼接新的url发送给App1从而获取数据,结合静态的页面即可。

1614943242326.png

此方案的优点是,比较简单App2不需要过多开发,请求均是在App2的前端完成。但缺点是,在前端构造的请求也就是过程3容易被篡改。

方案二:

用户请求进到Nginx,Nginx将后台请求转到APP,App2根据需要比如结合权限,将请求经Nginx发给App1


1614943675857.png

该方案比方案一稍微麻烦些,需要在webapp端写入稍微多一点的代码(主要是构造请求并在后台将请求发给App1),但是后台构造的请求,相对比较安全。

目前方案也是采用的第二种。

后记

当然这两种方案其实都是应急处理,代价较小,但是不适合阵地战。最后还是要将其服务后以及模块化才是更好的选择。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容