Experience Modernization Agent入门 getting-started

了解开始使用Experience Modernization Agent和Experience Modernization Console的第一步。

NOTE
如果您有兴趣使用Experience Modernization Console,可以通过您的客户经理请求获取访问权限,以确保获得顺利的新用户引导体验。

准备Edge Delivery GitHub存储库 prepare-repo

NOTE
使用AEM Sites和通用编辑器项目? 执行AEM Sites/Universal Editor快速入门设置步骤。
  1. 选择要与Experience Modernization Console一起使用的Edge Delivery Services存储库。

  2. 确保存储库中安装了AEM代码连接器

    • 这将允许控制台检查您的代码。
  3. 确保存储库中安装了AEM代码同步GitHub应用程序

    • 这允许Edge Delivery Services同步您的代码。
    • 如果您的存储库基于教程,则此步骤已完成。

打开“体验现代化”控制台 open-console

  1. 导航到aemcoder.adobe.io.
  2. 使用您的Adobe ID登录。

连接您的GitHub存储库 connect-repo

当您首次登录时,控制台会提示您输入存储库。

首次登录控制台屏幕

  1. 单击​连接存储库
  2. 这将在新的浏览器选项卡上打开AEM代码连接器应用程序。 单击​授权AEM代码连接器
  3. 返回控制台,指定站点的预览URL。 预览URL可以通过预览站点中的任何文档或者从分支、站点名称和组织构造它来获取。 系统将自动检索关联的Github项目,在某些情况下,系统可能会要求您提供Github坐标。
    正在连接到GitHub项目
  4. 当提示​ 替换现有工作区 ​时,单击​替换工作区
    替换现有工作区

您的GitHub项目现在已连接到控制台,并且您现在位于主屏幕上。

控制台主页

开始提示 start-prompting

现在,您的控制台可以访问您的代码,您可以开始提示了。

  1. 要开始导入,您可以导入网站的内容:

    • “迁移页面https://wknd-trendsetters.site。”
  2. 这会导入网站的内容。

    • 控制台观察关注点的分离并单独处理内容和演示。
    • 网站内容的初始导入可能需要几分钟的时间。
    • 控制台在开始工作时会向您提供持续的反馈,包括计划步骤的概述。
      内容导入
  3. 导入网站后,Workspace​面板会显示页面。 选择要在右侧面板中预览的页面。
    内容已导入

  4. 现在您有了内容,可以提示从同一源导入样式。

    • “从https://wknd-trendsetters.site导入常规样式。”
  5. 与初始内容导入一样,导入过程可能需要几分钟时间,并且控制台在处理您的请求并导入样式时会提供反馈。 任务完成后,单击右侧面板中的​ 刷新预览 ​以查看样式化的内容。
    样式已导入

现在,您已将内容和样式导入到控制台中。

TIP
查看提示指南,了解有关如何提示代理及其技能的更多想法。

上传内容 upload-content

TIP
如果您正在处理AEM Sites和通用编辑器项目,将内容上传到AEM的工作方式略有不同。 有关具体上传说明,请参阅AEM Sites/通用编辑器项目的Experience现代化代理快速入门

要将您的内容上传到文档创作,请执行以下操作:

  1. 确保您处于​ Content ​视图中,然后单击右上方的​ Upload content ​按钮。

    • 默认情况下,您进入控制台时处于​ Content ​视图中。
    • 在控制台左侧的侧栏中,高亮显示的图标表示您的视图。
  2. 将打开​ 上传内容 ​对话框,目标组织和存储库已预填充您的fstab.yaml

    • 如果连接的存储库中不存在fstab.yaml,则需要手动输入您的​ 组织 ​和​存储库
    • 如果您使用了样板,则会提供fstab.yaml
  3. 选择要上载的文件,然后单击​上载
    上载内容对话框

  4. 控制台通过将​ 上传 ​按钮灰显来指示上传过程。
    正在上传

  5. 完成后,控制台底部会显示通知。
    在AEM中查看

若要在“文档创作”中访问上传的内容,可以选择在上传完成时单击通知中的​在AEM中查看,或导航到https://da.live/#/{organization}/{repository}

文档创作中的内容

您导入的内容现在处于“文档创作”状态。

推送代码更改 push-code-changes

在对代码所做的更改感到满意后,可以将它们推送到GitHub存储库。

  1. 切换到​ 代码 ​视图(左侧边栏中为</>图标),然后切换到​ Git更改 ​选项卡(右上角的分支图标)。
    代码视图
  2. 在更改的文件列表中,如果某些文件显示为未跟踪,请单击其+按钮以暂存它们。
  3. 单击右上方的​ GitHub操作 ​按钮,然后从下拉列表中选择​推送
  4. 在​ 推送更改 ​对话框中,选择将更改推送至新PR(默认)或当前分支,然后单击​ 确认 ​以进行推送。
    • 如有疑问,您可以推送到当前分支以保持事情简单。
  5. 完成后,控制台底部会显示通知。
    查看PR

如果要直接访问GitHub中的推送更改,请在推送完成时单击通知中的​查看PR

GitHub中的 代码

您的代码现在位于GitHub中。

预览站点 preview-site

要查看预览环境中的更改,请执行以下操作:

  1. 返回到文档创作。

    • 上传内容后,在AEM 中单击​查看后,该内容可能仍在您打开的浏览器选项卡中打开。
    • 或导航到https://da.live/#/{organization}/{repository}
  2. 打开您之前上传到AEM的其中一个页面。

  3. 单击纸飞机图标(右上方)并选择​预览
    发布到预览

恭喜!现在,您已迁移的内容和样式在AEM预览环境中处于实时状态。

已发布的预览内容

如果将代码推送到main以外的分支,则从“文档创作”中打开的预览将不会显示样式。 通过更新预览的URL更改为分支,此时您可以看到自己的样式。

其他资源 additional-resources

当您继续探索Experience现代化代理及其控制台时,以下文档可能会很有用。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab