最近のアクセス:
ページ
履歴
バックリンク
GeneXus における Progressive Web Applications
Progressive Web Applications
(PWA) は、通常の Web ページ (または Web サイト) とモバイルアプリケーションを融合したものです。Web の柔軟性とネイティブアプリケーションのエクスペリエンスを組み合わせています。
主な目的は、ユーザーが Web サイトを訪問したときに魅力的なユーザーエクスペリエンスを提供することで、より多くのクライアントにアピールすることです。
PWA により、Web でもネイティブアプリケーションのようなエクスペリエンスが可能になります。
PWA の特徴
PWA はインストール可能で、ユーザーのホーム画面に置かれます。App Store は必要ありません。
PWA の主な特徴は次のとおりです:
信頼性
ネットワークの状態が不安定でもすぐにロードされ、インターネットに接続できないことを示す「downasaur」が表示されることはありません。
ユーザーのホーム画面から起動すると、
サービスワーカー
により、ネットワークの状況にかかわらず速やかにロードされます。
高速
ユーザーの操作にすぐに反応し、アニメーションやスクロールもスムーズです。
操作性
デバイス上のアプリのような感覚で、ユーザーエクスペリエンスに没入できます。
PWA には
Web アプリのマニフェスト
ファイルがあります。このファイルを使用して、Web アプリケーションについて、またそれがユーザーのモバイルデバイスやデスクトップに「インストール」されている場合の動作についてブラウザーに伝えられます。Chrome で
[ ホーム画面に追加 ] のプロンプト
が表示されるようにするには、マニフェストが必要です。
例
次に示すのは PWA です。アプリケーションをローカルにインストールするオプションがあります。
インストールしたアプリケーションは、Chrome のアプリケーションメニューから直接アクセスできるようになります (ショートカットも作成されます)。
次のように起動されます (ナビゲーションバーはありません)。
一時的な制限事項
1 つのナレッジベースにつき 1 つのメインのみを Progressive にできます。
[ Static content base URL ] プロパティ
では相対パスのみがサポートされます。
使用可能バージョン
この機能は
GeneXus 16 Upgrade 5
以降で利用できます。
GeneXus を使用して PWA を作成する方法
プロパティ
[ Web Application ] プロパティ
[ Web Application Name ] プロパティ
[ Web Application Short Name ] プロパティ
[ Web Application Description ] プロパティ
[ Primary Text Direction ] プロパティ
[ Display ] プロパティ
[ Background Color ] プロパティ
[ Theme Color ] プロパティ
[ Prefer Related Applications ] プロパティ
[ Web Application Icon ] プロパティ
[ Android Alternative App ] プロパティ
[ Android Alternative App Identifier ] プロパティ
[ iOS Alternative App ] プロパティ
[ Offline Object ] プロパティ
Lighthouse を使用した PWA の検証