Experience Modernization Agent概述 experience-modernization-agent

Experience Modernization代理是Adobe的Edge Delivery Services的AI开发代理,并且是Brand Experience Agent的一部分。 它为您在浏览器中提供了一个现成的开发环境,无需安装任何内容。

您可以从迁移站点的内容和设计开始,然后继续使用该代理以集成第三方系统、重新设计站点、重构其块或扩展其工作方式。 开发人员可以构建集成和复杂行为,而设计人员和营销人员则通过提示而不是编写CSS或JavaScript来优化网站的外观。 您需要知识取决于工作。

要在您自己的页面上查看第一个结果,请尝试自动模式。 这是使用您自己的网站内容和设计评估Adobe Experience Manager的最佳方法。 为它指定您网站的URL;它会在迁移完成后迁移一组页面和电子邮件。

将您的网站移至Edge Delivery Services benefits

使用代理将Web资产从其他CMS、使用Java组件构建的Experience Manager站点或静态站点移至Edge Delivery Services中。

三个面板显示了您的源站点的设计、内容、动态功能和标记,Experience Modernization Agent的迁移和比较步骤,以及Edge Delivery Services上生成的站点。 单独的第六步显示根据请求进行进一步的扩展、重新设计、优化和集成。

上图跟踪了从您的源站点到Edge Delivery Services中您的团队可以不断发展的站点的迁移。 左侧面板显示访客看到的源站点的设计、内容和动态功能,以及其标记和分析。 默认情况下,代理使用当前网站中的渲染页面作为迁移源,除非您指示代理执行重新设计,可能提供设计文件,如Figma设计。

右侧面板显示预期的结果:整个站点得以延续,并且重新构建了动态功能,并且其分析、标记管理器和同意设置也恢复原位。 迁移的目标是帮助您的团队充分利用Edge Delivery Services提供的功能:

  • 快速开发:​开发人员及其代理所熟悉的标准和精简Web开发设置,使他们效率最高。
  • 代理式可视化创作:​作者在Experience Workspace或通用编辑器中通过品牌块组合页面,也可以提示内容更改。
  • 快速可爬网页面:​该平台提供快速的语义HTML以帮助提高搜索和AI可见性。 查看保持100。
  • 扩展空间:​该平台运行着一些最大的多市场、多语言站点,这些站点具有复杂的集成。

为了实现该目标,代理会自动执行以下许多步骤:

  1. 阅读每一页。 页面导入根据浏览器渲染的内容运行。 如果源需要登录,请配置受保护的站点身份验证。 为保护机器人,请与站点管理员安排授权访问:他们可以允许列表代理的后端地址,或者您可以使用具有相同内容的访问暂存主机或源主机。 如果仅阻止页面发现,则直接提供URL。 查看具有机器人保护的Source站点。
  2. 分析结构。 网站目录使用屏幕截图清点页面并将它们分组为模板、分区和块。 审查分组、设置范围、选择目标设计和内容模型并决定先迁移哪些内容。
  3. 导入内容。 对于每个模板,代理将分析示例页面并将其映射到默认内容和可重用块。 它将示例导入为可编辑页面,并生成导入脚本以将映射应用于该模板中的其他页面。
  4. 重新生成设计。 该代理提取颜色、字体和间距的CSS设计令牌,然后写入全局样式并阻止使用它们的CSS。 它重新构建标记,而不是复制源代码及其技术债务。
  5. 比较、优化和验证。 代理将重建的页面与其源页面进行比较,并在提示时迭代。 优化映射和设计,然后验证每个示例,再使用生成的脚本进行缩放。 对可重用块或导入脚本的更正适用于该模板中的各个页面。 生产迁移指南涵盖批处理、检查、释放和切换。
  6. 扩展、重新设计、优化和集成。 迁移后,提示代理重建动态功能或添加集成。 自动模式可以承载受支持的分析、标签管理器和同意设置;请参阅可以读取和承载的页面导入内容。 若要让利益相关者看到一些页面,请遵循创建客户演示。 如果希望Adobe工程师与您的团队一起操作代理,请参阅由代理结果工程师投放。

导入可以读取和结转的页面 limitations

