Comment utiliser Ionic Framework pour le Développement d'applications Web?

Est-il possible d'utiliser ionique frameowork régulièrement des Applications Web plutôt qu'en l'enveloppant dans Cordova?

  • Je suis curieux aussi. Je suis d'accord que cela devrait être possible (sur le point d'aller essayer), mais vous vous demandez pourquoi il n'y a aucune Ionique des sites web mobiles. Peut-être parce qu'il ne supporte webkit et les devs sont inquiets, il ne fonctionnera pas avec Firefox pour Android?
  • Leur sens de l'Ionique est seulement fait pour les Applications Web qui vont dans l'App store. Il y a des questions qui ne seront pas résolus par une pure solution web.
  • Sais-tu déjà à ces questions? Nous avons eu une idée qui ionique de composants regarder même dans le navigateur mobile (en comparant à "enveloppé" en mode).
  • nous avons eu nos problèmes avec eux parce que traduire n'était pas pris en charge ou mal travaillé pour de nombreux cas dans les navigateurs mobiles et Ionique utilise assez souvent et a causé des problèmes. Je ne sais pas si ce le cas aujourd'hui.
  • Un problème que j'ai trouvé est de molette de souris de soutien dans Firefox. Il fonctionne très bien dans d'autres navigateurs. Mais il permet de faire glisser l'écran comme un toucher+glisser.
  • C'est un peu plus proche de la réalité. Servir les Rails de l'API et Ionique mobile site web
  • On dirait les versions les plus récentes des Ionique but est de travailler avec de vrais navigateurs web en plus de webview conteneurs. "Ionique 2 est axé sur le renforcement des indigènes/applications hybrides si Cordova, ainsi que l'ajout de la capacité de Progressif des Applications Web et d'Électrons ." source

InformationsquelleAutor xivo | 2014-04-04
  1. 29

    Cela est possible si vous incluez les composantes de www/lib/- Ce répertoire contient le noyau du ioniques(ioniques cadre + angularjs) et vous pouvez passer à partir de là.

    Cependant, il est important de noter que les ionique a été construit sur angularjs, en particulier avec les mobiles dans l'esprit. Pour obtenir de meilleurs résultats pour le développement d'applications web, vous devez envisager d'utiliser de base angularjs(pour la fonctionnalité) et bootstrap3 (pour l'INTERFACE utilisateur).

    • Malheureusement soutien pour Bootstrap 3 et AngularJS 1.3 n'est pas optimal actuellement (Décembre 2014). Il y a au moins 2 projets d'habillage de Bootstrap pour AngularJS: Bootstrap UI n'a pas de support officiel pour AngularJS 1.3 et AngularStrap les coutures à avoir de moins en moins "officiel" l'appui du Angulaire de l'équipe. Je ne sais pas lequel des deux je devrais choisir. Bien sûr, la plupart de Bootstrap peut être utilisé sans JavaScript donc c'est un gros gain à utiliser ce génial framework CSS.
    • Si il n'y a pas de support officiel, Anguar est utilisé pour la logique, tandis que le bootstrap est utilisé pour la conception. J'ai utilisé à la fois dans plusieurs projets. Il n'est pas nécessaire de servir bootstrap js par angulars l'injection de dépendance. Garder les fichiers d'amorçage dans un des "médias" du dossier et de la charge une fois de temps en base.html modèle (qui s'étend à tous les modèles) et il n'y aura absolument pas de problèmes.
    • J'utilise angulaires-bootstrap qui est tout à fait compatible et fonctionne bien. angular-ui.github.io/bootstrap
    • Pour AngularJS et bootstrap simplement utiliser le bootstrap.css et ensuite angulaire de l'INTERFACE utilisateur, il fonctionne de manière transparente - Pour plus de clarté NE PAS utiliser de bootstrap.js angulaire
    • c'est possible de faire garder les affaires de connexion en commun (comme dans la commune Angulaire de services) et de l'utilisateur Ionique sur mobile, mais Bootstrap pour le web?
    InformationsquelleAutor Orane
  2. 13

    V2

    Ionique prend désormais en charge PWA(applications web) et le support de bureau est venue trop tôt

    Ionic build browser

    V1

    Ionique peut être utilisé pour le développement web. Si vous avez besoin web dev arrêter ici. Mais si vous voulez que votre application & web pour servir à partir de la même base de code lire

    Étape 1

    Créer une copie de index.html à l'intérieur de fusions/navigateur/(fusion est au niveau de la racine j'.e myApp)
    inclure 

    <script>
    var is_browser = true
