Fermer

août 31, 2018

Mon expérience de code AppDev faible en cours


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 data-recalc-dims=
  • 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.
  • Les utilisateurs doivent le configurer en ajoutant l'extrait suivant à votre projet. ] import {Kinvey} de "kinvey-nativescript-sdk"

    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 data-recalc-dims=

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.

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.

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.

Utilisez les extraits suivants pour inscrivez-vous pour pousser dans votre application: [19659045] import {Push} depuis 'kinvey-nativescript-sdk / push'

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:

  1. Dans la console firebase, appuyez sur Grow -> Cloud Messaging, puis sur Send Message.
  2. 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:

     Message d'envoi du test Kinvey "title =" Message d'envoi du test Kinvey "/></p data-recalc-dims=

Si vous recevez 202 avec envoyé à un ou plusieurs périphériques, vous l'avez fait pour cette démo. De plus, vous pouvez le programmer ou programmer votre propre point de terminaison personnalisé via la Business Logic.

Didacticiel 2: Application Contacts à proximité

Cette application obtient essentiellement des contacts de la plate-forme d'entreprise du service client et affiche ces plus de fonctionnalités sont les utilisateurs qui peuvent également filtrer les contacts à la distance de leur emplacement actuel par rapport à l'emplacement des contacts. Ils peuvent donc trouver les détails de leurs contacts proches. J'ai construit cette application sur un appareil iOS.

construire une application comme celle-ci:

  • Les pré-requis pour ce développement sont un environnement NativeScript-Kinvey configuré, un utilisateur existant ou connecté pour l'authentification, une compréhension de base de Salesforce e Méthode HTTP GET.
  • Créez des contacts dans votre compte Salesforce sous un exemple de nom de compte si vous n'en avez pas déjà un. Vous devez écrire le nom, l'adresse électronique, le numéro de téléphone et l'adresse de chaque contact.
  • Accédez à Kinvey et configurez Mobile Identity Connect avec le service OAuth2. Assurez-vous d'avoir écrit « http://login.salesforce.com » dans le champ URI du fournisseur. Indiquez votre identifiant Salesforce et votre jeton secret dans ce MIC [mobile identity connects].
  • 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:

 Liste de contacts Salesforce "title =" Liste de contacts Salesforce "/ ></p data-recalc-dims=

Et voici la capture d'écran de la réponse à ma collection:  Ma collection "title =" Ma collection "/></p data-recalc-dims=

Vous pouvez l'obtenir en envoyant une requête API dans votre console API Kinvey. Ci-dessous, le contexte correspond au nom de la collection.

 Requête d'API Console Kinvey API "title =" Requête d'API Console d'API Kinvey "/></p data-recalc-dims=

Maintenant, dans la page d'accueil de votre projet être configuré dans cette vue de liste.Créez une liste de tableaux et un tableau pour obtenir toutes les données de Kinvey.

En supposant que vous avez initialisé Kinvey et que vous êtes connecté à votre compte, vous pouvez maintenant apporter toutes les données à Kinvey.DataStore.collection <> (“Your_Collection_Name”).

Pour obtenir toutes les données, écrivez ce qui suit dans votre projet:

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.

 Contacts par emplacement "title =" Contacts par emplacement "/> <img decoding= Progress Kinvey j'ai rapidement appris à créer des applications avec les compétences que j'ai déjà acquises à l'école et au début de mon travail.

, 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.

Premiers pas avec Kinvey




Source link

Revenir vers le haut