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 中的歷史。
要進行開發 CEP 開發,你需要了解
1. HTML + CSS + JS 的網頁開發基礎概念
2. ExtendScript 的相關概念
3. 對要開發的宿主應用(如 PhotoShop)的了解
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 兩種系統中。
開發環境
既然是本地的 Web 應用,其開發與 Web 開發差不多,需要準備的是:
代碼編輯器
如 Brackets、Atom、Sublime Text 、VS Code 等,只要能編輯 HTML 和 JavaScript 的文本編輯器就行,這里推薦 VS Code 。-
調試工具
CEP 擴展可以遠程調試(即在瀏覽器中打開遠程調試頁面),要調試自己的擴展,曾經只需要 Chrome 瀏覽器即可,不過 CEP 6.1 開始,用主流版本的 Chrome 瀏覽器打開遠程調試頁面會由很多 BUG,所以你需要下載 CEF Client (其實就是 CEF 的 Test App)
image -
Adobe ExtendScript Toolkit CC
用于測試 ExtendScript 腳本,調用 PhotoShop 的各種功能都需要 ExtendScript 腳本。
image Node.js / IO.js
安裝 Node.js 或者 IO.js 并不是必須的,因為 CEP 的宿主程序自己帶有 Node.js / IO.js ,開發和測試時可以直接使用 Node.js / IO.js 的代碼。安裝主要是為了使用 NPM 和 Gulp 等工具提高開發效率。
參考
-
Adobe CEP 擴展開發教程
感謝!