2015-10-18 6 views
12

Ich habe eine ionische App erstellt und möchte sie als Website bereitstellen. Was ist der beste Weg, um es in einer benutzerdefinierten Domäne bereitzustellen? Ich dachte daran, eine azurblaue Web-App zu verwenden, um die ionische App zu hosten. Die gesamte Dokumentation bezieht sich auf die Verwendung als Hybrid-App für IOS und Android. Aber an diesem Punkt sind wir nur daran interessiert, dass es als Website funktioniert.Ionic als Website bereitstellen

+0

Hoffnung eine ionische App ein Frontend für ROR sein kann: [Serve Rails API und Ionic mobile Website zusammen] (http://stackoverflow.com/questions/36074227/serve-rails-api-und-ionen-mobile-website-zusammen) – builder

Antwort

10

bearbeiten: Ionic 1.2 offiziell supports deployment as a website!

Wie ich im Kommentar zu der einzigen Antwort angegeben - stimme ich nicht überein.

Wenn Sie keine Cordova-Plugins verwenden, gibt es kein Problem (wenn Sie wirklich wollen), den Inhalt des Ordners www auf Ihren Server hochzuladen, und woila - Sie haben die gleiche App.

Es ist jedoch wichtig zu beachten, dass Ionic nie für eine solche Verwendung vorgesehen war, und die Benutzer Ihrer "Website" müssen einen neuesten Browser haben, um die "Website" richtig zu sehen (nicht durchgebrochen) einige Funktionen, die Ionic in CSS oder HTML verwendet, die einige ältere Browser nicht unterstützen.

Sie können Schritt für Schritt einen Blick auf the tutorial werfen, wie Sie die Anwendung neu erstellen. Ich nahm buchstäblich den Inhalt des www Ordners heraus und legte ihn auf den Webserver, und wie Sie sehen können, funktioniert es.

+0

Es ist schön. Ich habe das nie ohne Cordova-Plugins getestet. Deshalb teste ich meine Apps generell mit Ionic View. –

+0

Ich habe es getestet und deshalb habe ich darauf geantwortet. Sie können dies bei der Arbeit an diesem Beispiel sehen: http://nikola-dev.com/IonicCalculator/mobile.html. – Nikola

+0

Interessant, aber in einer echten App, ich denke, wäre schwer so etwas zu tun. Jede komplexere Logik würde in der Web-Version brechen. –

1

Überprüfen Sie meine Antwort ionic: using the framework with only HTML5 auf die Idee, es als Webanwendung zu verwenden.

Sie könnten es als statische Website auf s3 bereitstellen und Ihre benutzerdefinierte Domäne verwenden, um auf s3 zu verweisen. Sie können Ihren s3-Bucket so konfigurieren, dass er als statischer Website-Host verwendet wird. Es gibt viele Tutorials, wie man das macht.

4

Es ist eine späte Antwort, aber als offizielle für Ionic 2:

mit ionischen 2 wir die Bahn vollständig unterstützt (einschließlich etwaiger gebaut Unterstützung für Progressive Web-Anwendungen) als Plattform direkt neben Android, IOS, Windows 10 und Elektron. Danke für die Benutzung von Ionic!

Und

Wenn Sie bestimmte Cordova Plugins verwenden, die nur auf nativen Plattformen arbeiten, dann werden diese im Web nicht funktionieren, obwohl, wenn Sie mit Ionic sind native sie anmutig fehl. Aber wenn Sie von diesen bestimmten Plugins wegbleiben oder Logik schreiben, um eine Alternative zur Verfügung zu stellen, dann sollte es perfekt funktionieren. Auch unsere Browser-Unterstützung umfasst Chrome, Safari, Firefox, Opera (seit heute ist es nur Chrome) und Edge. Wir unterstützen keine Version des Internet Explorer Explorer mit Ionic 2. So grundsätzlich, wie Sie Cordova Plugins beachten, funktioniert das gleiche Ionic 2-Projekt, das auf Ihrem Android, IOS oder Windows 10-Gerät funktioniert genauso gut im Browser. Danke!

Die Quelle hierfür: https://github.com/driftyco/ionic/issues/7376


Aus meiner Erfahrung in Ionic 1 ist es einfach auf einer Website zu arbeiten, es ist nur copy/paste für www Verzeichnis, es tatsächlich tut machen Sinn, Sie laufen AngularJS Website! Sie könnten ein paar Fehler haben und einige der Funktionalitäten nicht funktionieren (ich meine die nativen Plugins wie zum Beispiel facebookConnect), aber Sie können damit umgehen und stattdessen die Web-spezifische Version ausführen.

In unserer Firma haben wir eine Anwendung arbeiten als Website mit Firebase und mobile App mit dem gleichen Code, aber Sie müssen ein paar Zeilen schreiben, um Web-Browsing-Seite oder mobile native Anruf zu behandeln.

0

Für ionic2, corbova Browser-Plattform hinzufügen, dann laden Sie auf dem Web-Server platforms/browser/www

Verwandte Themen