

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 透過 Infrastructure Composer 視覺化建立範本
<a name="infrastructure-composer-for-cloudformation"></a>

AWS Infrastructure Composer （先前稱為 **Application Composer**) 可協助您以視覺化方式編寫和設定現代應用程式 AWS。您無需撰寫程式碼，只需拖放不同的資源即可視覺化建立應用程式。

*CloudFormation 主控台模式中的 Infrastructure Composer* 是建議用於視覺化處理 CloudFormation 範本的工具。您可以從 CloudFormation 主控台存取的此 Infrastructure Composer 版本，是從稱為 CloudFormation 設計工具的舊工具進行改善。

透過 CloudFormation 主控台模式中的 Infrastructure Composer，您可以將各種稱為*卡片*的資源拖放、設定並連結至視覺化畫布。這種視覺化方式讓您無需直接操作範本，就能輕鬆設計並編輯應用程式架構。要從 [CloudFormation 主控台](https://console.aws.amazon.com/cloudformation/)存取此模式，請從左側導航選單中選取 **Infrastructure Composer**。

如需詳細資訊，請參閱《*AWS Infrastructure Composer 開發人員指南*》中的[如何在 AWS Infrastructure Composer中編寫](https://docs.aws.amazon.com/infrastructure-composer/latest/dg/using-composer-basics.html)。

## 為何使用 CloudFormation 主控台模式中的 Infrastructure Composer？
<a name="app-composer-for-cloudformation-why-use"></a>

在 Infrastructure Composer 中視覺化呈現範本，可協助您找出 CloudFormation 範本與應用程式架構中的不足之處及待改進之處。Infrastructure Composer 透過視覺化建立及修改 CloudFormation 堆疊的便捷性與效率，提升您的開發體驗。您可以從初步草稿開始，建立可部署的程式碼，並將開發人員工作流程與 Infrastructure Composer 的視覺化設計工具進行整合。

## 此模式與 Infrastructure Composer 主控台有何差異？
<a name="app-composer-for-cloudformation-differences"></a>

儘管 CloudFormation 主控台版本的 Infrastructure Composer 與標準 Infrastructure Composer 主控台具備相似功能，但仍有部分差異。Lambda 相關卡片 (**Lambda 函式**與 **Lambda Layer**) 需要程式碼建置及套件化解決方案，而這些功能在 CloudFormation 主控台模式的 Infrastructure Composer 中並不提供。此模式也不支援本機同步功能。

不過，您可在 [Infrastructure Composer 主控台](https://console.aws.amazon.com/composer/home)或 AWS Toolkit for Visual Studio Code中使用這些 Lambda 相關卡片及本機同步功能。如需詳細資訊，請參閱《AWS Infrastructure Composer 開發人員指南[https://docs.aws.amazon.com/infrastructure-composer/latest/dg/what-is-composer.html](https://docs.aws.amazon.com/infrastructure-composer/latest/dg/what-is-composer.html)》和《AWS Toolkit for Visual Studio Code 使用者指南**》中的 [Infrastructure Composer](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/appcomposer.html)。