Adobe CEP 开发入门指南-优快云博客

Adobe CEP 开发入门指南

1. 项目的目录结构及介绍

Adobe CEP（Common Extensibility Platform）是一个允许开发者为 Adobe Creative Cloud 应用程序创建扩展的平台。本项目提供了创建 CEP 扩展的入门指南和示例。项目的目录结构如下：

/CSXS：包含扩展配置文件 manifest.xml。
/client：包含前端代码，包括 HTML、JavaScript 和 CSS 文件，以及 Adobe 的 CSInterface.js 库和可能包含的第三方库。
/host：包含 ExtendScript 文件（例如 index.jsx），用于访问和驱动宿主应用程序的大部分功能。

这种结构可以帮助开发者清晰地分离前端和宿主应用程序的代码。

2. 项目的启动文件介绍

本项目的主要启动文件是 /client/index.html。以下是该文件的基本内容：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>你的第一个面板</title>
</head>
<body>
    <h1>你的第一个面板</h1>
    <button id="open-button">打开</button>
    <script type="text/javascript" src="CSInterface.js"></script>
    <script type="text/javascript" src="index.js"></script>
</body>
</html>

在这个 HTML 文件中，我们定义了基本的用户界面元素，包括一个标题和一个按钮。同时，我们包含了 CSInterface.js 库，它是与 Adobe 应用程序进行交互的关键库。

3. 项目的配置文件介绍

项目的配置文件是 /CSXS/manifest.xml。这个文件定义了扩展的元数据和它与宿主应用程序的交互方式。以下是一个最小化的配置文件示例：

<?xml version="1.0" encoding="UTF-8"?>
<ExtensionManifest ExtensionBundleId="com.my.test" ExtensionBundleVersion="1.0.0" Version="7.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <ExtensionList>
        <Extension Id="com.my.test.panel" Version="1.0.0" />
    </ExtensionList>
    <ExecutionEnvironment>
        <HostList>
            <Host Name="PHSP" Version="19" />
            <Host Name="PHXS" Version="19" />
        </HostList>
        <LocaleList>
            <Locale Code="All" />
        </LocaleList>
        <RequiredRuntimeList>
            <RequiredRuntime Name="CSXS" Version="7.0" />
        </RequiredRuntimeList>
    </ExecutionEnvironment>
    <DispatchInfoList>
        <Extension Id="com.my.test.panel">
            <DispatchInfo>
                <Resources>
                    <MainPath>./client/index.html</MainPath>
                    <ScriptPath>./host/index.jsx</ScriptPath>
                </Resources>
                <Lifecycle>
                    <AutoVisible>true</AutoVisible>
                </Lifecycle>
                <UI>
                    <Type>Panel</Type>
                    <Menu>我的第一个面板</Menu>
                    <Geometry>
                        <Size>
                            <Height>500</Height>
                            <Width>350</Width>
                        </Size>
                    </Geometry>
                </UI>
            </DispatchInfo>
        </Extension>
    </DispatchInfoList>
</ExtensionManifest>

在这个配置文件中，我们定义了扩展的 ID、支持的宿主应用程序及其版本、扩展的默认显示大小和名称等信息。这是扩展能够正确加载和运行的关键配置文件。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考