Hydrogen实现无密码添加客户订阅表单：无需自建应用访问Admin API的方法？

方案1：直接在Hydrogen Server层调用Admin API（无需额外托管） #

Hydrogen基于Remix框架，支持Server Routes/Server Components，你可以直接在Server端安全使用Admin API密钥，完全不用额外搭建外部托管应用：

• 在Hydrogen项目的.env文件中配置Admin API相关变量（SHOPIFY_ADMIN_API_KEY、SHOPIFY_ADMIN_API_SECRET、SHOPIFY_STORE_DOMAIN），这些变量可在Shopify后台的私有应用设置中获取，用Shopify CLI生成Hydrogen项目时也会自动配置。
• 创建一个Server Route（比如app/routes/subscribe.tsx），编写POST请求处理逻辑，调用Admin API的customerCreate mutation，不传入password字段并设置sendEmailWelcome: false，即可创建无密码客户：

import { json, ActionFunction } from '@remix-run/node';
import { createShopifyAdminApiClient } from '@shopify/hydrogen';

export const action: ActionFunction = async ({ request, context }) => {
  const { email, firstName, lastName } = await request.json();
  
  const adminClient = createShopifyAdminApiClient({
    storeDomain: process.env.SHOPIFY_STORE_DOMAIN!,
    apiKey: process.env.SHOPIFY_ADMIN_API_KEY!,
    apiSecret: process.env.SHOPIFY_ADMIN_API_SECRET!,
    apiVersion: '2024-07',
  });

  const response = await adminClient.request(`
    mutation customerCreate($input: CustomerCreateInput!) {
      customerCreate(input: $input) {
        customer {
          id
          email
        }
        userErrors {
          message
          field
        }
      }
    }
  `, {
    variables: {
      input: {
        email,
        firstName,
        lastName,
        sendEmailWelcome: false
      }
    }
  });

  return json(response);
};

• 前端订阅表单通过POST请求调用该Server Route，即可完成无密码客户创建，所有API调用都在Hydrogen的Server层完成，无需额外成本。

方案2：使用Shopify原生订阅功能（仅收集邮箱场景） #

如果你的需求只是收集用户邮箱用于订阅，而非创建完整客户档案，可以直接使用Hydrogen内置的shopify.subscribe组件，无需调用任何API，就能将邮箱添加到Shopify后台的订阅列表中，操作更简单。

关于无需自建应用访问Admin API的途径 #

• 私有应用：在Shopify后台创建私有应用，获取Admin API密钥，这类应用无需上架，仅服务于你的店铺，Hydrogen项目可直接在Server层使用这些密钥调用API。
• Shopify CLI生成的Hydrogen项目：默认会自动配置好Admin API相关环境变量，直接就能在Server层使用Admin API。

内容的提问来源于stack exchange，提问作者Donald Zhu