web-dev-qa-db-ja.com

Ionic=ウェブサイトとして

ionicアプリを作成し、それをWebサイトとして展開したい。カスタムドメインに展開する最良の方法は何ですか? Azure Webアプリを使用してionicアプリをホストすることを考えていました。すべてのドキュメントは、IOSとAndroidのハイブリッドアプリとして使用することを示しています。しかし、現時点では、Webサイトとして機能することにのみ興味があります。

17
Ayush Chordia

edit:Ionic 1.2正式に ウェブサイトとしての展開をサポート

提供された唯一の答えに対するコメントで述べたように-私は同意しません

Cordovaプラグインを使用していない場合は、wwwフォルダーの内容をサーバーにアップロードしても問題ありません(本当に必要な場合)。また、同じアプリを使用できます。

ただし、Ionicはそのような使用を意図したものではなく、「ウェブサイト」のユーザーは、「ウェブサイト」を正しく表示するために最新のブラウザを使用する必要があります。 Ionicは、一部の古いブラウザがサポートしていないCSSまたはHTMLのいずれかで使用している)の機能のために分類されません。

チュートリアル をご覧ください。アプリケーションを再作成する方法を順を追って説明しています。文字通りwwwフォルダーの内容を取り出してWebサーバーに配置しました。ご覧のとおり、動作します。

11
Nikola

遅い回答ですが、Ionic 2:

Ionic 2を使用すると、プログレッシブWebアプリの最終的な組み込みサポートを含む)WebをAndroid、IOS、Windows 10、Electronと並ぶプラットフォームとして完全にサポートします。Ionicをご利用いただきありがとうございます。

そして

ネイティブプラットフォームでのみ動作する特定のCordovaプラグインを使用している場合、これらはWebでは動作しませんが、Ionicネイティブを使用している場合は正常に失敗します。これらの特定のプラグイン、またはウェブ上で代替手段を提供するロジックを記述すると、完全に動作するはずです。また、ブラウザのサポートにはChrome、Safari、Firefox、Operaが含まれます(chrome 、およびEdge。Ionic 2.のInternet Explorerのバージョンはサポートしていません。したがって、基本的に、Cordovaプラグインを念頭に置いている限り、同じIonic = 2 Androidで動作するプロジェクト、IOSまたはWindows 10デバイスはブラウザでも同様に動作します。ありがとう!

このソース: https://github.com/ionic-team/ionic/issues/7376


Ionic 1での経験から、Webサイトでの作業は簡単です。wwwディレクトリのコピー/貼り付けだけです。実際、意味があります。実行しています。 AngularJS Webサイト!いくつかのエラーが発生し、一部の機能が機能しない場合があります(たとえば、facebookConnectなどのネイティブプラグインを意味します)が、代わりにWeb固有のバージョンを実行できます。

当社では、アプリケーションがfirebaseを備えたWebサイトとして機能し、同じコードを備えたモバイルアプリを使用していますが、Webブラウジング側またはモバイルネイティブコールを処理するために数行を記述する必要があります。

7
Al-Mothafar

Ionic2の場合、corbovaブラウザプラットフォームを追加してから、Webサーバーにアップロードしますplatforms/browser/www

3
Luca C.

私の答えを確認してください ionic:HTML5のみでフレームワークを使用する Webアプリケーションとして使用するというアイデアについて。

S3に静的Webサイトとして展開し、カスタムドメインを使用してs3を指すようにすることができます。 s3バケットを静的ウェブサイトホストとして使用するように設定できます。その方法については多くのチュートリアルがあります。

2
Nirav Gandhi