Adobe CEP 开发入门指南

Adobe CEP 开发入门指南

Getting-Started-guides Getting Started guides and samples for CEP extensions 项目地址: https://gitcode.com/gh_mirrors/get/Getting-Started-guides

1. 项目基础介绍

本项目是一个开源项目，旨在帮助开发者快速入门Adobe CEP（Common Extensibility Platform）扩展开发。CEP允许开发者在Adobe Creative Cloud应用程序中构建扩展，如Photoshop、Illustrator、InDesign等。通过CEP扩展，用户可以定制他们的Creative Cloud体验，以满足独特的工作流程需求。

本项目主要使用HTML、CSS和JavaScript进行开发，同时也涉及到Adobe的ExtendScript。

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

• HTML/CSS/JavaScript: 构建用户界面的基础技术。
• Adobe CEP: Adobe提供的扩展开发框架，用于构建可以在Creative Cloud应用程序中运行的扩展。
• ExtendScript: Adobe的脚本语言，用于与宿主应用程序进行交互。
• CSInterface.js: CEP提供的JavaScript库，用于在扩展与宿主应用程序之间进行通信。

3. 项目安装和配置

准备工作

在开始之前，请确保您已经安装了以下软件：

• Node.js: 用于运行Git和可能的其他命令行工具。
• Git: 用于克隆和管理项目代码。
• Adobe Creative Cloud应用程序: 如Photoshop，用于测试扩展。

安装步骤

1. 克隆项目

   打开命令行工具，执行以下命令克隆项目：

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

2. 配置项目

   进入项目目录：

   cd Getting-Started-guides
   

   项目中已经包含了基本的文件夹结构和示例代码。以下是一些基本的文件夹和文件：

   • /CSXS: 包含manifest.xml文件，这是扩展配置数据的要求。
   • /client: 包含前端HTML、JavaScript和CSS代码，以及必要的Adobe CSInterface.js库。
   • /host: 包含ExtendScript文件，用于访问和驱动宿主应用程序的功能。

3. 编辑manifest.xml

   打开manifest.xml文件，根据您的扩展需求编辑以下内容：

   • ExtensionBundleId和Extension Id：为您的扩展指定一个唯一的ID。
   • Host Name & Version：指定您的扩展支持的应用程序ID和版本。
   • MainPath和ScriptPath：指定HTML和ExtendScript文件的路径。
   • Menu：指定在应用程序中显示的扩展名称。
   • Size：指定扩展的默认大小。

4. 编写前端代码

   在/client/index.html中编写您的HTML代码，创建用户界面。

5. 编写ExtendScript代码

   在/host/index.jsx中编写您的ExtendScript代码，以与宿主应用程序进行交互。

6. 测试扩展

   在Adobe Creative Cloud应用程序中测试您的扩展，确保一切按照预期工作。

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

Getting-Started-guides Getting Started guides and samples for CEP extensions 项目地址: https://gitcode.com/gh_mirrors/get/Getting-Started-guides