Applications multi platesformes avec Angular, Cordova, Angular et Electron

Applications multi platesformes avec Angular, Cordova, Angular et Electron

Les applications Web progressives sont à la mode: ce modèle d'application permet enfin aux applications Web de tirer parti de puissantes fonctionnalités qui étaient auparavant réservées aux applications natives. Cependant, toutes les fonctionnalités natives ne sont pas exposées en tant qu'API du navigateur et il faudra encore du temps avant que les PWA ne se retrouvent sur la plupart des périphériques. En attendant, Cordova et Electron sont là pour nous aider: ils transforment nos applications Web en packages d'applications natives qui peuvent être distribués sur des plates-formes mobiles telles qu'Android ou iOS et des plates-formes de bureau comme Windows, macOS et Linux.

Bien que la grande majorité de notre code source puisse être partagée sur toutes les plates-formes, il peut y en avoir une fraction très spécifique à la plate-forme. Merci à Angular, la gestion de ces différences de plate-forme est une tâche facile. Christian Liebel, de Thinktecture, crée des applications Angular avec Cordova et Electron sur la route des Progressive Web Apps. Je vous conseille de suivre son site ici http://christianliebel.com

Une question? Posez-la ici

Aide au développement d'applications 

Le vrai développement multi plateformes 

1 seul code, la possibilité d'utiliser à nouveau le code sur toutes les plates formes

Arriver à atteindre le plus grand nombre de périphériques possibles.

Quelle est la stack technologique?

Html5, css3, JS Javascript, Angular, Typescript 

PWA: progressive webs apps

Pour le marketing, il est important d'avoir une présence sur les stores, google store, ios store, microsoft store... Peu importe l'application, voici quelques fonctionnalités les plus demandées; Aussi minime que soit l'application, il faut etre présent pour que la marque inspire confiance. 

Tous les périphériques ne sont pas compatibles encore PWA.

Si on va sur le site "can i use" on voit que certains devices IOS ne supportent pas ce mode

Il  ya des soucis techniques pour ces PWA comment y repondre?

Le Pattern Uber

Les PWA doivent être responsive design

On doit pouvoir relier les applications entre elles

Cordova

Créer des applications natives avec Apache Cordova en utilisant la webview

Les applications peuvent communiquer avec les APIs natives

Electron

Navigateur chromium qui inclue la SPA, single page application

Angular

Grace à Cordova, Angular envoi les fichiers en .ipa .apk

Exemple d'application

Pour prendre des photos

avec le modile plugin cordova: cordova-plugins-camerad

Une question? Posez-la ici

Aide au développement d'applications

Comment gérer les différences entre les plates formes?

Avec Angular et ses injections c'est une chose très facilé à faire.

Le packager electron créee les binaires et les rend disponible pour toutes les platesformes.

Les PWA sont le modèle d'application du futur.  Mais il y a des limites, il faudra des années avant que ces progressive web apps arrivent.  Heureusement que l'on a des outils comme Cordova qui nous permettent de les créer. Cet outil parle aux APIs natives. Ensuite Electron fonctionne avec NodeJS: on peut utiliser des modules node pour  effectuer telle ou telle tache. Beaucoup d'applications sont créées avec Electron. 

Les tests unitaires peuvent être gérés par Karma . On peut décrire les tests avec Jasmine , Mocha , Qunit

Les tests end to end peuvent être réalisés avec Protractor 

Et en bonus, voici un lien vers le blog AngularJS expressions : https://www.guru99.com/angularjs-expressions.html

Ajouter un Commentaire