2 篇博文 含有标签「进阶技巧」

背景介绍​

腾讯电子签可嵌入Web页面是通过调用腾讯电子签的API接口获取到的url链接，开发者可以将该链接嵌入到自己的网页或应用中。用户点击链接后，会自动跳转到腾讯电子签的登录页面，进行无感知登录。登录态维持30分钟，用户可以在这段时间内进行签署操作。但当用户在使用腾讯电子签时，如果登录态失效，就需要重新调用API接口，获取新的url链接，重新登录才能使用。

背景​

腾讯电子签Web端可嵌入页面可以通过iframe嵌入至开发者自己的业务系统中。这种通过前端集成的方式很方便，也很高效。但是在实际应用时，以iframe为技术实现的嵌入方式，也存在一些局限性。我们知道，在跨域的情况下，iframe的内外页面作用域是完全隔离的。

这种情况下，容易让用户感觉到内外页面脱节，嵌入的痕迹过于明显。那么怎么让内外页面联动起来呢？能否让整个页面看起来更像是一个整体？

我们来看这样一个场景：在管理合同模板时，页面通常是”列表+详情“的基本组合。当用户新增一条记录时，用户可以选择退回到列表页，或者继续新增下一条记录。如果在Web页面嵌入场景中，”创建模板“页面是通过iframe嵌入到系统中的；那么当子页面模板新增完成时，父页面则期望一起跳转。此时，问题的关键就在于父页面如何“知道”子页面何时新增完成。

腾讯电子签提供了配套的前端的相关API来解决此类问题。本篇文档将从这个应用场景入手，来了解Web页面嵌入的进阶技巧 —— 消息通信机制。