Webservice WCF et Javascript

Bonjour à tous,

J'ai besoin d'aide pour configurer un service WCF afin de pouvoir y accéder via une simple page HTML qui se trouve sur mon disque. Dans cette page j'aurais une ou plusieurs fonctions javascript qui se connecterait au WebService en question via un objet XmlHttpRequest.

Je ne veux pas faire d'ASP puisque le but est que la page HTML puisse se situer sur un environnement quelconque. Pas de JQuery non plus, car mon script doit être autonome. Pour l'instant je fais mes tests en local et rien ne fonctionne.

- Quelles sont les technologies à utiliser?
- Connaissez-vous un tutoriel, éventuellement avec les sources?

Merci d'avance.

Sébastien

J'ai réalisé une WebApplication HTML5 qui consomme des WebServices WCF (REST) en retournant un Flux JSON.

La configuration WCF est la suivante :

Code:

---

1 2 3 4 5 6 7 8 9 10

<behaviors> <endpointBehaviors> <behavior name="web"> <webHttp defaultOutgoingResponseFormat="Json" /> <!-- Important pour communiquer avec une WebApp --> </behavior> </behaviors> <service behaviorConfiguration="ServiceBehaviour" name="Name"> <endpoint address="" behaviorConfiguration="web" binding="webHttpBinding" contract="IContrat" /> </service>

---

Si tu souhaites communiqué en XML modifie defaultOutgoingResponseFormat="XML".

Pour plus d'information sur le balise webHttp

Merci!

Et du côté javascript tu fais comment?

Moi j'ai ceci:

Code:

---

1 2 3 4 5

var xhr = new XMLHttpRequest(); xhr.open("GET", "http://localhost:5793/Service1.svc?wsdl", true); xhr.setRequestHeader("Content-type", "application/json"); xhr.send(null);

---

Tu ne dois pas mettre ?wsdl puisque c'est la description de ton service. Ce qui permet notamment de "proxyfié" ton service.

Plutôt quelques choses du style :

Code:

---

1 2	http://localhost:5793/Service1.svc/MaMethode

---

Ensuite au niveau de la déclaration de ton contrat de service, tu peux décorer ton service de la sorte :

Code:

---

1 2 3 4 5 6

[OperationContract] [WebInvoke(Method = "GET" , ResponseFormat = WebMessageFormat.Json , UriTemplate = "MaMethode/{id}")] int MaMethode(string id);

---

Ce qui permet de préciser la verbe HTTP d'appel de ta méthode (GET, POST... ), et de lui mettre un template d'uri si tu as des paramètres à envoyer.

Donc tu appelleras ton service :

Code:

---

1 2	http://localhost:5793/Service1.svc/MaMethode/1

---

Je t'avoue que je suis un peu dépassé. En fait c'est mon premier service WCF et qui plus est la première fois que j'essaie de faire communiquer une page HTML avec.

Là ou je bloque maintenant c'est dans la configuration du Web.Config. Je crois que j'ai retiré trop de choses.

Voici le code qu'il y a:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<?xml version="1.0"?> <configuration>   <system.web> <compilation debug="true" targetFramework="4.0" /> </system.web> <service behaviorConfiguration="ServiceBehaviour" name="Name"> <endpoint address="" behaviorConfiguration="web" binding="webHttpBinding" contract="IService1" /> </service> <system.serviceModel> <bindings> <webHttpBinding> <binding name="AjaxBinding"/> </webHttpBinding> </bindings> <client> </client> <behaviors> <endpointBehaviors> <behavior name="web"> <webHttp defaultOutgoingResponseFormat="Json" /> <!-- Important pour communiquer avec une WebApp --> </behavior> </endpointBehaviors> </behaviors> <serviceHostingEnvironment multipleSiteBindingsEnabled="true" /> </system.serviceModel> <system.webServer> <modules runAllManagedModulesForAllRequests="true"/> </system.webServer> </configuration>

---

Peux tu me confirmer ce fichier de config?

Merci d'avance

Citation:

---

Envoyé par FraktaL

Je t'avoue que je suis un peu dépassé.

---

Je pense que ce tuto te sera bien utile et ça explique plus en détails les 2 commentaires de thetchesk. :ccool:

Merci beaucoup. J'ai pris plaisir à lire ce tuto qui correspond parfaitement à mes besoins.

Je n'ai pas réussi à faire tout l'exemple, et j'aurais bien aimé avoir les sources. Malheureusement le lien est mort... :cry: