Comment convertir une application web Angular1 existante en une application Cordova?

comme dmahapatro dit votre meilleur pari pour obtenir votre application AngularJS empaqueté pour mobile est d'utiliser le cadre ionique. Cette migration serait assez simple. Ionique comprend un cadre D'UI, mais n'est pas du tout nécessaire, tout codage web fonctionnera parce que votre application est juste en cours d'exécution dans un cadre chrome. L'outil de ligne de commande ionique fait en fait toute la magie.

je commencerais par lancer une application ionique standard en utilisant la commande ionic start APPNAME. Ensuite, vous pouvez simplement mettre votre application dans le APPNAME / www directory. Puis modifiez votre index.html et ajouter cette balise script dans la tête. <script src="cordova.js"></script>

c'est tout ce Qui est vraiment nécessaire pour obtenir votre application construite pour mobile. Vous pouvez tester sur Android en exécutant ionic platform add android pour installer les dépendances pour Android, puis exécutez ionic run android (branchez votre android avec les pilotes installés ou un émulateur tournant comme Genymotion). Si vous voulez construire pour iOS vous aurez besoin D'avoir un Mac (eww...) mais il est tout aussi facile ionic platform add ios et puis exécutez ionic run ios pour tester sur Apple, bien qu'il y ait un peu plus de configuration je crois.

pour obtenir les avantages supplémentaires des directives Ionic et d'autres utilitaires utiles, vous pouvez ajouter la dépendance à votre module ionique principal comme ci-dessous. Remarque j'ai aussi ajouté ngCordova et je recommande fortement ceci pour obtenir une meilleure intégration de périphérique.

angular.module('APPNAME', ['ionic', 'ngCordova'])

.run(function($ionicPlatform, $cordovaSplashscreen) {
    $ionicPlatform.ready(function() {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if (window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        }
        if(window.navigator && window.navigator.splashscreen) {
            window.plugins.orientationLock.unlock();
        }
        if (window.StatusBar) {
            // org.apache.cordova.statusbar required
            StatusBar.styleDefault();
        }
        if (window.cordova){
            // Hide Splash Screen when App is Loaded
            $cordovaSplashscreen.hide();
        }
    });
});

tout dans l'ensemble vous êtes assez bien fixé puisque vous êtes déjà sur AngularJS qui est l'épine dorsale (jeu de mots prévu) de ionique. Vous pouvez rencontrer des problèmes spécifiques à l'appareil en ce qui concerne le style et autres, mais pour la plupart, il devrait tout simplement fonctionner. N'hésitez pas à m'envoyer un message à tout moment si vous voulez plus d'aide avec Ionic ou AngularJS. Merci! ^_^