</script>

    &

    <body ng-app="myApp" class="platform-website">

    Étape 2

    Supprimer les fichiers js comme cordova.js à partir de index.html

    Étape 3

    ajouter dans app.js

    var is_app = (typeof is_browser === 'undefined' && !ionic.Platform.is('browser')
              && ionic.Platform.isWebView());

    Maintenant utiliser les css afficher/masquer ou angulaire afficher/masquer à l'aide de ces

    InformationsquelleAutor aWebDeveloper
  3. 6

    Alors que je ne crois pas qu'il existe beaucoup de soutien pour rien, mais hybride web apps dans Ionique, vous pouvez consulter Mobile Angulaire de l'INTERFACE utilisateur pour un très similaire de remplacement avec support pour le web mobile.

    InformationsquelleAutor user456584
  4. 4

    Orane est droit.

    Lorsque Vous "nœud app.js" votre application s'exécute sur un serveur. Nous avons besoin de fournir ce serveur avec tous les fichiers que nous voulons. Avec Ionique Application, c'est essentiellement www dossier. Dans l'exemple suivant j'ai mis tout le contenu de www dossier à mon public dossier.

    Mon dossier racine a app.js fichier et public dossier. C'est comment app.js ressemble:

    var express = require('express');
var app = express();
var server = require('http').createServer(app);

app.get('/', function (request, response) {
    response.sendFile(__dirname + "/public/index.html");
});
app.use(express.static(__dirname, 'public'));

    Dans public dossier que j'ai tous les frontend css et js. Nous avons inclus l'ensemble du dossier public dans le code ci-dessus. Maintenant index.html de public Vous devez inclure les fichiers avec public/, comme ceci:

    <script src="public/lalala.js"></script>

    Tout le meilleur, quelqu'un, n'hésitez pas à demander quoi que ce soit à propos de Node.js+Ionique Cadre

    InformationsquelleAutor markkillah
  5. 1

    En fonction de la complexité de l'application, elle est tout à fait possible d'utiliser les Ionique Cadre régulier des applications web!

    Lorsque vous créez votre application il y a un /www dossier qui contient tous vos fichiers HTML, JS et CSS. C'est le front-end pour votre application web.

    La plupart des applications web sont de simples interfaces d'accès aux données avec seulement un peu de logique entre les deux. Dans la plupart des cas, vous pouvez mettre de la logique dans votre JS et de laisser les clients à gérer la charge de travail.

    Données peuvent être traitées par un Backend-as-a-Service (BaaS) solution comme Firebase ou Analyser. J'aime Firebase parce qu'il correspond parfaitement à Angulaires et Ionique.

    Si vous avez besoin de se connecter à des services qui nécessitent le secret, comme les paiements par carte de crédit, vous pouvez le brancher à un service comme Zapier.

    Pour l'hébergement il y a un certain nombre de statique app hébergeurs qui ont surgi en place spécifiquement pour les sans serveur d'applications. Je préfère divshot même si elles ne semblent pas être activement pousser de nouvelles fonctionnalités plus.

    Les solutions que j'ai exposées ici vous aidera à maintenir la cohérence entre les plates-formes qui rend Ionique grande!

    InformationsquelleAutor leetheguy
  6. 0

    Notre choix pour les applications mobiles, c'est l'ionic framework, cependant pour les applications web front-end n'est pas dans l'ionic framework.

    Par exemple, nous faisons de l'application web de la partie dans le plus pur Angulaire ou Kendo UI Angulaire AngularJS de l'INTERFACE utilisateur.

    Il est plus efficace lorsque la même équipe peut être productif sur les deux plateformes (mobile et web).

    Espère que cela aide.

    InformationsquelleAutor ivan