检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
注意事项 域名管理仅支持运行服务管理员使用。 最多可添加100个IP地址或域名。 操作步骤 登录流程引擎。 在左侧导航栏单击“流程运行服务”，进入“流程运行服务”页面。 在左侧导航栏选择“应用配置 > 域名管理”，进入“域名白名单”页面。 在文本框中，输入IP地址或域名，单击“保存”。
开发技能要求 熟悉前端JS，能够编写JS代码。 了解基本的Vue框架，熟悉前端应用构建。 环境要求 已安装Node.js环境。 安装Node及Npm Node.js是一个JavaScript的运行环境，它能帮我们在服务器端运行JavaScript代码。我们需要Node.js来运行一些命令行工具。
tArts IPDCenter）中独立运行。 工作原理 微前端采用的无界方案，利用“iframe”来实现js沙箱能力，下面详细介绍： 应用加载机制和js沙箱机制 将子应用的js注入主应用同域的“iframe”中运行，“iframe”是一个原生的window沙箱，内部有完整的his
获取导航树 功能介绍 获取运行态导航树。 URI POST /console/servicetask/api/localMethod/navtree/getNavigateTree 示例接口地址：{域名（有文根需带文根）}/pdmcore/ipdcworkflowservice/
获取流程模板列表 功能介绍 获取流程模板列表。 URI GET /services/workflow/navtree/processConfig/findMaxTemplates/{pageSize}/{curPage} 示例接口地址：{域名（有文根需带文根）}/pdmcore/
流程编辑页面概述 什么是流程编辑 流程编辑页面是一种将流程工具拖拽到在线编辑区进行低代码甚至无代码配置，即可快速完成业务流程设计的前端页面。通过在流程编辑页面绘制业务流程，企业可以更清晰地理解流程的各个步骤和关系，方便与团队成员/相关方进行沟通、交流。 初识流程编辑页面 创建流程
获取账号ID 操作步骤 在调用接口的时候，部分请求中需要填入账号名（domain name）和账号ID（domain_id）。获取步骤如下： 注册并登录管理控制台。 鼠标移动至用户名，在下拉列表中单击“我的凭证”。 在“API凭证”页面的查看“账号名”和“账号ID”。 图1 获取账号ID
如何使用状态管理插件 状态管理插件，可添加页面变量（state变量）和添加全局变量（stores变量），供页面及应用使用。 添加页面变量 页面状态下的变量仅适用于当前页面。 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。
内嵌子流程，它是一个可以包含其他活动、分支、事件等的活动。它表现为将一个流程（子流程）定义在另一个流程（父流程）的内部，子流程作为父流程的一部分。 ：导航分组，作为流程组件的分组节点，用户导航树自动生成时作为父节点展示。 任务 ： 普通用户任务，作为流程组件的标准用户处理任务，用户可以进行通过、驳回、转审等操作。
工具栏 图标 名称 说明 页面名称 展示当前页面名称。 画布清除工具 清空当前画布页面相关的所有信息（如页面schema、页面状态、页面JS等配置）。 画布刷新工具 刷新当前页面信息，重新载入页面。 预览工具 在浏览器中打开新的标签页，预览当前编辑好的页面。 撤销工具 撤销当前操作并回退至上一步操作时的状态。
获取项目ID 操作场景 在调用接口的时候，部分URL中需要填入项目ID，所以需要获取到项目ID。有如下两种获取方式： 从控制台获取项目ID（推荐使用） 调用API获取项目ID 从控制台获取项目ID 在调用接口的时候，部分URL中需要填入项目编号，所以需要获取到项目编号。编号获取步骤如下：
在UI编辑页面添加插件 UI编辑插件介绍 如何使用物料插件 如何使用大纲树 如何使用国际化资源插件 如何使用状态管理插件 如何使用资源管理插件 父主题： 使用流程引擎编排流程元模板
开发概述 卡片库简介 卡片是一种新的服务形态，提供一种比页面更细粒度的可复用的原子化服务能力，能直观呈现独立的业务含义，使用户能够精准快速地获取想要的服务。目前卡片定义是狭义定义，不含报表、中大屏、页面、移动屏等由卡片编排的消费产物。 作为一种入口方式。如在一站式应用，以图标/链
单击“UI编辑”，切换至“UI编辑”页面。 在左侧插件栏中，单击，展开“资源管理”页面。 在“资源管理”页面，单击待操作的工具类。 在展开的“编辑工具类”页面，单击“删除”。 图2 删除工具类 在弹出的“删除资源”窗口中，单击“确认”。 在弹出的提示框中，单击“确认”。 父主题： 在UI编辑页面添加插件
来实现灵活的可定制性，这样就可以在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南
参数类型 描述 taskId 否 String 任务ID （可通过获取导航树接口返回值中taskId获取） processInstanceId 否 String 流程实例ID（可通过获取导航树接口返回值中processId获取） internalOperate 否 String 流程引擎的Operation
在流程编辑页面配置流程工具 流程编辑页面概述 在流程编辑页面添加流程工具 父主题： 使用流程引擎编排流程元模板
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
用户级Token获取 功能介绍 用户级Token获取。 URI POST /basic/mgmt/public/api/v1/oauth2/token 请求参数 表1 请求Query参数 参数 是否必选 参数类型 描述 grant_type 是 String 授权类型，当前未使用
将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。 父主题： 外部无AUI依赖开发示例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
