22.4将EXP新闻数据收集连接到EXP新闻实时仪表板

目标

  • 了解如何使用Adobe Experience Platform数据收集服务器端转发功能,将我们的Project Firefly EXP News Realtime功能板应用程序从EXP News网站连接到实时流信息。

先决条件

在开始本练习之前,请确保已在计算机上安装和设置NodeJS和Adobe I/OCLI。 有关详细信息,请参阅练习2.1 — 设置环境

22.4.1了解项目Firefly应用程序Webhook

我们需要弄清楚可以将来自exp新闻网站的流事件连接到功能板应用程序的Webhook。 实际上,您本应该已经在练习22.3.2中看到它作为aio app deploy的输出。您可以直接从此处复制它;它是​已部署操作​列表中的第一行;以​webhook​结尾的。 部署(例如, https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook.复制​webhook​的URL,并将其保存在某个位置,以便您稍后使用它。

22.4.2设置Adobe Experience Platform数据收集服务器端转发

我们现在将使用我们在上一个练习中发现的Webhook,为项目Firefly EXP News Firefly仪表板应用程序设置服务器端转发。

转到https://experience.adobe.com/#/data-collection/。 确保您所在的组织正确无误,请确认位于右上角:--envName--

Adobe Experience Platform数据收集SSF

在左侧菜单中,单击​Server。 您将看到服务器属性的概述。

Adobe Experience Platform数据收集SSF

搜索您在模块21中创建的服务器端属性(例如,vangeluw — 演示系统(24/04/2021)(Edge)),然后单击以将其打开。

Adobe Experience Platform数据收集SSF

单击左边栏中的​数据元素,然后单击​添加数据元素​以添加新数据元素。 在数据元素定义屏幕中,提供以下信息:

  • 名称: brandName
  • 扩展:从列 Core 表中选择。
  • 数据元素类型:从列 Path 表中选择。
  • 路径(必需): arc.event.xdm.--aepTenantId--.demoEnvironment.brandName

Adobe Experience Platform数据收集SSF数据元素

单击​Save​以保存数据元素。

单击左边栏中的​Rules。 您将看到为此属性创建规则的概述,其中列出了练习21中的​All Pages​规则。 单击 Add Rule.

Adobe Experience Platform数据收集规则

在​Create Rule​屏幕中:

提供​名称,例如All Pages EXP News。 单击​+ Add​以添加新条件。

Adobe Experience Platform数据收集规则名称

在​Condition Configuration​屏幕中,提供以下信息:

  • 逻辑类型:选择 Regular
  • 扩展:选择 Core
  • ​ConditionType:选择 Value Comparison
  • 名称: Core - Value Comparison
  • 左操作数(必需):从显 brandName 示的对话框中选择,方法是单击三个柱体图标。字段中填充了{{brandName}}
  • 运算符:选择 Equals
  • 右操作数:类型 EXP News

Adobe Experience Platform数据收集SSF规则

单击​Keep Changes​返回到​Create Rule​屏幕。 然后,您将返回此处,单击​+ Add​以添加新操作。

Adobe Experience Platform数据收集SSF规则

在​Action Configuration​屏幕中,在左侧面板上提供以下信息。

  • 扩展:选择 Adobe Cloud Connector
  • 操作类型:选择 Make Fetch Call
  • 名称: Adobe Cloud Connector - Make Fetch Call
  • 方法(必需):选择 POST
  • URL(必需):将您从练习22.4.1中复制和保存的webhook粘贴到此处,例如 https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook

单击​Body

Adobe Experience Platform数据收集SSF规则3

确保​Body​如下所示:

  • 确保选择​Raw​作为​Body Format
  • 单击​Body(Raw)​下方字段后面的三个柱体图标时,从显示的对话框中选择​XDM事件。 这将插入{{XDM Event}}

Adobe Experience Platform数据收集SSF规则3b

单击​Keep Changes。 您的屏幕应该如此。 单击​保存

Adobe Experience Platform数据收集SSF规则4

单击左侧的​发布流程 ,以在Adobe Experience Platform数据收集服务器配置中部署所做的更改。
单击​​从​Development​列的​v1​中的直接单击​Edit

Adobe Experience Platform数据收集SSF规则5

在​Edit Library​屏幕中,单击​Add All Changed Resources。 您将看到最新更改的概述。 单击​Save & Build for Development

Adobe Experience Platform数据收集SSF规则6

过一会儿,您将返回到上一个屏幕。 等到​v1​之前的圆圈停止旋转并变为纯绿色。 现在,已部署EXP新闻页面更新的服务器端转发规则。

Adobe Experience Platform数据收集SSF规则7

22.4.3演示EXP新闻实时仪表板

现在,我们将演示如何在我们的“exp新闻”仪表板应用程序中实时更新“exp新闻”网站中的交互。

请按以下步骤执行此操作:

转到https://public.aepdemo.net。

输入配置ID并单击​Load Configuration

在页面底部,单击​保存配置

单击​选择LDAP,然后从列表中选取LDAP名称。 单击 SaveLDAP

单击​选择Brand,然后从列表中选择EXP News (Demo brand for mediaent)

单击​Save

品牌

从​Environment Status​屏幕中

状态

单击EXP News徽标。 这会带你到exp新闻网站!

EXP新闻

在exp新闻网站上,单击以阅读文章和查看视频。

返回到EXP新闻实时仪表板Firefly应用程序;它应实时刷新您与exp新闻网站的交互。

实时

进一步探索此内容会很有趣。 如果您更是一名开发人员,更爱冒险,并且确实有空闲时间,请浏览功能板应用程序的源代码,并根据您认为合适的情况进行更改。

您现在已完成本练习和本模块。

下一步:摘要和优点

返回到模块22

返回到所有模块

在此页面上