仅使用您有权迁移的网站和设计。 所选工作流必须能够访问并读取源。 如果站点使用机器人保护,请与其管理员安排访问权限。 查看具有机器人保护的源站点。

  • 代理通过Internet从其托管环境中读取每个源。 当源接受受保护站点身份验证中的方法之一时,可以迁移需要登录或机密标头的页面。 该部分还介绍了在无法通过此方式访问源时,应向站点管理员询问哪些事项。
  • 代理在浏览器中加载每个源页面,并在页面呈现后读取源页面。 这包括脚本插入的内容以及页面包含但CSS隐藏的内容,例如已关闭的可折叠面板。 仅在访客点击或键入后显示的内容此时不在页面中,因此不会捕获该内容。 检查屏幕截图中的此类页面,并在导入后添加缺失的内容,或寻求获取该内容的方法。
  • 代理面向Edge Delivery Services,包括使用Experience Manager创作的网站。 它不会将项目转换为基于HTL的发布或仅限API/SPA交付栈栈。
  • 页面导入会复制源页面显示的内容:其内容和设计。 它无法查看源服务器的生成该页面的方式。 内容继承、通过内容片段重用、个性化规则、搜索、表单处理和其他业务逻辑都在那里运行,因此导入会复制该页面上的输出,而不是逻辑上的输出。 代理还会重新构建而不是复制标记,因此源脚本(例如分析和实验标记)不会出现。 自动模式的​ 包括集成 ​选项会承载受支持的分析、标签管理器和同意设置。 确定其他人在新站点上的工作方式;然后代理可以为其构建块和代码。 查看项目剩余工作,对于表单,表单提交。
  • 代理的视觉批注将结果与源进行比较。 查看相同内容不会显示作者可以编辑页面、交互有效,或者该页面在实际设备上可访问且快速,因此请在注销之前检查这些内容。

如何构建和更新您的站点 project-foundations

结果是您拥有的标准项目:Git存储库中的HTML、CSS和JavaScript,它遵循AEM样板和块收藏集的约定,将内容单独存储以供作者编辑。 开发人员可以在控制台、自己的编辑器或其他人工智能工具中继续。

源网站和可选Figma设计为Experience Modernization中的代理提供信息,其中也包含Workspace。 紫色内容行与蓝色代码列交叉。 上传、预览和发布商机以将其发布到活动站点;将商机向右推送并合并到主分支。 Adobe Experience Manager包含创作和交付,而单独的Git框架包含代码管理。 主分支的实时URL是生产站点。

源网站提供内容和设计。 您可以添加Figma设计作为整个站点或部分站点的新目标。 代理读取这些源而不更改它们,并在其控制台工作区中构建结果。

Git存储网站的样式、脚本和块。 您的分支持有要审阅的代码;main持有生产代码。 创作环境存储内容。 Edge Delivery Services会将该内容与每个预览或实时URL显示的分支中的代码相结合。

页面由部分、默认内容和块组成,并且内容不带有样式,因此代理可以通过仅更改代码为其提供新设计。 有关平台的工作方式,请参阅Edge Delivery Services概述和标记、部分、块和自动阻止。 有关代理如何构建导入的内容以及如何引导导入的内容,请参阅塑造内容结构。

新站点从AEM样板开始。 对于商业店面,请改从商业样板开始,因为其商业块稍后难以添加到项目中;请参阅从存储库开始。

在独立的Workspace中安全工作 independent-workspace

代理不会直接更改您的Git存储库或内容目标。 它在控制台工作区中工作:您自己的项目工作副本,由Adobe托管,不与其他用户共享。 工作区包含Git存储库的一个分支的签出,以及导入、打开或拉取的内容页面的副本。

探员所做的一切都是先在那儿发生的。 您可以要求进行彻底的重新设计,在控制台预览中选中它,并放弃您不想要的东西,而存储库、作者的页面和实时网站保持不变。 只有当您通过两个单独的操作发送工作后,工作才会离开工作区:

  • 推送代码​将您选择的更改文件作为当前分支上的提交或新拉取请求发送到Git存储库。
  • 上传内容​会将您选择的页面发送到Experience Workspace或创作实例,这些页面将替换这些页面的已保存版本。

代理权限允许代理为您执行相同的操作。 查看更改控制。

独立性可双向工作:其他人推送或上传的更改只有在您提取时才可到达您的工作区。 查看同步菜单和作为团队工作。

内容的存储位置以及作者编辑内容的方式 content-storage

