VT2020-NearbyComm-Demo - Revision history

Manon.Chaix1 at 09:32, 5 January 2021

2021-01-05T09:32:07Z

← Older revision		Revision as of 09:32, 5 January 2021
Line 1:		Line 1:
	Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat		Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat

	Vidéo montrant l'application : https://drive.google.com/file/d/1CB_L_wKSVIk0AuYujakStH6UFhcHK8Te/view?usp=sharing		Vidéo montrant l'application : https://drive.google.com/file/d/1CB_L_wKSVIk0AuYujakStH6UFhcHK8Te/view?usp=sharing

Manon.Chaix1 at 09:31, 5 January 2021

2021-01-05T09:31:51Z

← Older revision		Revision as of 09:31, 5 January 2021
Line 1:		Line 1:
	Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat		Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat
	Vidéo montrant l'application :		Vidéo montrant l'application : https://drive.google.com/file/d/1CB_L_wKSVIk0AuYujakStH6UFhcHK8Te/view?usp=sharing

Manon.Chaix1: Replaced content with "Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat Vidéo montrant l'application :"

2020-12-14T15:52:20Z

Replaced content with "Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat Vidéo montrant l'application :"

← Older revision		Revision as of 15:52, 14 December 2020
Line 1:		Line 1:
			Lien git pour une application de Chat utilisant Nearby Messages API : https://github.com/ulternate/nearby-chat

			Vidéo montrant l'application :
	= Installation =

	== Installer Go ==

	Il faut tout d'abord installer l'environnement Go si vous ne l'avez pas déjà. Vous pouvez le télécharger [[https://golang.org/dl/go1.15.6.linux-amd64.tar.gz ici]].

	Ensuite il faut installer l'environnement, pour cela il faut :

	'''1. Extraire l'archive'''

	<syntaxhighlight lang="shell">
	tar -C /usr/local -xzf go1.15.6.linux-amd64.tar.gz
	</syntaxhighlight>

	'''2. Ajouter /usr/local/go/bin à votre variable d'environnement PATH'''

	<syntaxhighlight lang="shell">
	export PATH=$PATH:/usr/local/go/bin
	</syntaxhighlight>

	'''3. Vérifier l'installation'''
	<syntaxhighlight lang="shell">
	go version
	</syntaxhighlight>

	'''4. Récupérer le Flogo CLI'''
	<syntaxhighlight lang="shell">
	go get -u github.com/project-flogo/cli/...
	</syntaxhighlight>


	== Récupérer l'image Docker du Web UI ==

	<syntaxhighlight lang="shell">
	docker run -it -p 3303:3303 flogo/flogo-docker:latest eula-accept
	</syntaxhighlight>

	Si tout s'est bien passé vous pourrez lancer le Web UI à l'adresse [[http://localhost:3303 localhost:3303]]


	= Démonstration =

	Je vais dans la suite vous présenter la démonstration que j'ai faite durant ma présentation.


	== Créer l'application ==

	Dans cette fenêtre vous allez sélectionner '''New'''

	[[File:Create_app.png]]

	Vous pouvez nommer votre application comme vous le souhaitez.

	== Ajouter un flow ==

	Maintenant il faut ajouter un flow afin de gérer d'y ajouter des ''triggers'' et des ''actions''.

	V'''Bold text'''ous allez donc sélectionner votre application que vous avez crée et ensuite vous allez cliquer sur '''+ New action'''

	[[File:New_activity.png]]

	Dans la fenre suivante vous allez sélectionner ce qui vous souhaitez faire, ici on souhaite crée un flow donc on sélectionne '''Flow''' et on peut le nommer comme on veut.


	== Ajouter un trigger ==

	Pour faire fonctionner notre trigger, on va d'abord l'ajouter en cliquant sur le '''+''' tout à gauche :

	[[File:Add_trigger.png]]

	Ici vous allez sélectionner '''Receive HTTP Message'''.

	Vous devez ensuite paramétrer les '''Input''' et les '''Output'''.
	Pour cela vous allez dans la colonne Input Output et vous paramétrez de façon à avoir ceci :

	[[File:Input.png]] [[File:Output.png]]

	Vous pouvez ensuite sauvegarder.

	Maintenant vous allez retourner dans le trigger (à gauche). Ici vous allez paramétrer le port en '''9233''' par exemple, la méthode vous allez sélectionner '''GET''' et le path vous allez mettre '''/test/:prenom/:nom'''

	Vous allez ensuite dans l'onglet '''Map to flow inputs'''.
	Ici pour nom vous allez mettre '''$.pathParams.nom''' et pour le prenom vous allez mettre '''$.pathParams.prenom'''

	Nous pouvons maintenant passer à l'onglet '''Map from flow output'''.
	Ici on peut simplement mettre dans code '''$.code''' et dans data on peut mettre '''$.message'''.

	N'oubliez pas de sauvegarder et maintenant on peut retourner dans notre flow.


	== Ajouter les actions ==

	Ici cliquez sur le '''+''' à droite dans le flow : [[File:Add_action.png]]

	Sélectionnez tout simplement un '''Log''' dans la liste car en effet on souhaite juste affiche un message.

	Une fois ajoutée vous pouvez accéder aux paramètres de l'action :
	Dans message on va mettre
	<syntaxhighlight>
	string.concat("Salut ", $flow.prenom, " ", $flow.nom)
	</syntaxhighlight>

	On peut sauvegarder et revenir au flow.


	== Ajouter un return ==

	à droite de l'action que nous avons ajouté, on peut en ajouter une autre en cliquant sur '''+'''.

	Ici on va sélectionner '''Return''' dans la liste.

	On accède ensuite aux paramètres comme précédemment et ici dans code on va mettre '''200''' et dans message on va mettre :
	<syntaxhighlight>
	string.concat("Salut ", $flow.prenom, " ", $flow.nom)
	</syntaxhighlight>
	Comme précédemment.

	On peut sauvegarder et revenir dans le flow.


	== Build ==

	Notre application est prête ! On va maintenant la build.

	Pour cela on va revenir avec le '''<'''.
	Ici on peut voir le bouton '''Build'''. On le sélectionne et on choisit sur quel système on souhaite build.


	== Run ==

	Sur Linux, vous pouvez vous donner les droits d'exécution sur le fichier binaire qui vient d'être téléchargé.

	Une fois que c'est fait vous pouvez l'exécuter.

	Lancez l'application sur le port que vous avez choisi (9233 dans notre cas) :

	<syntaxhighlight lang="shell">
	http://localhost:9233/test/prenom/nom
	</syntaxhighlight>

	où vous remplacez les champs ''prenom'' et ''nom'' par ce que vous voulez.

Donsez: Donsez moved page VT2020-Nearby-Demo to VT2020-NearbyComm-Demo

2020-12-14T15:34:08Z

Donsez moved page VT2020-Nearby-Demo to VT2020-NearbyComm-Demo

← Older revision	Revision as of 15:34, 14 December 2020
(No difference)

Donsez: Donsez moved page VT2020-XXXXXX-Demo to VT2020-Nearby-Demo

2020-12-14T15:31:06Z

Donsez moved page VT2020-XXXXXX-Demo to VT2020-Nearby-Demo

← Older revision	Revision as of 15:31, 14 December 2020
(No difference)

William.Nelson at 14:05, 14 December 2020

2020-12-14T14:05:17Z

← Older revision		Revision as of 14:05, 14 December 2020
Line 24:		Line 24:
	go version		go version
	</syntaxhighlight>		</syntaxhighlight>

			'''4. Récupérer le Flogo CLI'''
			<syntaxhighlight lang="shell">
			go get -u github.com/project-flogo/cli/...
			</syntaxhighlight>


	== Récupérer l'image Docker du Web UI ==		== Récupérer l'image Docker du Web UI ==

William.Nelson at 13:26, 14 December 2020

2020-12-14T13:26:08Z

← Older revision		Revision as of 13:26, 14 December 2020
Line 39:		Line 39:


	= Créer l'application =		== Créer l'application ==

	Dans cette fenêtre vous allez sélectionner '''New'''		Dans cette fenêtre vous allez sélectionner '''New'''
Line 47:		Line 47:
	Vous pouvez nommer votre application comme vous le souhaitez.		Vous pouvez nommer votre application comme vous le souhaitez.

	= Ajouter un flow =		== Ajouter un flow ==

	Maintenant il faut ajouter un flow afin de gérer d'y ajouter des ''triggers'' et des ''actions''.		Maintenant il faut ajouter un flow afin de gérer d'y ajouter des ''triggers'' et des ''actions''.
Line 58:		Line 58:


	= Ajouter un trigger =		== Ajouter un trigger ==

	Pour faire fonctionner notre trigger, on va d'abord l'ajouter en cliquant sur le '''+''' tout à gauche :		Pour faire fonctionner notre trigger, on va d'abord l'ajouter en cliquant sur le '''+''' tout à gauche :
Line 84:		Line 84:


	= Ajouter les actions =		== Ajouter les actions ==

	Ici cliquez sur le '''+''' à droite dans le flow : [[File:Add_action.png]]		Ici cliquez sur le '''+''' à droite dans le flow : [[File:Add_action.png]]
Line 99:		Line 99:


	= Ajouter un return =		== Ajouter un return ==

	à droite de l'action que nous avons ajouté, on peut en ajouter une autre en cliquant sur '''+'''.		à droite de l'action que nous avons ajouté, on peut en ajouter une autre en cliquant sur '''+'''.
Line 114:		Line 114:


	= Build =		== Build ==

	Notre application est prête ! On va maintenant la build.		Notre application est prête ! On va maintenant la build.
Line 122:		Line 122:


	= Run =		== Run ==

	Sur Linux, vous pouvez vous donner les droits d'exécution sur le fichier binaire qui vient d'être téléchargé.		Sur Linux, vous pouvez vous donner les droits d'exécution sur le fichier binaire qui vient d'être téléchargé.

William.Nelson at 11:27, 14 December 2020

2020-12-14T11:27:51Z

@@ Line 32: / Line 32: @@
 Si tout s'est bien passé vous pourrez lancer le Web UI à l'adresse [[http://localhost:3303 localhost:3303]]
@@ Line 90: / Line 95: @@
 string.concat("Salut ", $flow.prenom, " ", $flow.nom)
 </syntaxhighlight>

William.Nelson at 11:15, 14 December 2020

2020-12-14T11:15:03Z

← Older revision		Revision as of 11:15, 14 December 2020
Line 87:		Line 87:
	Une fois ajoutée vous pouvez accéder aux paramètres de l'action :		Une fois ajoutée vous pouvez accéder aux paramètres de l'action :
	Dans message on va mettre		Dans message on va mettre
	<syntaxhighlight ~~lang="shell"~~>		<syntaxhighlight>
	string.concat("Salut ", $flow.prenom, " ", $flow.nom)		string.concat("Salut ", $flow.prenom, " ", $flow.nom)
	</syntaxhighlight>		</syntaxhighlight>

William.Nelson at 11:14, 14 December 2020

2020-12-14T11:14:43Z

← Older revision		Revision as of 11:14, 14 December 2020
Line 87:		Line 87:
	Une fois ajoutée vous pouvez accéder aux paramètres de l'action :		Une fois ajoutée vous pouvez accéder aux paramètres de l'action :
	Dans message on va mettre		Dans message on va mettre
	<syntaxhighlight lang="~~golang~~">		<syntaxhighlight lang="shell">
	string.concat("Salut ", $flow.prenom, " ", $flow.nom)		string.concat("Salut ", $flow.prenom, " ", $flow.nom)
	</syntaxhighlight>		</syntaxhighlight>