autumn-create-customer について
React と Node.js のアプリ、またはバックエンドのみのサービスに Autumn の顧客管理を組み込むためのスキルです。ハンドラーや Provider の設定、顧客作成、連携時の判断事項を扱います。
主な機能
- 01React と Node.js の連携手順
- 02バックエンドのみでの顧客作成
- 03Next.js、Hono、Express、Fastify のハンドラー
- 04React の顧客 Provider と Hook
- 05B2C・B2B の顧客 ID に関する指針
活用シーン
- 01React アプリへの Autumn 顧客管理の追加
- 02バックエンドサービスからの顧客作成
- 03ユーザーまたは組織の顧客 ID の選択
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ useautumn/ skills --skill autumn-create-customerインストール後、Claude Code で/autumn-create-customerを入力して読み込まれたか確認します。
詳細
Autumn の顧客設定
コード例と最新の API については、必ず docs.useautumn.com を参照してください。
クイックリファレンス
環境変数
AUTUMN_SECRET_KEY- 必須。app.useautumn.com で取得してください。
インストール
npm install autumn-js # Node.js
pip install autumn-py # Python
インテグレーション方法
| スタック | 方法 |
|---|---|
| React + Node.js | ハンドラーをマウント + AutumnProvider |
| バックエンドのみ | クライアントを初期化 + API を呼び出す |
方法 A:React + Node.js
ハンドラーのセットアップ
| フレームワーク | ファイル | インポート |
|---|---|---|
| Next.js App Router | app/api/autumn/[...all]/route.ts | autumn-js/next |
| React Router | app/routes/api.autumn.tsx | autumn-js/react-router |
| Hono | 任意のファイル | autumn-js/hono |
| Express | 任意のファイル | autumn-js/express |
| Fastify | 任意のファイル | autumn-js/fastify |
import { autumnHandler } from "autumn-js/next";
export const { GET, POST } = autumnHandler({
identify: async (request) => {
const session = await getSession(request);
return {
customerId: session.user.id, // or session.org.id for B2B
customerData: { name: session.user.name, email: session.user.email },
};
},
});
クライアントのセットアップ
import { AutumnProvider } from "autumn-js/react";
<AutumnProvider>{children}</AutumnProvider>
// Different backend URL:
<AutumnProvider backendUrl={process.env.NEXT_PUBLIC_API_URL} />
確認
import { useCustomer } from "autumn-js/react";
const { customer } = useCustomer();
console.log("Autumn customer:", customer);
方法 B:バックエンドのみ
初期化
import { Autumn } from "autumn-js";
const autumn = new Autumn({ secretKey: process.env.AUTUMN_SECRET_KEY });
from autumn import Autumn
autumn = Autumn('am_sk_test_xxx')
顧客の作成
const { data } = await autumn.customers.create({
id: "user_id_from_auth",
name: "Test User",
email: "[email protected]",
});
よくある注意点
- B2C と B2B - インテグレーションの前に、
customerIdがユーザー ID か組織 ID かを決めてください。 - 冪等性 -
customers.createは、ID がすでに存在する場合、既存の顧客を返します。 - バックエンド URL - API が別のドメインにある場合は、プロバイダーに
backendUrlを渡してください。 - シークレットキー -
AUTUMN_SECRET_KEYはサーバーサイドでのみ保持してください。
リソース
コメント
Markdown 対応