在 React Native SDK 中获取用户引导

在 Adapty 看板中使用编辑工具完成用户引导的视觉设计之后，您可以在 React Native 应用中展示它。此过程的第一步是获取与版位关联的用户引导及其视图配置，具体如下所示。

开始之前，请确保：

您已安装 Adapty React Native SDK 3.8.0 或更高版本。
您已创建用户引导。
您已将用户引导添加到版位。

获取用户引导

当您使用我们的无代码编辑工具创建用户引导时，它会以容器形式存储，包含您的应用需要获取并展示的配置。该容器管理整个体验——显示哪些内容、如何呈现，以及如何处理用户交互（例如测验答案或表单输入）。容器还会自动追踪分析事件，因此您无需单独实现视图追踪。

为了获得最佳性能，请尽早获取用户引导配置，以便在向用户展示之前有足够的时间下载图片。

要获取用户引导，请使用 getOnboarding 方法：

try {
    const placementId = 'YOUR_PLACEMENT_ID';
    const locale = 'en';

    const onboarding = await adapty.getOnboarding(placementId, locale);
    // the requested onboarding
} catch (error) {
    // handle the error
}

然后，调用 createOnboardingView 方法创建视图实例。

createOnboardingView 方法的返回结果只能使用一次。如果需要再次使用，请重新调用 createOnboardingView 方法。在不重新创建的情况下调用两次可能会导致 AdaptyUIError.viewAlreadyPresented 错误。

import {createOnboardingView} from 'react-native-adapty';
// for the Adapty SDK < 3.14 – import {createOnboardingView} from 'react-native-adapty/dist/ui';

if (onboarding.hasViewConfiguration) {
    try {
        const view = await createOnboardingView(onboarding);
    } catch (error) {
        // handle the error
    }
} else {
    //use your custom logic
}

参数：

参数	是否必填	描述
placementId	必填	所需版位的标识符。这是您在 Adapty 看板中创建版位时指定的值。
locale	可选默认值：`en`	用户引导本地化的标识符。该参数应为语言代码，由一个或两个子标签组成，用减号（-）分隔。第一个子标签表示语言，第二个子标签表示地区。示例：`en` 表示英语，`pt-br` 表示巴西葡萄牙语。有关语言区域代码及其推荐用法的更多信息，请参阅本地化与语言区域代码。
fetchPolicy	默认值：`.reloadRevalidatingCacheData`	默认情况下，SDK 会尝试从服务器加载数据，如果失败则返回缓存数据。我们推荐此选项，因为它确保用户始终获得最新数据。但是，如果您认为用户的网络连接不稳定，可以考虑使用 `.returnCacheDataElseLoad`，在缓存数据存在时直接返回缓存。在这种情况下，用户可能获取不到最新数据，但无论网络状况如何，都能获得更快的加载速度。缓存会定期更新，因此在会话期间使用它来避免网络请求是安全的。请注意，缓存在重启应用后依然保留，只有在重新安装应用或手动清理时才会被清除。 Adapty SDK 在本地以两层方式存储用户引导：上述定期更新的缓存和备用用户引导。我们还使用 CDN 加速用户引导的获取，并在 CDN 不可访问时提供独立的备用服务器。该系统旨在确保您始终获得最新版本的用户引导，同时在网络连接不稳定的情况下也能保证可靠性。
loadTimeoutMs	默认值：5 秒	该值限制此方法的超时时间。如果达到超时时间，将返回缓存数据或本地备用内容。请注意，在极少数情况下，此方法的超时时间可能比 `loadTimeout` 中指定的时间稍长，因为该操作在底层可能由多个不同的请求组成。

响应参数：

参数	描述
Onboarding	一个 `AdaptyOnboarding` 对象，包含：用户引导标识符和配置、远程配置以及其他若干属性。

使用默认目标受众用户引导加速获取

通常情况下，用户引导的获取几乎是即时完成的，无需担心加速问题。但是，当您拥有大量目标受众和用户引导，且用户网络连接较弱时，获取用户引导的时间可能比预期更长。在这种情况下，您可能希望显示默认的用户引导，以确保流畅的用户体验，而不是不显示任何内容。

为解决这一问题，您可以使用 getOnboardingForDefaultAudience 方法，该方法会获取指定版位中所有用户目标受众的用户引导。但请务必了解，推荐的方式是使用 getOnboarding 方法获取用户引导，详见上方获取用户引导部分。

建议使用 getOnboarding 而非 getOnboardingForDefaultAudience，因为后者存在以下重要限制：

兼容性问题：在支持多个应用版本时可能产生问题，需要向后兼容的设计，否则旧版本可能显示异常。
无个性化：仅显示”所有用户”目标受众的内容，无法基于国家、归因或自定义属性进行定向。

如果对您的使用场景而言更快的获取速度超过了上述缺点，请按如下所示使用 getOnboardingForDefaultAudience。否则，请按上述方式使用 getOnboarding。

try {
    const placementId = 'YOUR_PLACEMENT_ID';
    const locale = 'en';

    const onboarding = await adapty.getOnboardingForDefaultAudience(placementId, locale);
    // the requested onboarding
} catch (error) {
    // handle the error
}

参数：

参数是否必填描述

placementId 必填所需版位的标识符。这是您在 Adapty 看板中创建版位时指定的值。

locale

可选

默认值：en

用户引导本地化的标识符。该参数应为语言代码，由一个或两个子标签组成，用减号（-）分隔。第一个子标签表示语言，第二个子标签表示地区。

示例：en 表示英语，pt-br 表示巴西葡萄牙语。

有关语言区域代码及其推荐用法的更多信息，请参阅本地化与语言区域代码。

fetchPolicy

默认值：.reloadRevalidatingCacheData

默认情况下，SDK 会尝试从服务器加载数据，如果失败则返回缓存数据。我们推荐此选项，因为它确保用户始终获得最新数据。

但是，如果您认为用户的网络连接不稳定，可以考虑使用 .returnCacheDataElseLoad，在缓存数据存在时直接返回缓存。在这种情况下，用户可能获取不到最新数据，但无论网络状况如何，都能获得更快的加载速度。缓存会定期更新，因此在会话期间使用它来避免网络请求是安全的。

请注意，缓存在重启应用后依然保留，只有在重新安装应用或手动清理时才会被清除。

Adapty SDK 在本地以两层方式存储用户引导：上述定期更新的缓存和备用用户引导。我们还使用 CDN 加速用户引导的获取，并在 CDN 不可访问时提供独立的备用服务器。该系统旨在确保您始终获得最新版本的用户引导，同时在网络连接不稳定的情况下也能保证可靠性。