代理会询问应存储迁移内容的位置。 哪个存储库包含内容以及作者使用的编辑器是相关的,但却是单独的问题。 源CMS不会决定目标。 无论使用哪个选项,作者都会获得一个可视编辑器,Edge Delivery Services都会交付页面。

基于文档的存储
Experience Manager创作
存储内容的位置
基于文档的内容存储库
创作实例的JCR
可视化编辑器
体验Workspace
通用编辑器
页面交付
Edge Delivery Services
Edge Delivery Services

使用Experience Workspace进行基于文档的存储 document-based

内容作为文档存储在基于文档的内容存储库中。 “基于文档”仅描述存储,而不描述创作体验。 作者在Experience Workspace(Edge Delivery Services的可视化创作UI)中以可视方式编辑页面,该UI还提供AI助手、协作和Experience Manager Assets集成。 Experience Workspace默认处于关闭状态,并且在项目配置中为每个站点或组织开启。 当您将自动模式网站传输到包含​ 使其成为您的网站 ​的基于文档的目标时,传输会为该网站打开该网站。

使用通用编辑器创作Experience Manager jcr-persistence

内容存储在Experience Manager as a Cloud Service创作实例的Java Content Repository (JCR)中,该设置以前称为Crosswalk。 作者使用Adobe的可视化编辑器通用编辑器来编辑页面,该编辑器用于编辑创作实例上的内容,而Edge Delivery Services仍会提供这些页面。 HTL和Java不呈现它们,就像在使用组件构建的Experience Manager网站上呈现它们一样。 此设置的模板存储库(如aem-block-collection-xwalk)仍在其名称中包含xwalk。

这些文档对此存储选项使用​Experience Manager创作,对存储和编辑该内容的Experience Manager as a Cloud Service环境使用​创作实例。

Adobe的建议 recommendation

对于任何新实施,Adobe强烈建议使用Experience Workspace进行基于文档的存储,而不是使用通用编辑器进行Experience Manager创作。 这包括拥有数千页的大型网站。

基于文档的创作,过去是指在Microsoft Word或Google Docs中写入页面(存储在SharePoint或Google Drive上,仍受支持的内容源),或者在文档样式编辑器“文档创作”中写入页面。 这些团队都没有提供可视化页面编辑功能,因此需要可视化页面的团队通常会选择Experience Manager创作。 Experience Workspace取代了“文档创作”,并为基于文档的内容提供了一个可视编辑器。 使用文档创作的网站可以启用Experience Workspace,并且其现有内容无需迁移即可在该网站上工作。 这就使得品牌没有理由避免使用基于文档的存储。 当您阅读有关基于文档的创作的文章时,请检查文章的编写时间。

Experience Manager创作仍受完全支持。 当特定要求取决于保留在JCR中的内容时,请选择它。 对于通过API而不是作为网页交付的Headless内容,通用编辑器仍然是推荐的编辑器。

更改的上线方式 code-content-lifecycle

在图中,蓝色列显示代码分支,紫色行显示内容状态。 推送代码从不保存内容,上传内容从不更改代码。

  • 代码: Edge Delivery Services通过AEM Code Sync应用程序从GitHub获取代码,或通过Cloud Manager从其他Git主机获取代码(自带Git)。 每个分支都有自己的URL,推送到分支的更改会同时显示在该分支的预览和实时URL上。 代码没有单独的发布步骤:审核后,合并到main中会立即更新生产站点的代码,因此在合并之前,请检查其自身URL上的分支。
  • 内容:​作者首先预览页面,该页面将保存的内容复制到*.aem.page上的预览站点。 然后,他们发布它,使其在*.aem.live上处于活动状态。 作者可通过创作UI或AEM Sidekick浏览器扩展执行上述操作。

预览URL遵循模式https://{branch}--{repo}--{owner}.aem.page并显示预览的内容。 实时URL在aem.live上遵循相同的模式,并显示已发布的内容。 {owner}是拥有存储库的GitHub组织或用户,{repo}是存储库名称。 内容未分支:每个分支显示相同的页面,每个页面具有自己的代码。 main的实时URL是生产站点,您自己的域在转换后提供该站点。

继续开发站点 creation-migration

迁移不是代理工作的结束。 您的团队可以应用Figma中的新品牌设计,从现有块构建新页面,或跟踪错误。 它还可以审核性能、可访问性和SEO,然后修复审核发现的内容。 请参阅重新设置站点样式、引导式重新设计和创建、更新和重构块。 如果您的网站已在Edge Delivery Services上运行,请将其连接并在此处开始,而不进行迁移。

