メインコンテンツまでスキップ

フロントエンドの実装

フロントエンドのボタンに、どのように処理を割り当てますか?

A. フロントエンドの開発フレームワークを利用して、ボタンからHexabaseのAPIを呼び出します。

フロントエンドアプリケーションは、どのようにデプロイしますか?

A. これには2つの方法があります。

1つ目は、Vercelなどのフロントデプロイサービスを利用する方法です。

2つ目は、Hexabase専用のフロントエンドデプロイ環境を利用する方法です。こちらの詳細は、アプリのデプロイ手順をご覧ください。

フロントエンドに近いところで外部APIと連携するため、BFF(Backends For Frontends)は実現可能ですか?

A. 独自にBFF(Backends For Frontends)を立てることで実現できます。

Next.jsやNuxt.jsを利用する場合であれば、フロントエンドフレームワークのサーバー側のnodejsの処理内へ実装することで実現可能です。

Hexabaseで、BFFでを利用する場合の方法を教えてください

A. 一部のアプリケーションでは、フロントWebApp用のWebサーバーにてURLルーティングして外部サービス(例えばFaaSなど)へルーティングしているケースがあり、HTTPサーバのproxy設定でルーティングしています。

突然、フロントエンドからバックエンドの機能を呼び出せなくなりました。

A. いくつかの原因が考えられます。

  1. デフォルトの内部IDで指定していた:アプリケーションをデプロイすると、IDが変わってしまい、APIのパスも変更になる。
  2. フロントエンド側からアプリケーションやデータベースなどを呼び出す場合、名前で指定していると、ロケールが切り替わった際に名前も切り替わりアクセスできなくなる。

アプリケーションやデータベースなどバックエンドの機能は、IDを明示して指定してください。