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
Une question? Posez-la ici
Aide au développement d'applications
Voilà, j'espère que ça vous a plu. Vos commentaires/remarques sont les bienvenus