架构设计器详细操作指导
添加云服务图元
解决方案工作台设计中心预置的云服务图元包含华为云服务、第三方应用及组件以及其他图元等图元。
- 支持切换系统预置的图元和自定义图元，如果选择HC，这图元库中显示所有支持华为公有云的服务图元；
- 在图元库里选择相应的图元样式，筛选需要用到的图标，或者在搜索框输入关键字进行搜索；将鼠标移动到待选择的图元上，按住鼠标左键即可将该图元拖拽至画布上。 图1 添加图元
添加分层分组图元
面板图元和线框图元类目、形状完全一致，含华为云、区域、可用区、虚拟私有云、子网、集群、DMZ区、业务分层、账号、专属计算集群DCC、专属云DEC、专属主机DEH、安全组。选中图元后，按住鼠标左键即可将该图元拖拽至画布中；同时，您也可以双击面板图元，在弹出面板图元修改界面支持修改面板图元的角标。
分层分组图元有无层级关系的区别：
- 有层级关系的图元是一个面，后添加的层分组图元层级会高于先添加的其他图元，也就是会覆盖住先添加的图元，导致无法选中被覆盖的图元，需要右键层分组图元，选择【置于底部】来调整层级。
- 无层级关系的图元是一条线形成的圈，中间是镂空的，没有面的概念，不管什么时候添加到画布中，都不会覆盖其他图元。
自定义图元及粘贴图片
设计器支持将图片添加到画布中，需要在第一次使用设计器的时候签署使用说明的申明才可以使用自定义图元及粘贴截图的功能。
- 自定义图元，支持将本地图片上传到自定义图元组，供长期使用，选择【自定义图元】，可以直接操作默认分组也可以点击【新建图元组】新建。然后点击【操作】->选择【上传图元】或者【上传图元zip包】来上传图元或者图片压缩包，将图片上传至自定义图元组中，即可使用拖拽方式添加到画布中。
- 粘贴图片，设计器支持直接截图粘贴到画布中，请不要保存到本地或者其他文件中，需要直接截图后复制粘贴。 图4 上传自定义图元
如果按照以上指导粘贴图片失败了，建议检查是否为浏览器不允许粘贴剪切板里的内容，右键点击粘贴尝试触发浏览器该设置的弹窗。
清空画布
如需删除画布中所有元素，可右键画布选择【清空画布】。
移动和对齐图元
- 快速选中、移动多个图元
鼠标左键点击即可选中图元，选中后【Crtl键+鼠标左键】可继续选中其他图元，完成多个图元的选择；选中多个图元后，可按住鼠标左键移动图元。另外，你也可以直接按住鼠标左键拖动，快速框选要选中的多个图元。如下图所示，拖动鼠标选择图元所在区域，松开鼠标后即可选中该区域内的图元；选中后，按住鼠标左键即可拖动选中的多个图元。
图6 选中、移动多个图元
- 对齐图元
支持对齐多个图元，包含左对齐、顶对齐、垂直中线对齐、水平中线对齐、垂直均分、水平均分，Ctrl键+鼠标左键选中图元后选择对齐方式即可。图元与线框之间也支持使用对齐方式对齐。
- 左对齐：选中的多个图元最左侧对齐，适合图元为纵向分布的情况。
- 右对齐：选中的多个图元最右侧对齐，适合图元为纵向分布的情况。
- 顶对齐：选中的多个图元的最顶端对齐，适合图元为横向分布的情况。
- 底对齐：选中的多个图元的最底端对齐，适合图元为横向分布的情况。
- 垂直中线对齐：选中的多个图元的中线在垂直方向对齐，适合图元为纵向分布的情况&图元大小不一样的情况，如云服务图元和线框对齐、云服务图元和面板图元对齐。
- 水平中线对齐：选中的多个图元的中线在水平方向对齐，适合图元为横向分布的情况&图元大小不一样的情况，如云服务图元和线框对齐、云服务图元和面板图元对齐。
- 垂直均分：选中的多个图元在垂直方向平均划分，划分后的各个在垂直方向的间距相同。
- 水平均分：选中的多个图元在水平方向平均划分，划分后的各个在水平方向的间距相同。
图7 对齐图元
图8 对齐后效果
编辑、替换和推荐图元
- 编辑图元文字。双击图元可以直接编辑图元的文字（如云服务的名称，面板图元名称，连线的描述等），同时可以设置文字的字体，字号，颜色，加粗，下划线等样式
- 属性编辑窗，双击图元，或者选中图元，点击画布左上角的侧拉窗按钮都可以弹出属性编辑框。在属性编辑框内可以编辑图元的尺寸、文字显示的对齐样式、线条颜色、线条箭头样式、填充色、背景颜色、虚实线、透明度等。
- 替换图元
已完成连接的图元如果需要替换为其他图元，可通过替换图元的功能进行替换，替换后该图元相关的连接线将会保持不变。选中图元-鼠标右键-选择替换图元-搜索图元-选择要替换的图元即可。
图10 替换图元
- 推荐图元
支持开启辅助优选模式，提示推荐图元。如下图所示，打开【设计规则】即开启推荐图元功能，鼠标放在图元上会出现四个方向的箭头，点击任一箭头将会为预置了设计规则的图元推荐路径。
图11 推荐图元
图元连线
- 可通过直线、折线将有集成关系的图元连接起来，支持在辅助图元中选择直线、箭头、曲线、折线，或者将鼠标移动到图元上、从图元拖动出折线进行图元连接。
- 方式一：如下图，鼠标移动到图元上，可以看到该图元四周的连接节点，鼠标移动需要连接的点、按住鼠标左键即可拖动出连接线，将连接线拖动到要连接到的图元即可。可以提前设置默认的连线样式。 图12 图元连线
- 方式二：将图元库中的连线图元拖拽到画布中，然后调整连线两端的锚点位置来完成图元连线。 图13 图元连线
如果连接后的折线弯折方式不符合预期，点击选中连线，可移动折线上的锚点进行拖动调整。
图14 更改连线方式
- 方式一：如下图，鼠标移动到图元上，可以看到该图元四周的连接节点，鼠标移动需要连接的点、按住鼠标左键即可拖动出连接线，将连接线拖动到要连接到的图元即可。可以提前设置默认的连线样式。
- 添加连线业务流描述
完成图元添加、修改和连接后，我们可以为架构添加业务流描述，标识清楚图元之间的关系、架构的业务流向。
- 双击连接线，可以直接给连接线添加描述。连接线上的描述信息可通过鼠标左键移动调整位置。
- 您也可以直接拖动图元库中的“文本框”到相应位置上进行描述。
- 可以拖拽序号图元来标注连线的业务顺序。
图15 添加业务流描述
跨空间复制图元
支持复制单个/多个图元并粘贴到本工作空间或其他工作空间下的架构设计画布上。
- 选中图元。如需复制多个图元，按住Ctrl+鼠标左键即可选中。或者安装鼠标左键拖动选中该区域内的所有图元。
- Ctrl+C复制图元。您也可以通过鼠标右键-在弹出的选项中选择“复制”。
- 打开要粘贴至的目标画布，Ctrl+V即可粘贴。您也可以通过鼠标右键-在弹出的选项中选择“粘贴”。
画布调整
- 缩放画布大小
- 在设计中心画布工具栏点击放大缩小按钮可实现画布的放大缩小，也可以通过Ctrl+鼠标滚轮实现画布的放大缩小。
- 支持进入全屏模式，专注设计。
图16 画布调整
- 快速移动画布
- 在设计中心画布页面，“Space+鼠标左键”即可实现画布的快速移动。
- 按住鼠标右键即可拖动画布。
设计质量实时检查
解决方案工作台设计中心预置设计规则，实时检查集成路径连通性，确保方案设计质量。
- 集成路径实时检查：设计中心已预置设计规则，集成路径可实时检查并给出检查结果。
- 设计规则持续沉淀：华为云解决方案团队、服务产品部将持续沉淀设计规则。
- 设计规则生命周期管理：设计规则支持生命周期管理、运营团队会维护最新的设计规则、及时下架已失效规则。
如下图所示，打开【设计规则】开关。连接两个图元后，如该两个图元之间有设计规则，则会弹出提示图标，点击图标可查看具体的提示信息。
保存、导出、分享、发布架构
- 自动保存
集成架构支持自动保存，每一次画布中有修改操作，系统都会自动保存最新画布内容。
- 导出架构
在设计中心画布上的菜单栏点击下载按钮
- 选择【导出图片】即可将架构导出成png图片。
- 选择【导出PPT】然后选择要导出的架构，即可将架构导出成PPT文档。
图18 导出图片
- 分享架构 解决方案工作台设计中心架构设计支持通过邮箱分享、微信分享，用户无需登录即可查看分享参考架构。图19 分享架构
- 架构设计分享到邮箱
在架构分享选项中选择邮箱分享，输入用户邮箱即可将架构分享给指定的邮件接收人。
图20 邮件通知
- 架构设计链接/二维码分享
支持复制链接或微信扫码分享给微信联系人/群组。
图21 微信分享
一键引用分享架构
用户接收到分享后，打开分享链接，无需登录即可查看架构。如需引用架构，可一键引用或引用到指定空间。
- 一键引用：即自动引用到快速启动设计，用户无需创建空间/方案即可快速进行架构设计。
- 引用到我的空间：选择指定的空间、方案，修改架构名称，即可引用到用户指定的空间&方案下。
图22 一键引用分享的架构
- 架构设计分享到邮箱
- 发布架构图至资产中心
已完成的架构设计，用户可以选择将该架构发布至解决方案工作台资产中心，其他解决方案工作台用户可查看或引用该架构，快速完成架构设计。
图23 发布架构图
已完成的架构设计，用户可以选择将该架构发布至解决方案工作台资产中心-架构模板，其他解决方案工作台用户可查看或引用该架构，快速完成架构设计。
- 在设计中心选择需要上架的技术架构，点击右上角【发布到资产中心】图形按钮->【发布】，确认已完成架构设计。 图24 设计中心-发布架构模板
- 点击【确认】，跳转至架构模板发布页面，填写发布详情。
表1 发布架构模板参数说明
参数
说明
架构模板名称
自定义输入架构模板名称，该名称将作为最终发布至解决方案工作台资产中心的架构模板名称。
适用行业
选择该架构的所属行业。选择的行业最多不超过10个
适用场景
填写该架构的适用场景，每填写一个场景点击”+”按钮添加。场景最多不超过10个
部署环境
该技术架构的适配底座，与该架构所属方案的底座有关，您可以在创建方案&创建技术架构时选择。
发布范围
该技术架构的可见范围。
- 企业内部可见：仅本企业内部人员可见，即，本账号所属的主账号、IAM用户可见。
- 仅华为可见：只有华为内部用户可查看&引用到该架构（是否华为用户由解决方案工作台运营后台标记）。
- 指定人可见：指定标签/指定账号的用户可见。
- 所有人可见：架构公开，所有解决方案工作台用户均可在资产中心中查看并引用该架构。
作者标签
自定义作者标签，标识发布者的人员属性，如“xx行业架构师”
架构模板描述
自定义该架构模板的描述信息，建议按照【业务痛点&挑战】、【方案描述】、【方案优势和价值】、【架构说明】几方面描述，让用户能快速了解该方案架构详情。支持引用架构描述（即，在设计中心新建/编辑该技术架构时的描述）和新建架构描述。
模板附件
支持上传该架构模板相关附件。
技术架构
该技术架构设计详情。请确认该架构已完成，如需修改请返回设计中心修改后重新发布。
配置单
如该技术架构含配置单，则会同步发布配置单。请确认配置单无误，如需修改请返回设计中心修改后重新发布。
图25 架构模板发布详情-1
图26 架构模板发布详情-2
- 填写完成后“提交”。
- 如果发布范围为【企业内部可见】或【指定人可见】，则该架构模板无需审核，您可以到架构模板中查看该架构模板是否已在资产中心中展示；
如果发布范围为【仅华为可见】或【所有人可见】，则需要等待运营管理员审核，您可以点击发布技术架构时的【发布历史】查看该架构的发布状态（图29）。审核通过后，提交人会收到邮件通知提醒。
图27 邮件通知-审核通过（图待更新）
图28 查看架构发布状态
已发布的技术架构会在解决方案工作台资产中心-架构模板模块进行展示，解决方案工作台用户可以在设计中心-新建技术架构时引用该架构模板。查看发布的架构模板参考架构模板。
- 在设计中心选择需要上架的技术架构，点击右上角【发布到资产中心】图形按钮->【发布】，确认已完成架构设计。
