Ionic は、HTML5 を使用してモバイル アプリを開発するための優れたフレームワークです。同じアプリケーションをデスクトップ ブラウザーでも使用できるようにしたいと考えています。デスクトップ ブラウザーとモバイル ブラウザーの両方で最適に機能する単一のレスポンシブ UI を作成してアプリを作成するのは良い考えでしょうか。それとも、ブラウザーとモバイル アプリで異なる開発を行う必要がありますか。
ベストアンサー1
すでに述べたことをもう少し詳しく説明すると、Ionic はモバイル専用に構築およびテストされています。たとえば、Internet Explorer はテストされておらず、Ionic の多くの機能を適切に処理しません。デスクトップ ブラウザーには、モバイル ブラウザーとは異なる機能があります。デスクトップでアプリケーションを使用できるブラウザーが大幅に制限されることになります。
おそらく、デスクトップとモバイル用に 2 つの異なるアプリケーションを提供する必要があります。Web サイトを実行するには Chrome (または Opera) を使用する必要があることをユーザーに伝える勇気や能力がない限り、2 つの別々のアプリケーションが必要になります。ただし、モバイル Web サイトに Ionic を使用することもできますが、Cordova の完全なプラットフォーム統合は使用できなくなります (ブラウザーが提供するネイティブ HTML API に制限されます)。両方のアプリケーション間で共有される共通のコアに、ビジネス ロジックの多くを保持できます。そのためには、共有 Angular モジュールを作成する必要があります。私は、Ionic アプリと通常の Angular デスクトップ アプリ (Bootstrap を使用) を使用したプロジェクトでこれを実行しました。
訪問者がデスクトップからアクセスしているのか、モバイルデバイスからアクセスしているのかを検出する方法はいくつかあります。通常、ブラウザのユーザーエージェント文字列に依存しているため（偽装や変更などが可能）、100%完璧な方法は知りません。http://detectmobilebrowsers.com/サーバー上またはプログラミング言語でモバイル検出を実装する一般的なスクリプトまたは例。