Adobe CEP 开发入门指南

1. 项目基础介绍

本项目是 Adobe CEP（Common Extensibility Platform）的入门指南，旨在帮助开发者快速上手如何在 Adobe 的 Creative Cloud 应用中创建扩展。CEP 允许开发者使用 HTML、CSS 和 JavaScript 等网页技术来构建扩展，从而为用户定制化他们的 Creative Cloud 体验。本项目提供了详细的步骤和示例代码，以便开发者可以一步步学习并构建自己的扩展。

主要编程语言：HTML、CSS、JavaScript

2. 项目使用的关键技术和框架

• CEP（Common Extensibility Platform）：Adobe 提供的一个跨应用程序的扩展平台，支持开发者使用网页技术来开发扩展。
• ExtendScript：Adobe 的脚本语言，用于与宿主应用程序进行交互。
• CSInterface.js：CEP 提供的 JavaScript 库，用于在扩展和宿主应用程序之间进行通信。

3. 项目安装和配置

准备工作

在开始之前，请确保您已经安装了以下环境和工具：

• Node.js：用于运行 Git 仓库中的某些脚本。
• Git：用于克隆和操作项目代码。
• Adobe Creative Cloud：至少安装了 Photoshop、Illustrator、InDesign 或其他支持 CEP 的应用程序。

安装步骤

1. 克隆项目仓库到本地：

   git clone https://github.com/Adobe-CEP/Getting-Started-guides.git
   

2. 进入项目目录：

   cd Getting-Started-guides
   

3. 检查 manifest.xml 文件。这是配置扩展的关键文件，它定义了扩展的 ID、支持的宿主应用程序和版本、扩展的用户界面等信息。

4. 根据您的需要修改 manifest.xml 文件中的以下内容：

   • ExtensionBundleId：扩展的唯一包 ID。
   • Extension Id：扩展的唯一 ID。
   • Host Name & Version：支持的宿主应用程序和版本。
   • MainPath：指向前端 HTML 文件的路径。
   • ScriptPath：指向 ExtendScript 文件的路径。
   • Menu：扩展在宿主应用程序菜单中显示的名称。
   • Size：扩展界面的默认大小。

5. 下载 CSInterface.js 库。这个库可以从 Adobe 官方网站获取，用于在扩展和宿主应用程序之间进行通信。将下载的 CSInterface.js 文件放置在项目的 /client 目录下。

6. 编写前端代码。在 /client/index.html 文件中创建 HTML 标记，并在 /client/index.js 文件中编写 JavaScript 代码。

7. 编写 ExtendScript 代码。在 /host/index.jsx 文件中编写 ExtendScript 代码，用于与宿主应用程序进行交互。

8. 测试扩展。在 Adobe Creative Cloud 应用程序中加载您的扩展，确保它按照预期工作。

通过上述步骤，您应该能够成功安装和配置一个基本的 Adobe CEP 扩展。接下来，您可以参考项目中的其他指南和示例，进一步开发您的扩展功能。