Web Apps

どうやって Mendix Web アプリは動作しますか?

で説明したように どのように Mendix マルチチャネルアプリケーションをサポートしますか? のセクション フロントエンドウェブアプリは、 Mendix アプリケーション。 ザ・ Mendix クライアントは、JavaScript、HTML5、CSS3 に基づくリッチなシングルページ アプリケーション (SPA) である Web アプリのレンダリングを担当します。

WYSIWYGページエディタを使用する Mendix Studio Proでは、ユーザーはページやインタラクションをモデル化して、ローカルで実行したり、Studio Pro IDEから直接展開したりできます。ローカルで実行する場合、変更は直接表示されます。これは、 即時更新 現在の状態を維持しながら UI を即座に再読み込みする機能により、アプリのテストとプレビューが簡単になります。

アプリがクラウドにデプロイされると、静的リソース（HTML、CSS、JavaScript）は、リソースをキャッシュして効率的に提供するフロントエンドサーバーにデプロイされます。メインエントリは index.html ページを読み込み、 Mendix クライアントはページをレンダリングし、イベントの処理を開始します。認証が必要な場合、エンドユーザーはログイン ページまたは ID プロバイダーにリダイレクトされます。 Mendix キャッシュ無効化メカニズムを適用することで、新しいバージョンを展開するときにキャッシュの問題が発生しないことを確認します。

この Mendix JavaScriptクライアントはUIをレンダリングし、ブラウザ内でのアクションを処理し、HTTPS経由でAPIを介して通信します。 Mendix ランタイム。リッチクライアントはサーバーを呼び出すことなく多くのアクションを実行できるため、（コストのかかる）サーバーへの往復回数を最小限に抑えることができます。 クライアント側の機能 その事実 Mendix アプリはアクセシビリティ ガイドラインに準拠しながらブラウザの戻る/進む機能をサポートしているため、優れたパフォーマンスを持つ Web アプリを効率的にモデル化できます。

どのように Mendix さまざまな画面サイズとデバイスをサポートしていますか?

Mendix ページはデフォルトでレスポンシブなので、画面サイズに合わせて自動的に調整されます。これにより、デスクトップからスマートフォンまで、さまざまな画面サイズですぐに見栄えのよい Web アプリが実現します。ユーザー エクスペリエンスを最適化するために、スマートフォンとタブレット用に個別のモバイル Web チャネルを定義することができます。デバイス タイプ (スマートフォン、タブレット、デスクトップなど) は、他のシナリオのロジックでも使用できます。

Mendix は、優れたユーザーエクスペリエンスを構築するために役立つ、デバイスごとにいくつかの共通パターンとベストプラクティスを提供します。また、これらのパターンをカスタムバリアントで拡張することもできます。 ユーザーインターフェース設計.

Web アプリを拡張するにはどうすればよいですか?

両方の index.html ログインページはニーズに合わせて完全にカスタマイズできます。スタイルや画像などのリソースを追加したり、 Webアプリケーションマニフェスト.

Mendix ウェブアプリを拡張するためのオプションがいくつかあります。これらについては、次のセクションで説明します。 どうすれば延長できますか？ Mendix フロントエンド？ of フロントエンド とセクション アプリの外観と操作性をカスタマイズするにはどうすればよいですか? of ユーザーインターフェース設計.

Web アプリをテストするにはどうすればよいですか?

Mendix と呼ばれる統合ツールを提供しています Menditect テスト自動化 (MTA)、（技術者以外の）ユーザーが Web アプリのユーザー インターフェイス（UI）、プロセス、コンポーネント、および Microflow ロジック ユニットをテストできます。

UIテストには標準的なテストツールを使用することもできます。たとえば、 Selenium またはトスカ。なぜなら Mendix ウィジェットはドキュメント オブジェクト モデル (DOM) 内で一意の識別子を持っているため、テスト ツールはこれらの ID を簡単に活用して、読みやすく堅牢なテスト スクリプトを作成できます。

詳細については、を参照してください。 品質保証とセキュリティ.