检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
”、“body”全部代理到webcomponent，这样instance和webcomponent就精准的链接起来。 当子应用发生切换，“iframe”保留下来，子应用的容器可能销毁，但webcomponent依然可以选择保留，这样等应用切换回来将webcomponent再挂载回
Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对源代码
开发指导 AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。
开发概述 关于认证 在系统间API交互时，需要对API做认证。CraftArts IPDCenter定义了API认证的规范与SDK，应用在与CraftArts IPDCenter的API集成过程中，需要按照此规范完成认证逻辑。 认证集成简介 CraftArts IPDCenter
开发概述 轻量化浏览服务已在测试环境中独立部署，开发者可以通过Iframe或者微服务框架等技术在业务页面中嵌入。 接入方式 Iframe <iframe class="demo-iframe" allow="*" src={{query_url}} ></iframe> 微前端框架（此处以Wujie框架为例）
开发指导 创建一个Spring的API，在API中获取token，并检验token的合法性。 开发过程 在Spring boot项目工程中创建一个API。 @Controller @RequestMapping("/api") public class TestController
总体开发思路 开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组
总体开发思路 工作流程 使用统一认证集成的工作流程如下： 图1 工作流程 在第三方应用作为被调用方时，需要检验请求中的认证凭据的合法性： 获取请求头中的认证凭据-Token。 获取请求头中名为Authorization的认证凭据。 校验认证凭据。 调用SDK中的检验方法，将tok
AutoResponder功能，直接把服务器重定向到本地目录（需要编写一个正则表达式），修改本地文件刷新浏览器就能看的修改效果。 使用Chrome DevTools的Overrides功能，把服务器的文件映射到本地，可以直接在sources面板中修改文件中的方法，这种最适合调试jsp这种不用webpack压缩的老项目。
外部无AUI依赖开发示例 开发指导 注意事项 父主题： 卡片配置指南
准备工作 开发技能要求 熟悉前端JS，能够编写JS代码。 了解基本的Vue框架，熟悉前端应用构建。 环境要求 已安装Node.js环境。 安装Node及Npm Node.js是一个JavaScript的运行环境，它能帮我们在服务器端运行JavaScript代码。我们需要Node.js来运行一些命令行工具。
Engine，CCE） 通过创建CCE集群及其上的主机组/主机，部署开发态和运行态微服务。 创建CCE集群 创建节点池 创建节点 容灾启停管理 弹性云服务器（Elastic Cloud Server，ECS） 通过创建CCE集群主机弹性云服务器，部署应用docker。 CraftArts IPDCenter服务docker部署
IPDCenter外部集成开发 开发概述 总体开发思路 准备工作 快速开始 实现一个认证API 代码示例 常用调试方法 父主题： 统一认证配置指南
控制、行为监控和基于主机的入侵防御等，帮助构建服务器安全体系，降低当前服务器面临的主要安全风险。具体配置请参见HSS使用指导。 同时，通过配置Web应用防火墙（Web Application Firewall，简称WAF）保护Web服务安全稳定，对HTTP/HTTPS请求进行检测
使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题： 外部无AUI依赖开发示例
因为子应用的资源和接口的请求都在主域名发起，所以会有跨域问题，子应用必须做跨源资源共享（CORS）设置，可参考以下两种常见的设置方式： 如果服务器应用是基于Express框架搭建的，那么可以通过定义中间件来实现相关设置。 app.use((req, res, next) => {
流程配置指南 流程引擎概述 如何访问流程引擎 使用流程引擎创建流程元模板 使用流程引擎编排流程元模板 发布并审核流程元模板 运行流程引擎的流程运行服务 监控流程引擎的流程运行服务 管理流程引擎中已创建的流程元模板 管理流程引擎中已创建的流程服务编排 管理流程元模板审核任务 管理流程引擎的流程编排服务日志
选择“集成管理 > 密钥管理”，单击“创建密钥”。 密钥作为卡片认证信息唯一标识，在卡片开发过程中使用当前密钥进行统一认证，生成token进行前后端数据请求。详情参见统一认证配置指南。 图3 新增密钥 将开发指导中生成的卡片zip压缩包进行上传管理。 图4 上传卡片 使用卡片 卡片上传完成之后就可以在角色桌面中查看并使用了。
微前端配置指南 开发概述 快速开始
"success"; } return "error"; } } 父主题： IPDCenter外部集成开发
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
