检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue Devtools是每个Vue开发者必备的工具，无论是新手还是经验丰富的开发者，都可以从中受益。
开发者可以在大纲树中通过选中某一组件，实现快速选择需要编辑的组件。 查看大纲树 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。
开发概述 轻量化浏览服务已在测试环境中独立部署，开发者可以通过Iframe或者微服务框架等技术在业务页面中嵌入。
开发概述 关于认证 在系统间API交互时，需要对API做认证。CraftArts IPDCenter定义了API认证的规范与SDK，应用在与CraftArts IPDCenter的API集成过程中，需要按照此规范完成认证逻辑。 认证集成简介 CraftArts IPDCenter提供卡片市场功能
开发概述 卡片库简介 卡片是一种新的服务形态，提供一种比页面更细粒度的可复用的原子化服务能力，能直观呈现独立的业务含义，使用户能够精准快速地获取想要的服务。目前卡片定义是狭义定义，不含报表、中大屏、页面、移动屏等由卡片编排的消费产物。 作为一种入口方式。如在一站式应用，以图标/链接
开发概述 微前端简介 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。子应用按照指南做微前端改造后，可以在硬件开发工具链平台云服务（CraftArts IPDCenter）中独立运行。 工作原理 微前端采用的无界方案，利用“iframe”来实现
开发指导 创建一个Spring的API，在API中获取token，并检验token的合法性。 开发过程 在Spring boot项目工程中创建一个API。 @Controller @RequestMapping("/api") public class TestController
开发指导 AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。
此外，流程引擎支持开发者基于对应使用的模板进行一些额外的定制化改造，以此适应企业中不同的业务场景需求。 组件：提供了丰富的业务组件和IPD组件，用户可以根据需求选择合适的组件，具体说明如表1所示。
总体开发思路 工作流程 使用统一认证集成的工作流程如下： 图1 工作流程 在第三方应用作为被调用方时，需要检验请求中的认证凭据的合法性： 获取请求头中的认证凭据-Token。 获取请求头中名为Authorization的认证凭据。 校验认证凭据。 调用SDK中的检验方法，将token
总体开发思路 开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件
外部无AUI依赖开发示例 开发指导 注意事项 父主题： 卡片配置指南
IPDCenter外部集成开发 开发概述 总体开发思路 准备工作 快速开始 实现一个认证API 代码示例 常用调试方法 父主题： 统一认证配置指南
注意事项 注意事项 卡片运行资源大小会影响资源下载的速度，也影响浏览器的解析执行，卡片资源体积不宜太大，不能超过5M。 尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启
卡片配置指南 关于卡片 开发概述 总体开发思路 准备工作 外部无AUI依赖开发示例 卡片上传使用 常用调试方法
快速开始 本章节以一个被调用API为例，进行检验API中token的合法性。 操作步骤 在一个待集成的应用系统中，找到一个API接口，如/testApi。 在工程中增加配置信息，具体配置获取方式见准备工作中收集信息章节。 jwt.service.publickey.url: 公钥获取地址
代码示例 使用Verify方法校验“token”，并且从中获取“issuer”信息。 代码示例如下： @Controller @RequestMapping("/api") public class TestController { @GetMapping("/testApi
准备工作 前提条件 如果集成应用和CraftArts IPDCenter不在一个网络内，则登录对接需要在CraftArts IPDCenter端执行如下两个操作： 开放集成应用访问地址的弹性IP的防火墙规则； 需要在用户管理服务的“ssf.secureHttpFilter.trustdomain
常用调试方法 查看日志 父主题： IPDCenter外部集成开发
流程配置指南 流程引擎概述 如何访问流程引擎 使用流程引擎创建流程元模板 使用流程引擎编排流程元模板 发布并审核流程元模板 运行流程引擎的流程运行服务 监控流程引擎的流程运行服务 管理流程引擎中已创建的流程元模板 管理流程引擎中已创建的流程服务编排 管理流程元模板审核任务 管理流程引擎的流程编排服务日志
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
