检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
获取项目ID 操作场景 在调用接口的时候，部分URL中需要填入项目ID，所以需要获取到项目ID。有如下两种获取方式： 从控制台获取项目ID（推荐使用） 调用API获取项目ID 从控制台获取项目ID 在调用接口的时候，部分URL中需要填入项目编号，所以需要获取到项目编号。编号获取步骤如下：
获取账号ID 在调用接口的时候，部分请求中需要填入账号名（domain name）和账号ID（domain_id）。获取步骤如下： 注册并登录管理控制台。 鼠标移动至用户名，在下拉列表中单击“我的凭证”。 在“API凭证”页面的查看“账号名”和“账号ID”。 图1 获取账号ID 父主题：
获取导航树 功能介绍 获取运行态导航树。 URI POST /console/servicetask/api/localMethod/navtree/getNavigateTree 示例接口地址：{域名（有文根需带文根）}/pdmcore/ipdcworkflowservice/
用户级Token获取 功能介绍 用户级Token获取。 URI POST /basic/mgmt/public/api/v1/oauth2/token 请求参数 表1 请求Query参数 参数 是否必选 参数类型 描述 grant_type 是 String 授权类型，当前未使用
按工单获取工单相关信息 功能介绍 获取工单相关信息 URI POST /wom/openapi/v1/wos/wo-info 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 [数组元素] 否 Array of OpenWoInfo objects 获取工单信息请求体
开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口
获取当前登录的用户信息 功能介绍 获取当前登录的用户信息，此接口为机机接口。 URI GET /basic/mgmt/public/api/v1/oauth2/userinfo 请求参数 表1 请求Header参数 参数 是否必选 参数类型 描述 Authorization 是 String
定位的，生产环境利用webpack去掉，就不会影响性能方面。 图1 console报错 全局查找 可以根据报错关键字定位问题，一般是dom元素的id、class、name或者页面中出现的唯一性的中文汉字，搜索就可以直接定位到代码。 调用堆栈 堆栈是一个数据结构，每一个函数调用时都
获取工单产品信息 功能介绍 获取工单产品信息 URI GET /wom/openapi/v1/wos/wo-part-info 表1 Query参数 参数 是否必选 参数类型 描述 wo_order 是 String 工单号 wo_id 否 String 工单号ID 请求参数 无
需要获取用户Token并在调用接口时增加“X-Auth-Token”到业务接口请求消息头中。Token认证，具体操作请参考认证鉴权。 通过IAM服务获取到的Token有效期为24小时，需要使用同一个Token鉴权时，可以先将Token缓存，避免频繁调用。 操作步骤 获取接口相关信息。
后添加括号，否则为字符串格式。 图4 自定义处理函数 单击“确定”。 在生命周期中绑定JS方法 生命周期介绍 这里的生命周期特指Vue的生命周期，Vue的生命周期可以简单分为四个阶段：创建阶段，挂载阶段，运行阶段，销毁阶段。 图5 生命周期介绍 setup：在组件创建时执行。 o
获取流程模板列表 功能介绍 获取流程模板列表。 URI GET /services/workflow/navtree/processConfig/findMaxTemplates/{pageSize}/{curPage} 示例接口地址：{域名（有文根需带文根）}/pdmcore/
需要获取用户Token并在调用接口时增加“X-Auth-Token”到业务接口请求消息头中。Token认证，具体操作请参考认证鉴权。 通过IAM服务获取到的Token有效期为24小时，需要使用同一个Token鉴权时，可以先将Token缓存，避免频繁调用。 操作步骤 获取接口相关信息。
应用实例授权登录，获取授权码接口 功能介绍 应用实例授权登录，此接口为人机登录接口。 URI GET /basic/mgmt/api/v1/oauth2/authorize 表1 Query参数 参数 是否必选 参数类型 描述 response_type 否 String 响应类型，默认值code，授权码类型
关于卡片 卡片说明 卡片是指具有一定业务意义的页面元素及功能组合，通常由技术组件和业务服务组成。 卡片最终在门户页面上使用，管理员可以在卡片管理界面管理上传卡片，供用户选择配置到页面上。 父主题： 卡片配置指南
POST /wom/openapi/v1/wos/batch-create 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 [数组元素] 否 Array of OpenWoDTO objects 被导入工单信息 表2 OpenWoDTO 参数 是否必选 参数类型 描述 rdmExtensionType
如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装
尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题： 外部无AUI依赖开发示例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
