Android应用程序
[AEM Headlessas a Cloud Service]{class="badge informative"}
示例应用程序是探索Adobe Experience Manager (AEM)的Headless功能的绝佳方法。 此Android应用程序演示了如何使用AEM的GraphQL API查询内容。 适用于Java的AEM Headless Client用于执行GraphQL查询并将数据映射到Java对象以向应用程序提供支持。
使用AEM Headless的
在GitHub🔗上查看源代码
先决条件 prerequisites
应在本地安装以下工具:
AEM要求
Android应用程序可与以下AEM部署选项配合使用。 所有部署都需要安装WKND站点v3.0.0+。
Android应用程序设计用于连接到 AEM Publish 环境,但是,如果在Android应用程序的配置中提供身份验证,则它可以从AEM Author获取内容。
使用方法
-
克隆
adobe/aem-guides-wknd-graphql
存储库:code language-shell $ git clone git@github.com:adobe/aem-guides-wknd-graphql.git
-
打开Android Studio并打开文件夹
android-app
-
在
app/src/main/assets/config.properties
修改文件config.properties
并更新contentApi.endpoint
以匹配您的目标AEM环境:code language-plain contentApi.endpoint=https://publish-p123-e456.adobeaemcloud.com
基本身份验证
contentApi.user
和contentApi.password
对有权访问WKND GraphQL内容的本地AEM用户进行身份验证。code language-plain contentApi.endpoint=https://author-p123-e456.adobeaemcloud.com contentApi.user=my-special-android-app-user contentApi.password=password123
-
下载Android虚拟设备(最低API 28)。
-
使用Android模拟器构建和部署应用程序。
连接到AEM环境
如果需要连接到AEM创作环境授权。 AEMHeadlessClientBuilder提供使用基于令牌的身份验证的功能。 要在AdventureLoader.java
和AdventuresLoader.java
中使用基于令牌的身份验证更新客户端生成器,请执行以下操作:
/* Comment out basicAuth
if (user != null && password != null) {
builder.basicAuth(user, password);
}
*/
// use token-authentication where `token` is a String representing the token
builder.tokenAuth(token)
代码
下面简要总结了用于为应用程序提供电源的重要文件和代码。 可在GitHub上找到完整代码。
持久查询
遵循AEM Headless最佳实践,iOS应用程序使用AEM GraphQL持久查询来查询冒险数据。 该应用程序使用两个持久查询:
wknd/adventures-all
持久查询,该查询返回AEM中的所有冒险,其中具有一组删节的属性。 此持久查询驱动初始视图的冒险列表。
# Retrieves a list of all adventures
{
adventureList {
items {
_path
slug
title
price
tripLength
primaryImage {
... on ImageRef {
_dynamicUrl
_path
}
}
}
}
}
wknd/adventure-by-slug
持久查询,该查询返回由slug
(唯一标识冒险的自定义属性)通过一组完整属性进行的单次冒险。 此持久查询为冒险详细信息视图提供支持。
# Retrieves an adventure Content Fragment based on it's slug
# Example query variables:
# {"slug": "bali-surf-camp"}
# Technically returns an adventure list but since the the slug
# property is set to be unique in the CF Model, only a single CF is expected
query($slug: String!) {
adventureList(filter: {
slug: {
_expressions: [ { value: $slug } ]
}
}) {
items {
_path
title
slug
activity
adventureType
price
tripLength
groupSize
difficulty
price
primaryImage {
... on ImageRef {
_dynamicUrl
_path
}
}
description {
json
plaintext
}
itinerary {
json
plaintext
}
}
_references {
...on AdventureModel {
_path
slug
title
price
__typename
}
}
}
}
执行GraphQL持久查询
AEM的持久查询通过HTTPGET执行,因此,适用于Java的AEM Headless客户端用于对AEM执行持久的GraphQL查询,并将冒险内容加载到应用程序中。
每个持久查询都有相应的“加载器”类,该类异步调用AEM HTTPGET终结点,并使用自定义的数据模型返回冒险数据。
-
loader/AdventuresLoader.java
使用
wknd-shared/adventures-all
持久查询在应用程序的主屏幕上获取冒险列表。 -
loader/AdventureLoader.java
获取一个冒险,使用
wknd-shared/adventure-by-slug
持久查询通过slug
参数选择它。
//AdventuresLoader.java
public static final String PERSISTED_QUERY_NAME = "/wknd-shared/adventures-all";
...
AEMHeadlessClientBuilder builder = AEMHeadlessClient.builder().endpoint(config.getContentApiEndpoint());
// Optional authentication for basic auth
String user = config.getContentApiUser();
String password = config.getContentApiPassword();
if (user != null && password != null) {
builder.basicAuth(user, password);
}
AEMHeadlessClient client = builder.build();
// run a persistent query and get a response
GraphQlResponse response = client.runPersistedQuery(PERSISTED_QUERY_NAME);
GraphQL响应数据模型 data-models
Adventure.java
是一个使用GraphQL请求中的JSON数据初始化的Java POJO,它模拟冒险以在Android应用程序的视图中使用。
视图
Android应用程序使用两个视图在移动体验中展示冒险数据。
-
AdventureListFragment.java
调用
AdventuresLoader
并在列表中显示返回的冒险。 -
AdventureDetailFragment.java
使用通过
AdventureListFragment
视图上的冒险选择传入的slug
参数调用AdventureLoader
,并显示单个冒险的详细信息。
远程图像
loader/RemoteImagesCache.java
是一个实用程序类,帮助准备缓存中的远程映像,以便将其与Android UI元素一起使用。 冒险内容通过URL引用AEM Assets中的图像,此类用于显示该内容。