处理Web视图

Last update: Thu Sep 11 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：

创建对象：

初学者
中级
开发人员

了解如何在移动应用程序中通过WebViews处理数据收集。

先决条件

在安装和配置SDK的情况下成功构建和运行应用程序。

学习目标

在本课程中，您将执行以下操作：

了解为什么您的应用程序中必须对WebViews进行特别考虑。
了解防止跟踪问题所需的代码。

潜在的跟踪问题

当您从应用程序的本机部分和应用程序内的WebView发送数据时，会生成单独的(Experience Cloud标识)ECID。这些单独的ECID会导致断开连接的点击以及夸大的访问和访客数据。有关ECID的详细信息，请参阅ECID概述。

要解决断开连接的点击和夸大的数据，您需要将用户的ECID从应用程序的本机部分传递到您可能要在应用程序中使用的WebView。

WebView中使用的AEP Edge Identity扩展可收集当前ECID并将其添加到URL，而不是向Adobe发送请求以获取一个新ID。然后，实施将使用此ECID来请求URL。

实施

要实施Web视图，请执行以下操作：

iOS

导航到 Luma > Luma > Views > Info > TermsOfServiceSheet，并在func loadUrl()类中找到final class SwiftUIWebViewModel: ObservableObject函数。添加以下调用以处理Web视图：

code language-swift

code language-swift
`// Handle web view AEPEdgeIdentity.Identity.getUrlVariables {(urlVariables, error) in if let error = error { print("Error with Webview", error) return; } if let urlVariables: String = urlVariables { urlString.append("?" + urlVariables) guard let url = URL(string: urlString) else { return } DispatchQueue.main.async { self.webView.load(URLRequest(url: url)) } } Logger.aepMobileSDK.info("Successfully retrieved urlVariables for WebView, final URL: \(urlString)") }`

// Handle web view
AEPEdgeIdentity.Identity.getUrlVariables {(urlVariables, error) in
    if let error = error {
        print("Error with Webview", error)
        return;
    }

    if let urlVariables: String = urlVariables {
        urlString.append("?" + urlVariables)
        guard let url = URL(string: urlString) else {
            return
        }
        DispatchQueue.main.async {
            self.webView.load(URLRequest(url: url))
        }
    }
    Logger.aepMobileSDK.info("Successfully retrieved urlVariables for WebView, final URL: \(urlString)")
}

AEPEdgeIdentity.Identity.getUrlVariables API为URL设置变量以包含所有相关信息，如ECID等。在本例中，您使用的是本地文件，但相同的概念也适用于远程页面。

您可以在Identity.getUrlVariablesIdentity for Edge Network扩展API参考指南中了解有关 API的更多信息。

Android

导航到 Android > app > kotlin+java > com.adobe.luma.tutorial.android > views > WebViewModel，并在fun loadUrl()中找到class WebViewModel: ViewModel()函数。添加以下调用以处理Web视图：

code language-kotlin

code language-kotlin
`// Handle web view Identity.getUrlVariables { urlVariables = it val baseUrl = getHtmlFileUrl("tou.html") val finalUrl = if (urlVariables.isNotEmpty()) { "$baseUrl?$urlVariables" } else { baseUrl } Handler(Looper.getMainLooper()).post { webView.loadUrl(finalUrl) } MobileSDK.shared.logInfo("TermsOfServiceSheet - loadUrl: Successfully loaded WebView with URL: $finalUrl") }`

// Handle web view
Identity.getUrlVariables {
    urlVariables = it
    val baseUrl = getHtmlFileUrl("tou.html")

    val finalUrl = if (urlVariables.isNotEmpty()) {
        "$baseUrl?$urlVariables"
    } else {
        baseUrl
    }

    Handler(Looper.getMainLooper()).post {
        webView.loadUrl(finalUrl)
    }
    MobileSDK.shared.logInfo("TermsOfServiceSheet - loadUrl: Successfully loaded WebView with URL: $finalUrl")
}

Identity.getUrlVariables API为URL设置变量以包含所有相关信息，如ECID等。在本例中，您使用的是本地文件，但相同的概念也适用于远程页面。

您可以在Identity.getUrlVariablesIdentity for Edge Network扩展API参考指南中了解有关 API的更多信息。