为什么无法为 Card Component 或 Drop-in 加载卡片输入字段？

如果您在 Drop-in 或 Card Component 的卡片输入字段的 iFrame 中收到 Invalid client key 或 unknown origin 错误，这与您的客户端身份验证的密钥不正确有关。根据您的集成，这可以是客户端密钥或原始密钥。您可以通过在 Customer Area 中导航到 Developers > API Credentials 来生成这些密钥，您可以在其中选择要为其生成密钥的 API 凭证。

如果您使用客户端密钥进行身份验证，请检查以下内容：

1. 您是否在集成中使用了正确的客户端密钥？
2. 是否将加载卡片输入字段的所有域都添加到“Allowed Origins”字段中，如此处所述？
3. 您是否在正确的环境（测试/正式环境）中使用客户端密钥？

如果您使用原始密钥进行身份验证，请检查以下内容：

1. 您是否在集成中使用了正确的原始密钥？尝试为您正在加载 Card Component 或 Drop-in 的域再次生成原始密钥。
2. 是否为托管卡片字段的域生成了原始密钥？您可以通过在浏览器控制台中检查 window.location.origin 来找到页面的来源，如此处所述。
3. 原始密钥是否在正确的环境（测试/正式环境）中生成？