DEV Community
·
在Hydrogen中设置Shopify GraphQL Admin API客户端
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
Shopify的Storefront API功能强大，但获取未认证邮箱数据时需使用Admin API。首先创建自定义应用以获取APP_TOKEN，并安装Admin API客户端库。通过配置和代码生成，确保Admin API与Storefront API的类型区分，避免混淆。最后，使用shopifyAdminClient进行请求，确保代码正常运行。
🎯
关键要点
- Shopify的Storefront API功能强大，但获取未认证邮箱数据时需使用Admin API。
- 创建自定义应用以获取APP_TOKEN，需在Apps和销售渠道中点击“开发应用”。
- 从API凭证中获取Admin API访问令牌，注意该令牌的权限设置。
- 安装Admin API客户端库以便在Hydrogen应用中使用。
- 确保在加载器或服务器上下文中使用Admin API，避免泄露密钥。
- 使用Shopify的api-codegen-preset生成Admin API的类型。
- 将Admin API的graphql放在独立目录中，以避免与Storefront API混淆。
- 确保在脚本中触发代码生成，以生成类型文件。
- 在VS Code中使用shopifyAdminClient进行请求时，确保代码正常工作。
❓
延伸问答
如何在Hydrogen中设置Shopify Admin API客户端？
首先创建自定义应用以获取APP_TOKEN，然后安装Admin API客户端库，并在Hydrogen应用中配置shopifyAdminClient。
获取Shopify Admin API访问令牌的步骤是什么？
在Apps和销售渠道中点击“开发应用”，然后从API凭证中获取Admin API访问令牌，并注意权限设置。
为什么需要在Hydrogen中区分Admin API和Storefront API？
因为两者的字段可能重叠，例如“customer”在Admin API和Storefront API中有不同的属性和参数。
如何确保在Hydrogen中安全使用Admin API？
确保在加载器或服务器上下文中使用Admin API，避免将密钥泄露给客户端。
如何生成Admin API的类型文件？
安装Shopify的api-codegen-preset，并在graphqlrc.ts中配置Admin API类型，然后触发代码生成。
在VS Code中如何使用shopifyAdminClient进行请求？
在脚本中使用shopifyAdminClient发起请求，并确保代码正常工作，VS Code会提供自动补全功能。
➡️
