Adobe Experience Platform Mobile SDK와 Commerce 통합

모바일 앱의 Adobe Experience Cloud 자습서를 검토하여 모바일 앱 기능에 대해 알아봅니다.

Experience Platform에서 SDK를 설치 및 구성합니다.

SDK를 통해 Commerce 이벤트 데이터를 Experience Platform으로 전송하려면 애플리케이션 코드에 XDM 스키마를 제공해야 합니다. 이 스키마는 Experience Platform의 SDK에 대해 구성된 스키마와 일치해야 합니다.

다음 예제에서는 전자 메일 필드를 사용하여 web.webpagedetails.pageViews 이벤트를 추적하고 identityMap을(를) 설정하는 방법을 보여 줍니다.

let stateName = "luma: content: ios: us: en: home"
var xdmData: [String: Any] = [
    "eventType": "web.webpagedetails.pageViews",
    "web": [
        "webPageDetails": [
            "pageViews": [
                "value": 1
            ],
            "name": "Home page"
        ]
    ]
]

let experienceEvent = ExperienceEvent(xdm: xdmData)
Edge.sendEvent(experienceEvent: experienceEvent)

// Adobe Experience Platform - Update Identity

let emailLabel = "mobileuser@example.com"

let identityMap: IdentityMap = IdentityMap()
identityMap.add(item: IdentityItem(id: emailLabel), withNamespace: "Email")
Identity.updateIdentities(with: identityMap)

Commerce Cloud 환경에 연결합니다.

프로젝트의 빌드 설정에서 Commerce GraphQL 엔드포인트에 URL을 추가합니다. 예:

• 디버그: http://debug.commercesite.cloud/graphql/
• 릴리스: http://릴리스.commercesite.cloud/graphql/

Commerce GraphQL 끝점에서 데이터를 검색하려면 먼저 아폴로 코드 생성기를 사용하여 프로젝트에 필요한 파일과 디렉터리를 생성합니다.

1. 프로젝트 디렉터리에서 설치 Apollo iOS입니다.

2. Apollo Codegen CLI를 초기화.

   apollo-codegen-configuration.json 파일이 만들어집니다.

3. apollo-codegen-configuration.json 파일의 내용을 다음 내용으로 바꾸어 프로젝트에 필요한 GraphQL 파일 및 디렉터리를 생성합니다.

   code language-json

   { "schemaName" : "MagentoAPI", "input" : { "operationSearchPaths" : [ "**/*.graphql" ], "schemaSearchPaths" : [ "**/*.graphqls" ] }, "output" : { "testMocks" : { "none" : { } }, "schemaTypes" : { "path" : "../MagentoAPI", "moduleType" : { "swiftPackageManager" : { } } }, "operations" : { "inSchemaModule" : { } } }, "schemaDownloadConfiguration": { "downloadMethod": { "introspection": { "endpointURL": "http://magento24.com/graphql/", "httpMethod": { "POST": {} }, "includeDeprecatedInputValues": false, "outputFormat": "SDL" } }, "downloadTimeout": 60, "headers": [], "outputPath": "magento.graphqls" } }

4. Commerce GraphQL 스키마를 가져오기.

   경로가 Commerce GraphQL 스키마에 대한 참조가 포함된 ./apollo-codegen-config.json 파일에 대한 경로인지 확인하십시오.

5. 소스 코드를 생성합니다.

   필요한 파일 및 디렉터리를 생성하기 위한 구성 정보가 포함된 ./apollo-codegen-config.json 파일에 대한 경로인지 확인합니다.

6. 새로 만든 GraphQLGgenerated 폴더 내에서 GraphQL 유형을 추가하거나 편집하십시오. 예를 들어 다음 콘텐츠로 DynamicBlocks.graphql 형식을 추가할 수 있습니다.

   code language-graphql
   query dynamicBlocks($input: DynamicBlocksFilterInput){ dynamicBlocks(input: $input) { items { content { html } } } }

이제 Adobe Experience Platform Mobile SDK를 Commerce 모바일 앱과 통합했습니다. 이벤트 데이터는 앱에서 Experience Platform 에지로 흐릅니다.