Adobe CEP 扩展开发教程「 0 」

最新推荐文章于 2025-05-04 14:23:27 发布

原创最新推荐文章于 2025-05-04 14:23:27 发布 · 2.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#photoshop #adobe

Photoshop 专栏收录该内容

2 篇文章

订阅专栏

PhotoShop 等 Adobe CC（和以前的 CS）系列工具的扩展插件开发在国内一直很是边缘的领域，相关中文资料少的可怜。

所以我在断断续续在简书上写了关于 CEP 扩展开发的教程：《零基础的 PhotoShop CEP 6 开发教程》，由于没有很好的规划写的很零散，而在简书上没有目录功能，文章写长了不便于阅读，加之 CEP 更新到了6.1 有了些新内容，所以我将把些篇教程整理后写在这里作为《Adobe CEP 扩展开发教程》，而《零基础的 PhotoShop CEP 6开发教程》还会继续写，我会把它当成是草稿，有新内容先写在那，当有了足够的内容后整理后再转写过来。

CEP 概述

CEP 即是 Common Extensibility Platform：通用扩展平台。其是 Adobe 为其 CC 系列工具提供的扩展功能标准，自 CS6 时代（甚至之前的 CSXS ，另外现在说 CSXS 指的就是 CEP）就已经存在了。不过早期 CEP 主要是使用 Flash 技术开发，而后来 Flash在各领域式微，而到了 CEP 4 Adobe 都已经明显是想要放弃 Flash 了，CEP 4 已经可以使用纯 HTML5 + JavaScript 来开发扩展插件了。而 CEP 5 Adobe 为其引入了Node.js 环境，和在 HTML5 中调用 ExtendScript 的支持，正式终结了 Flash 在 CEP中的历史。而本系列教程就是针对使用 HTML5 + Node.js 的 CEP 扩展开发。

现在 CEP 的最新版本是随 Photoshop CC 2015.1 更新的 CEP 6.1，这篇教程会以此来写，而 CEP 更新后我也会适时地更新教程内容。值的一提的是 CEP 6.1 中 Node.js 已经换成了 IO.js ，不过对影响不大，它们之间兼容性很好，而且由于 Node.js 和 IO.js这 2 个项目从分裂又走向了合并，在未来 CEP 应该还是会换到 Node.js。

CEP 架构

CEP 上运行的实际上一个可以与宿主程序（调用这个扩展的程序，比如 Photoshop）进行交互 Web APP，它的界面是由 HTML5 网页构成，通过 JavaScript 调用ExtendScript 与宿主交互（如操作图层），通过 Node.js 与本地操作系统交互(如读写文件、调用本地程序)。

CEP 扩展会由被称为 CEP Html Engine 引擎启动，CEP Html Engine 实际上就是 CEF（Chromium Embedded Framework），也就是一个嵌入式的 Chromium 浏览器（所以 CEP 可以使用 Chromium-Command-Line-Switches）。

CEP 使用的都是跨平台技术，所以开发的 CEP 扩展都能不经修改（只要没调用特定系统的本地功能）就直接运行在 Windows 和 OS X 两种系统中。