块可以像在任何其他网站上一样,为搜索、商务、个性化、地图、视频或您自己的服务调用API。 电子表格发布为JSON,查询索引列出网站的页面,因此块还可以根据您自己的内容构建列表和过滤器。 业务逻辑保留在拥有它的服务中。 指定并测试每个集成,一旦您决定其工作方式,代理就可以编写其块代码。 请参阅生成动态块和连接服务和应用程序。

代理的内置工作流主要针对Edge Delivery Services,但其工作并不限于这些工作流。 将其指向其他系统的文档并解决与其的集成,如超越Edge Delivery Services工作中所述。 功能引用将内置工作流和可选加载项分组到一个位置;您描述了任务,而代理选择了工作流。

您保留在AGENTS.md和相关文件中的约定将保留在存储库中,因此以后的对话将从您团队同意的内容开始。 请参阅项目说明和内存。 若要为作者、开发人员和管理员准备文档,请使用生成项目文档。

可以使用代理的用户 who-can-use-ema

使用纯语言处理代理:描述所需内容并在预览中检查结果。 自动模式不需要逐步提示。 若要改为在示例项目中浏览控制台,请使用演示模式。

在工地上工作需要更多的时间。 代理的更改是Git存储库中的代码:您可以在预览中检查这些更改,将它们推送到分支,然后打开开发人员审阅的拉取请求。 只要您了解HTML并愿意学习这些Git和GitHub基础知识,就可以参加学习了。 无论在营销和设计,还是在开发方面,该代理都是技术熟练人员的工具。

了解品牌的设计师或营销人员可以直接优化块的布局、排版方式和间距,而不是向开发人员描述更改并等待更改。 他们可以决定作者获取哪些块以及每个块的外观,并根据每个屏幕大小检查结果;请参阅进行可视化更改。 内容专家检查内容结构是否易于作者编辑;请参阅塑造内容结构。 开发人员在生产之前构建复杂的行为和集成、调试并审查更改。 技术潜在客户确定迁移的范围,选择内容目标,并决定站点何时可以发布。

代理不按角色限制请求。 您在Git和内容目标中的权限决定了您可以在工作区之外更改的内容。

贡献更广,生产控制相同 production-control

Experience现代化代理可拓宽哪些人可以参与网站,而不是哪些人负责审批项目的上线。 开发人员可以控制到达生产环境的每个代码行。

该控件位于您的Git提供商中,而不是控制台中,因此无论做出什么更改,它都有效。 使用分支保护保护main需要开发人员批准的拉取请求,并且不允许其他参与者绕过该请求。 然后,参与者通过​ 创建新PR ​推送他们的工作,开发人员在合并拉取请求之前会检查预览URL上列出的结果。 如果参与者打开​允许LLM使用我的Git凭据,则代理将推送该参与者的访问权限,因此该保护同样适用。 发布内容由站点的发布角色单独控制。 有关设置,请参阅控制更改。

安全性和数据处理 security

代理无需接收您配置的凭据即可工作,每个用户都在单独的环境中工作,并且您可以决定更改何时到达Git存储库和内容目标。 有关访问和隔离、凭据、AI模型处理的内容、对每个步骤的控制以及工作存储的位置,请参阅安全和数据处理。

对于您组织的架构、安全和流程审查,请使用评估和批准Experience现代化代理。 该指南还介绍了代理背后的团队。 从控制台发出支持请求后,构建该控制台的人将会收到请求,并由他们跟进您的操作。

CAUTION
该保护仅涵盖在控制台的​ 设置 ​中输入的凭据。 切勿在聊天中键入、粘贴或附加密码、API密钥、访问令牌或其他密钥。 聊天中的所有内容都可访问AI模型,并且代理可以将其复制到项目的文件中。 在开始提示之前,请确保团队中的所有人都知道此信息。 查看禁止聊天。

后续步骤 next-steps

有关访问、自动模式、传输、受保护的源站点和恢复等常见问题的简短答案,请参阅Experience现代化代理常见问题解答。 如果某些功能无法按预期工作,请参阅疑难解答或请求支持。

要了解控制台最新版本中的更改,请参阅Experience现代化代理发行说明。

recommendation-more-help
experience-manager-cloud-service-help-main-toc