Aakash Chauhan partage son expérience avec sa première tâche en tant que stagiaire Progress: créer une application mobile en une semaine à l'aide de Kinvey, NativeScript et Salesforce.
J'ai rejoint Progress le mois dernier en tant que stagiaire. . Je travaille au bureau de Waltham, dans le Massachusetts, et le premier projet assigné le deuxième jour, après orientation, consistait à créer une application mobile en une semaine pour l'équipe de vente sur le terrain.
qui sonnait beaucoup. Je ne connaissais rien de Salesforce et je n’avais accès qu’à un canal Slack interne. J'ai ensuite vérifié mon CV pour voir pourquoi ils pensaient que je savais comment construire ceci.
Mes antécédents
- Maîtrise en informatique et sciences de l'information chez UMass
- 1 an d'expérience dans la création d'applications Web en JavaScript
- Aucune expérience avec Salesforce et Progress ID pour SSO
- Expérience limitée dans le déploiement d'applications sur une infrastructure cloud
J'ai été informé que je construirais sur Progress Kinvey une plate-forme haute productivité pour créer des applications. utiliser des systèmes existants avec moins de code. Je ne me suis jamais développé sur ce type de plate-forme et je ne sais pas si une semaine est réaliste.
Mon directeur m'a conseillé de partager ma véritable expérience de début de stage chez Progress, le bon et le mauvais. progrès sur les projets – l'un est une démo de notification Push et l'autre concerne la recherche de contacts à proximité dans votre application. Voici la procédure et quelques instructions pour ces projets.
Configuration de l'environnement
NativeScript (infrastructure multiplate-forme créée par Progress pour les développeurs JavaScript):
- Vous devez d'abord installer Node.js pour utiliser NativeScript. .
- La CLI de NativeScript est un package de noeud. Vous devez donc installer npm [node package manager] avec le code:
npm install -g nativescript - Vous pouvez ensuite installer un émulateur Android et Android Studio ou / et XCode / iOS configuré selon les exigences des utilisateurs.
Remarque: Si vous rencontrez une erreur lors de l'installation de la CLI NativeScript sur macOS, je vous recommande d'utiliser Homebrew pour simplifier le processus d'installation. Consultez le Homebrew Setup pour plus d'informations.
Progress Kinvey :
Si vous souhaitez utiliser une plate-forme à code faible pour l'application telle que Progress Kinvey, vous devez la définir comme suit.
- Vous pouvez enregistrer / signer Si vous ne l'avez pas encore fait, vous pouvez accéder à votre compte avec Kinvey
- Pour créer une nouvelle application, cliquez sur le bouton vert en haut à droite pour ajouter une application. Après avoir cliqué sur ce bouton, vous verrez la boîte de dialogue suivante:
![Kinvey Ajouter une application "title =" Kinvey Ajouter une application "/> </li>
<li> Lorsque vous cliquez sur le bouton Créer une application, la page redirige vers le tableau de bord de votre application.Vous pouvez trouver différents onglets tels qu'identité, données, logique métier, etc. sur votre console d'application.On peut utiliser cela en fonction de ce qu'ils construisent. </li>
<li> Les utilisateurs doivent le configurer en ajoutant l'extrait suivant à votre projet. ] import {Kinvey} de </code><code style=](https://i0.wp.com/blog.arcoptimizer.com/wp-content/uploads/2018/08/mon-experience-de-code-appdev-faible-en-cours.png?w=660&ssl=1)
Kinvey.init ({appKey:"Your_appKey"appSecret:"Your_secretKey"});
Une fois ces étapes terminées, vous êtes tous prêts pour le développement.
Tutoriel 1: Notification Push
J'ai créé une application de démonstration pour la notification Push, car les notifications Push sont aujourd'hui le meilleur moyen de communiquer avec les utilisateurs. de votre application et de la meilleure stratégie pour retenir les utilisateurs sur l'application.
Pour créer un nouveau projet, utilisez “tns create MyApp –ng”. Il créera une nouvelle application nommée MyApp avec un modèle Angular & TypeScript. Alternativement, vous pouvez utiliser NativeScript Sidekick pour faciliter le processus.
Voici une image de NativeScript Sidekick:
![NativeScript Sidekick "title =" NativeScript Sidekick "/> </p>
<p> Once Cette application est créée et vous pouvez utiliser tous les éditeurs que vous souhaitez utiliser.Je me sers de Visual Studio Code car il est léger, rapide et facile à utiliser. </p>
<p> Suivez ces étapes pour faire fonctionner la notification push pour votre application Android: ] Pour la notification push Android, cela fonctionne avec la messagerie cloud firebase. J'ai donc d'abord enregistré mon application dans la console firebase. Après votre inscription, vous aurez votre clé serveur et votre identifiant expéditeur dans la console firebase. </p>
<p> Vous devrez utiliser ces clés pour configurer les connexions push sur votre console Kinvey.Une fois terminé, vous devrez enregistrer votre application dans votre application, sinon vous ne pourrez pas voir les notifications push sur votre appareil. </p>
<p> Utilisez les extraits suivants pour inscrivez-vous pour pousser dans votre application: [19659045] import {Push} depuis </code><code style=](https://i0.wp.com/blog.arcoptimizer.com/wp-content/uploads/2018/08/1535731597_209_mon-experience-de-code-appdev-faible-en-cours.png?w=660&ssl=1)
const promise = Push.register ({
] Android: {
expéditeurID: 'Your_sender_ID'
]},
ios: {
alerte: true [19659029]
badge: true
true
[194590] 27] })
.then ((deviceToken: string) => {19459018]
// ...
)
. catch ((erreur: erreur) => {19459018]
// ...
)
Push.onNotification ((données: toutes) => {19459018]
[19659093]
// ...
)
}
Remarque: N'oubliez pas d'ajouter un utilisateur pour votre application, car vous devez toujours être connecté pour pouvoir envoyer notifications push à votre appareil.
À des fins de test, vous pouvez essayer d'envoyer des messages de deux manières:
- Dans la console firebase, appuyez sur Grow -> Cloud Messaging, puis sur Send Message.
- Avec la console Kinvey vous pouvez cliquer sur pousser et taper n'importe quel message, puis appuyer sur envoyer pour voir ce message sur votre appareil. Voici la capture d'écran de cette expérience:
- Configurez maintenant Salesforce dans votre catalogue de services et fournissez à l'hôte « https://login.salesforce.com », authentifiez-le via Compte de service et écrivez votre identifiant Salesforce. Notez que dans le champ mot de passe, vous devez écrire [password+salesforceToken] sous la forme d'une chaîne droite sans la [+] dans cette chaîne. Après cela, ajoutez manuellement des objets de service ou découvrez-les en les sélectionnant. En cas de doute, sélectionnez les objets à découvrir et créez les objets que vous souhaitez utiliser dans votre application. Vous pouvez ajouter ou supprimer des objets à tout moment. Une fois votre collection définie sur votre compte Salesforce, vous pouvez tester votre configuration de collecte en envoyant une demande d'API depuis la «console API» à votre collection. Vous obtiendrez un résultat au format JSON selon vos objets.
Comme vous pouvez le voir ci-dessous, voici la liste de contacts Salesforce de mon compte:
const subscription = this .dataStore.find ()
.subscribe (data => {
this .contactList = data;
}, (error) => {
alerte (erreur)
}, () => {
[19659077] // ...
). catch ((e) => {
] alerte (e)
})
Ci-dessus, contactList est le nom de ma liste de tableaux.
Vous devriez maintenant pouvoir voir tous vos contacts dans la page d'accueil de votre application. J'ai créé un autre module pour afficher les contacts filtrés. Après avoir cliqué sur le bouton de la page d’accueil, il vous redirigera vers la deuxième page où j’utilise une vue carte pour afficher le nom, le numéro de téléphone et l’adresse e-mail d’un contact.
J'ai utilisé cette URL: « https://maps.googleapis.com/maps/api/geocode/json?address=345ShorelinePark&key=YOUR_KEY » pour connaître la latitude et la longitude des utilisateurs quant à leur emplacement. [19659003] Vous aurez également besoin de votre position actuelle pour calculer la distance entre deux points. Vous pouvez obtenir votre emplacement actuel avec le code ci-dessous:
var location = getCurrentLocation ({desireAccuracy: 3, updateDistance: 10, maximumAge: 20000, timeout: 20000}).
alors ( fonction (loc) {
si (loc) { ]
console.log ( "L'emplacement actuel est:" + loc);
[19659085] }
}, function (e) {
] console.log ( "Erreur:" + e.message);
);
Maintenant que vous avez les coordonnées de votre position actuelle et les coordonnées de chaque contact, vous devriez être en mesure de trouver la distance entre l’utilisateur actuel et ses contacts. L'étape suivante consiste à les filtrer par la distance.
Pour obtenir la distance, vous pouvez appliquer cet exemple de code:
calculateDistance (lat1: number, lat2: number, long1: number, long2: number) {
soit p = 0,017453292519943295; // Math.PI / 180
let c = Math.cos;
Soit a = 0,5 - c ((lat1-lat2) * p) / 2 + c (lat2 * p) * c ((lat1) * p) * (1 - c ((long1-long2) * p ))) / 2;
let dis = (12742 * Math.asin (Math.sqrt (a))); // 2 * R; R = 6371 km
retour dis;
[19659195]}
Et avec cela, vous pouvez facilement développer une application avec l'intégration NativeScript-Kinvey. Vous trouverez ci-dessous des captures d'écran des deux pages que nous venons de créer.
, tout en facilitant l'utilisation de Salesforce CRM pour les développeurs JavaScript. Il fait de même pour les autres systèmes, ce qui rend la plate-forme facile à utiliser et puissante une fois que vous avez commencé.
Et les développeurs Progress Kinvey améliorent toujours les fonctionnalités telles que la gestion des données hors connexion, les API plus efficace. Lorsque je trouve des problèmes, je consulte d’autres collègues et les signale comme un bogue sur le canal des développeurs, où ils sont traités rapidement. Donc, même si je suis nouveau, j'ai déjà appris beaucoup de choses ici chez Progress et je comprends maintenant comment leur approche de code réduit aide les développeurs d'applications comme moi à être plus productifs.
Vous pouvez trouver mon code sur GitHub ici. ] Cliquez ci-dessous pour essayer la même édition développeur de Kinvey que celle que j'ai utilisée - elle est gratuite pour toujours.
Source link