Comment créer des applications mobiles et Web avec une base de code commune

Dans ce webinaire, découvrez comment réutiliser vos compétences Web et angulaires – et votre code – pour créer des applications mobiles et vous connecter à des services tels que Salesforce plus rapidement que jamais.

J'ai récemment assisté à un webinaire Progress et appris de nouvelles techniques rapidement. créer des applications mobiles connectées au cloud. Pendant le webinaire, « Le moyen le plus rapide de créer des applications mobiles avec des données en nuage », les hôtes ont créé une application Web et mobile connectée à Salesforce en moins d'une heure. Ils ont utilisé le cadre angulaire, NativeScript et Kinvey . Permettez-moi de vous expliquer chaque technologie utilisée:

1. Cadre angulaire

   Angular est un cadre JavaScript très populaire car il prend en charge les fonctionnalités suivantes:

   1. Multiplate-forme (fonctionne sur le Web, les appareils mobiles et les ordinateurs de bureau) [19659006] Performances (l'injection de dépendances permet le traitement en parallèle de composants)
   2. Productivité (le code est facile à réutiliser, à lire et à gérer)
2. NativeScript

   Fonctionne avec Angular pour développer des applications dans n'importe quel environnement disposant du même code. [19659005] Très bonnes performances car il utilise des fonctionnalités véritablement natives.

3. Le même CSS peut être utilisé sur plusieurs plates-formes
4. Accès 100% API pour Android et iOS
5. Partage de code: vous pouvez partager la plupart de votre code de manière transparente entre trois plates-formes (Android, iOS et l'application Web Angular). Le modèle et le contrôleur peuvent être partagés entre les trois plates-formes, seule la vue étant changée.

Kinvey fournit également les services suivants:

1. Le kit de développement logiciel (SDK) client fournit abstraction, authentification, prise en charge hors connexion, cryptage
2. Identity connect (couche d’authentification pour la connexion à des systèmes d’identité mobiles tels que LDAP) [19659021] Notifications push
3. Logique commerciale
4. Magasin de données et magasin de fichiers: nous pouvons stocker des données et des fichiers dans le nuage
5. Si nous sommes déjà installés avec un serveur SQL, un point de terminaison REST, SAP, Sharepoint ou, nous pouvons intégrer les dans notre application sans écrire de code.
   Pour les autres bases de données: l'intégration de code faible est disponible.

Avant le webinaire, j'aurais pensé que les applications Web et les applications mobiles avaient des bases de code complètement différentes t J'ai appris qu'en utilisant l'interface de ligne de commande angulaire et la création d'une nouvelle application à l'aide de schémas NativeScript, différents environnements peuvent partager la même base de code. Par exemple, si vous êtes habitué à développer des applications Web à l'aide d'Angular, il vous suffit de créer une vue spécifique pour mobile pour la créer très facilement.

Un aspect qui m'a paru intéressant est que, en réutilisant le code de composants et de services de notre Modèle MVC, nous pouvons économiser sur les coûts car nous n'aurons pas à engager différents développeurs pour iOS, Android et les applications Web.

Dans la première partie du webinaire, les hôtes se concentrent sur le développement d'une application Web angulaire utilisant Kinvey comme backend. un service. Les éléments suivants sont couverts pour l'application Web:

1. Pour obtenir les données à partir de Salesforce, un nouvel objet de service est créé à l'aide de Kinvey, ce qui nous permet d'extraire des données de Salesforce.
2. Maintenant, une fois le backend configuré, L'application angulaire est créée avec des schémas NativeScript.
       

   Command: ng new --collection = @ nativescript / schematics --shared

       

3. Des composants, des services et des gardes sont créés pour l'application.
       

   Commandes:

   ng g c ng g s ng g garde

       

4. Une fois le service Angular créé, vous pouvez vous connecter au service principal de Kinvey pour obtenir les données.
5. Pour afficher ces données à l’utilisateur, la grille de Kendo UI est utilisée. Les graphiques de Kendo UI sont utilisés pour afficher les statistiques.

La deuxième partie du webinaire explique également comment utiliser la même application Web pour une application mobile. La seule chose à ajouter est la vue spécifique au mobile, car les applications mobiles utilisent des fonctionnalités natives Android ou iOS. Nous pouvons partager le code des composants et des services.

Pour séparer les vues Web et mobile, il existe deux fichiers HTML dans chaque composant, un pour le Web ( .component.html) et un pour le mobile (. .component.tns.html).

En outre, le webinaire explique comment utiliser facilement les fonctionnalités natives d'Android et iOS, comme utiliser l'appareil photo ou l'enregistrement audio en ajoutant simplement les plugins dans l'application.

Ce webinaire explique comment utiliser facilement les données en nuage pour créer des applications pour les environnements Android, iOS et Web, en partageant l'essentiel de notre code entre eux. J'ai trouvé cela très intéressant car je suis un développeur Web et j'ai toujours voulu créer des applications mobiles. Je n'avais jamais pensé que créer une application mobile serait aussi simple. Si vous souhaitez améliorer le développement de votre application, consultez ce webinaire pour en savoir plus.

Regardez le webinaire