魔笔应用如何集成业务系统应用

本文介绍了如何在魔笔中如何集成业务系统应用

方案概览

在现有的魔笔 Web 应用中集成其他业务系统应用,只需 2 步:

  1. 使用 iframe 组件集成外部应用:利用魔笔平台预制的 iframe 组件,并在 iframe 组件中集成业务系统应用 URL,完成应用嵌入。

  2. 发布应用:将完成集成的魔笔主应用进行预览发布。

下面是集成业务系统应用的详细步骤。

1. 使用 iframe 组件集成业务系统应用

image

  • 在组件面板中选择 iframe 组件,并根据业务场景将其拖动至页面的对应位置。

image

  • 在 iframe 组件的配置面板中填写待集成应用的 URL 或使用代码模式集成静态 html 代码 (如本实践中以集成阿里云官网为例)

重要

这里如果使用其他非 aliyun.com 的地址,会在设计时显示“该内容被屏蔽了。请联系网站所有者以解决此问题。”这个属于预期的效果,发布之后就可以正常显示了。

image

2. 发布应用

  • 点击右上角发布按钮,将应用发布至开发环境。image

  • 发布成功后,点击查看环境。image.png

  • 可以看到应用地址,访问该地址查看效果

image