React + Vite / KMIoT API 直結

“見える化”は今日から。APIつなぐだけ。

GraphData/センサ一覧/最新画像カードの 3 ウィジェット同梱。色/ロゴ差替だけでデモ映え。

Features

テンプレUIで最短 POC

Graph + Table + Image

API のレスポンスをそのまま表示できる 3 点セット。

マルチテナント

環境変数で tenantId/API を差し替え。

配信ベストプラクティス

S3+CloudFront の構成とインバリデート手順。

認証の選択

Cognito PKCE(Cookie)/ Bearer の両対応。

ダーク/ライト

ブランディングに合わせて切替。

Package

パッケージ内容 & 価格

  • React + Vite テンプレ(3 ウィジェット)
  • .env サンプル / 色・ロゴ差替手順
  • S3+CloudFront デプロイ手順 / CI 雛形

価格(税別):¥200,000〜

.env 例

VITE_API_BASE=https://api.example.com
VITE_TENANT_ID=id-mythermo
VITE_USER_POOL_ID=ap-northeast-1_xxxx
VITE_APP_CLIENT_ID=xxxx
VITE_REDIRECT_URI=https://dash.example.com/callback

お問い合わせ

“最短3日 でデモ起動”までご案内します。

FAQ

よくあるご質問

Q. 認証は必須?
A. 公開要件に応じて PKCE/Bearer を選択できます。
Q. 追加ウィジェットは?
A. コンポーネント追加で迅速に拡張します。