メインコンテンツへスキップ
ローカル開発では、2 つのプロセスを並行して実行します。Base44 開発サーバーがバックエンドを処理し、通常のフロントエンド開発サーバーが UI を実行します。フロントエンドは SDK を介してローカルバックエンドと通信します。

​
前提条件

プロジェクトにバックエンド関数がある場合、それらをローカルで実行するために Deno をインストールする必要があります。

​
フロントエンドクライアントを構成する

プロジェクトに SDK を使用するフロントエンドがある場合、リクエストを送信する場所を指示する必要があります。デフォルトでは、SDK は Base44 のホスト型バックエンドにリクエストを送信します。代わりにローカル開発サーバーを使用するには、開発モードで実行する際にクライアント構成に serverUrl を渡します。本番環境では、SDK がデフォルトを使用するように serverUrl を省略してください。 このアプローチは、コードが開発環境で実行されているかどうかを検出し、条件付きで serverUrl をローカル開発サーバーに向けるよう設定するものです。ほとんどのフレームワークは、これを確認する組み込みの方法を提供しています。
1

開発モードを検出

環境に合わせたパターンを使用してください:
const isDev = import.meta.env.DEV;
2

serverUrl を条件付きで渡す

クライアントを作成する際に、開発時のみ serverUrl を含めます:
import { createClient } from "@base44/sdk";

const base44 = createClient({
  appId: "your-app-id",
  ...(isDev && { serverUrl: "http://localhost:4400" }),
});
  • 開発時は isDev が true となり、SDK は localhost:4400 にリクエストを送信します
  • 本番ビルドでは isDev が false、serverUrl は省略され、SDK はデフォルトの Base44 バックエンドを使用します

​
開発サーバーを実行する

ローカルで開発するたびに、並行して実行する 2 つのターミナルが必要です。
1

バックエンドを起動

1 つのターミナルで、プロジェクトディレクトリから dev を実行します:
base44 dev
これにより、http://localhost:4400 でローカルバックエンドが起動します。
2

フロントエンドを起動

2 つ目のターミナルで、通常どおりにフロントエンド開発サーバーを起動します。例えば Vite の場合:
npm run dev
フロントエンドからのすべての SDK 呼び出しが、ローカル Base44 開発サーバーに送信されるようになります。

​
関連項目

  • Local development overview: ローカルで何が実行され、何が転送され、どのように機能するか
  • dev: フラグ付きの CLI コマンドリファレンス
  • serverUrl: SDK クライアント設定
このページは AI を使用して翻訳されました。最も正確で最新の情報については、英語版 を参照してください。