クラッシュコース101
10 モジュール
5 週

リアルタイムプレビュー

クリックでコピー

パブリケーションを実行せずにアプリケーションを完全に制御します。


リアルタイム プレビューを使用すると、ユーザーはアプリをライブ環境に展開する前に、アプリの外観と機能を確認できます。

導入計画を選択するか、モック データを使用することにより、ユーザーはアプリが実際の環境でどのように表示されるか、およびパフォーマンスをより正確に表現できます。

🔔 プレビューは、変更を実際のアプリケーションにプッシュしません。デプロイされたアプリに変更を送信するには、AppMaster Web Designer の [プッシュ] ボタンをクリックし、通常の方法で AppMaster Studio でプロジェクトのデプロイメントを実行します。

Realtime preview of web application in AppMaster Web Designer

プレビューを実行する

Web アプリのプレビューが新しいブラウザー タブで開き、ユーザーは変更を加えながらアプリの外観と機能をリアルタイムで観察できます。プレビューを実行するには、右上隅にある目のボタンをクリックします。

プレビューを実行する前に、インターフェースに表示するデータを選択する必要があります。

  • モックデータ
  • ターゲット展開計画のデータ

モックデータ

モック データを使用してプレビューを実行するには、右上の [プレビュー] ボタンをクリックし、開いたドロップダウンで [モック プレビュー] を選択します。

モック データを使用すると、ユーザーは UI 設計中にダミー データを追加したシミュレートされたアプリ バージョンを作成できます。これは、ユーザーがアプリをライブ環境に展開する前に、アプリに表示されるデータの問題を特定できるため、UI をテストする場合に役立ちます。

導入計画のデータ

デプロイ データを使用してプレビューを実行するには、右上の [プレビュー] ボタンをクリックし、開いたドロップダウンでターゲットのデプロイ プランを選択します。

リアルタイム プレビュー機能を使用する場合、展開計画を選択できます。これにより、ユーザーはライブ環境で使用される実際のデータを使用してアプリをプレビューできます。これは、API やデータベースなどの外部データ ソースに依存するアプリに特にメリットがあります。

Was this article helpful?
まだ答えをお探しですか?