背景
腾讯电子签Web端可嵌入页面可以通过iframe嵌入至开发者自己的业务系统中。这种通过前端集成的方式很方便,也很高效。但是在实际应用时,以iframe为技术实现的嵌入方式,也存在一些局限性。我们知道,在跨域的情况下,iframe的内外页面作用域是完全隔离的。
这种情况下,容易让用户感觉到内外页面脱节,嵌入的痕迹过于明显。那么怎么让内外页面联动起来呢?能否让整个页面看起来更像是一个整体?
我们来看这样一个场景:在管理合同模板时,页面通常是”列表+详情“的基本组合。当用户新增一条记录时,用户可以选择退回到列表页,或者继续新增下一条记录。如果在Web页面嵌入场景中,”创建模板“页面是通过iframe嵌入到系统中的;那么当子页面模板新增完成时,父页面则期望一起跳转。此时,问题的关键就在于父页面如何“知道”子页面何时新增完成。
腾讯电子签提供了配套的前端的相关API来解决此类问题。本篇文档将从这个应用场景入手,来了解Web页面嵌入的进阶技巧 —— 消息通信机制。