web-dev-qa-db-fra.com

Déployer Ionic en tant que site Web

J'ai créé une application ionic et je souhaite la déployer en tant que site Web. Quelle est la meilleure façon de la déployer sur un domaine personnalisé? Je pensais utiliser l'application Web Azure pour héberger la ionic app. Toute la documentation fait référence à l’utiliser comme application hybride pour IOS et Android. Mais à ce stade, nous ne souhaitons qu’elle fonctionne comme un site Web).

17
Ayush Chordia

modifier: Ionic 1.2 officiellement prend en charge le déploiement en tant que site Web !

Comme je l'ai dit dans le commentaire de la seule réponse fournie - Je ne suis pas d'accord .

Si vous n'utilisez aucun plugin Cordova, il n'y a aucun problème (si vous le souhaitez vraiment) à télécharger le contenu du dossier www sur votre serveur, et woila - vous aurez la même application.

Cependant, il est important de noter que Ionic n'a jamais été conçu pour une telle utilisation, et les utilisateurs de votre "site Web" devront disposer d'un navigateur plus récent afin de voir correctement le "site Web" ( non ventilé en raison d'une fonctionnalité que Ionic utilise en CSS ou en HTML que certains navigateurs plus anciens ne prennent pas en charge).

Vous pouvez jeter un oeil à le tutoriel avec étape par étape sur la façon de recréer l'application. J'ai littéralement retiré le contenu du dossier www et l'ai mis sur le serveur Web, et comme vous pouvez le voir, cela fonctionne.

11
Nikola

C'est une réponse tardive, mais en tant qu'officiel pour Ionic 2:

Avec Ionic 2, nous soutenons pleinement le Web (y compris le support intégré éventuel pour les applications Web progressives) en tant que plate-forme juste à côté d'Android, IOS, Windows 10 et Electron. Merci d'utiliser Ionic!

Et

Si vous utilisez certains plugins Cordova qui ne fonctionnent que sur des plates-formes natives, ils ne fonctionneront pas sur le Web, bien que si vous utilisez Ionic native, ils échoueront gracieusement. Mais si vous restez à l'écart de l'utilisation certains de ces plugins, ou écrire une logique pour fournir une alternative sur le Web, alors cela devrait fonctionner parfaitement. De plus, notre support de navigateur comprend Chrome, Safari, Firefox, Opera (car c'est juste chrome de nos jours) et Edge. Nous ne prenons en charge aucune version d'Internet Explorer avec Ionic 2. Donc, fondamentalement, tant que vous gardez à l'esprit les plugins Cordova, les mêmes Ionic = 2 projet qui fonctionne sur votre Android, IOS ou appareil Windows 10 fonctionnera aussi bien dans le navigateur. Merci!

La source de ceci: https://github.com/ionic-team/ionic/issues/7376


D'après mon expérience dans Ionic 1, il est simple de travailler sur un site Web, il suffit de copier/coller pour le répertoire www, en fait, cela a du sens, vous exécutez Site Web AngularJS! Vous pourriez avoir quelques erreurs et certaines fonctionnalités ne fonctionnent pas (je veux dire les plugins natifs comme par exemple facebookConnect) mais vous pouvez le gérer et exécuter la version Web spécifique à la place.

Dans notre entreprise, nous avons une application qui fonctionne comme un site Web avec FireBase et une application mobile avec le même code, mais vous devez écrire quelques lignes pour gérer la navigation Web ou les appels natifs mobiles.

7
Al-Mothafar

Pour ionic2, ajoutez la plate-forme de navigateur corbova, puis téléchargez sur le serveur Web platforms/browser/www

3
Luca C.

Vérifiez ma réponse ionique: utiliser le framework avec seulement HTML5 sur l'idée de l'utiliser comme application web.

Vous pouvez le déployer en tant que site Web statique sur s3 et utiliser votre domaine personnalisé pour pointer vers s3. Vous pouvez configurer votre compartiment s3 pour qu'il soit utilisé comme hôte de site Web statique. Il existe de nombreux didacticiels sur la façon de procéder.

2
Nirav Gandhi