[TUTO MX Pro & 8 Pro] Utilisation des Webservices - InfographiK

AlexSmith · #1 (**permalink**) 24/01/2006, 13h29

Je ne sais pas si j ai le droit mais je vous colle un article que j ai réalisé pour mon école

(mais IL EST DE MOI J INSISTE

)

Webservices et Flash

Les Webservices sont des services applicatifs nés lors du dévelopement d'internet lorsqu'une certaine intéropérabilité était recherchée. L'intéropérabilité s'est faite par la standardisation du XML.

Depuis Flash Mx et l'apparition des composants de données qui permettent d'accéder à des données externes dynamiques, l'intégrité du composant WebServiceConnector ne s'est jamais aussi bien portée. Le composant WebServiceConnector permet d'accéder aux méthodes distantes présentées par un serveur à l'aide du protocole standard SOAP.

Les méthodes d'un webservices sont définies dans un fichier. Le fichier WSDL énumère les opérations, paramètres et résultats de notre webservice.

Les fichiers WSDL sont accessibles depuis une URL, Flash permet de visionner par introspection les opérations et le schéma de notre webservice en saisissant l'url du WSDL dans le panneau de services web ou dans l'inspecteur de composant, Flash analyse le fichier WSDL et génère le schéma.

Pour effectuer un appel à un webservice il faut utiliser le composant WebServiceConnector. Ce composant a les propriétés suivantes :
# WSDLURL : URL du fichier WSDL que l'on veut utiliser
# Operation : Nom de la méthode que l'on veut utiliser
# multipleSimultaneousAllowed : Pour lancer un appel même si le précédent n'est pas terminé
# suppressInvalidCalls : Si les paramètres sont invalides, on autorise l'appel.
# results : Les données qui proviennent du serveur
# params : Détermine les données qui seront envoyées au serveur.

Le composant possède les événements suivants :

* result : diffusé en cas de succès d'une opération d'appel.
* status : informe l'utilisateur de l'état de l'opération.
* send : Cet événement permet d'insérer du code destiné à modifier les paramètres avant l'appel

Le composant possède les méthodes suivantes :

* addEventListener : permet d'affecter un événement à un objet d'écoute.
* trigger : méthode qui effectue l'appel au webservice.

3.2 1ere Méthode : Utilisation du component Inspector

L'inspecteur de composant (Component Inspector en Anglais) est panneau qui permet de paramétrer les composants instanciés sur sa scène.

A l'aide de cette méthode la création d'une application devient d'une facilité déconcertante car elle permet de se libérer de toute connaissance en programmation car toutes les étapes se réalisent depuis l'inspecteur du composant WebServiceConnector (c'est ce que l'on appelle le bounding des composants). Vous trouverez ci-dessous une vidéo de démonstration pour ceux qui aimeraient bénéficiez d'une aide plus appronfondie.

Tout d'abord il faut créer sur notre scène les 4 composants qui composent notre application: 1 WebServiceConnector, 1 champ de type Text Area, 1 champs de type Text Input et 1 bouton. Nommez-les respectivement : wsc, réponse, question et bouton. A présent, cliquez sur votre WebServiceConnector et ouvrez l'inspecteur de composant: fenêtre->composants->Inspecteur de composant.

Voici ce que vous devriez obtenir:

L'inspecteur de composant est composé de 3 onglets: Paramètres, Liaison et Schéma.

* Paramètres : Pour configurer les paramètres statiques de votre composant
* Liaison : Pour lier les données de votre composant avec d'autres composants.
* Schéma : Pour afficher et paramètrer (coté client) le schéma de données de l'opération souhaitée.

Tout d'abord, saisissez l'adresse du webservice dans le champ WSDLURL, si votre ordinateur est connecté à internet et que le webservice est opérationnel, Flash analysera par introspéction le WSDL et générera le schéma du webservice, vous pourrez ainsi, en déroulant le menu opération, choisir l'opération désirée (dans notre cas il s'agit de l'opération nbinvits). A présent, vous pouvez à titre informatif jeter un oeil au schéma des données de cette opération en cliquant sur l'onglet "schéma".

Allez sur l'onglet "liaison", cliquez sur l'icone "+" et séléctionnez dans la fenêtre qui s'ouvre à vous le champ qui correspond au paramètre(s) envoyé(s) à votre webservice (dans notre cas il s'agit de Id:String). Une fois avoir cliqué sur OK, une nouvelle ligne apparaît dans votre inspecteur de composant, cliquez sur le champ "bound-to" et séléctionnez le champ auquel votre paramètre fait référence, dans notre exemple, il s'agit du composant TextInput nommé "question". Faites de même pour la réponse de votre Webservice et fermez votre inspecteur de composant.

Il ne nous reste plus qu'a définir une action sur le bouton. Cliquez sur ce dernier et ouvrez le panneau d'action (F9). Saisissez le code suivant :

ActionScript Code:

on(press){
 
     wsc.trigger();
 
}

La fonction trigger du composant WebServiceConnector de la classe Data Components, permet de déclencher un appel au Webservice.

A présent, votre application cliente est terminée. Il ne vous reste plus qu'a publier votre animation.

2ème méthode : Action Script

Nous allons réaliser exactement la même application que celle-réalisée avec la précédente méthode.

Tout d'abord, placez sur votre scène les 3 composants intéractifs nécessaires à votre application (à savoir que nous pourrions les créer en action script mais ce n'est pas le but de l'exemple), à savoir le bouton, le composant TextInput et le composant TextArea. Nommez ces composants de la même manière que dans la méthode précédente.

Ajouter un nouveau calque à votre scène et nommez le "Actions". Cliquez sur votre première image et ouvrez le panneau d'action (F9). Saisissez le code suivant :

ActionScript Code:

import mx.data.components.WebServiceConnector;
 
var res:Function = function (evt:Object) {
   reponse.text = evt.target.results;
};
 
function clicked(){
 wsc.params = &#91;question.text];
   wsc.trigger();
}
 
var wsc:WebServiceConnector = new WebServiceConnector();
wsc.addEventListener("result", res);
 
wsc.WSDLURL = "http://*******************?wsdll";
wsc.operation = "nbinvits";
bouton.addEventListener("click", clicked);

Il n'y a aucun composant WebServiceConnector sur notre scène. On importe donc tout d'abord la classe flash "WebServiceConnector", l'importation permet de pouvoir créer l'objet. On définit ensuite les fonctions de nos deux objets d'écoute. Le premier permet lorsque l'événement "result" à lieu d'afficher les données dans notre Text Area. Le second permet d'éxécuter un appel au webservice lorsqu'on clique sur le bouton. Il définit la propriété "params" à la valeur contenue dans le composant TextInput.

On crée un nouvel objet webserviceconnector de la classe webserviceconnector. Cet objet est nommé "wsc".

On utilise à présent la méthode addEventListener de notre objet "wsc" cet objet va affecter l'événement result à l'objet d'écoute res que l'on a définit plus tôt.

On définit les propriétés WSDLURL et operation de notre objet webservivceconnector. Pour terminer on utilise la métode addEventListener de notre objet "bouton" pour affecter l'événement "click" à un objet d'écoute qui éxécutera l'appel au webservice.

A présent notre deuxième méthode est réalisée. On peut donc publier notre animation.

LinkBacks (?) LinkBack to this Thread: http://www.infographik.fr/les-cours-avanc-s/8035-tuto-mx-pro-8-pro-utilisation-des-webservices.html
Envoyé par	For	Type	Date
webservices pieces jointes url - HooSeek - recherche Web	This thread	Refback	27/05/2008 18h21

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email