Discussion :

[FraktaL]

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

[thetchesk]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FraktaL]

Merci!

Et du côté javascript tu fais comment?

Moi j'ai ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

[thetchesk]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FraktaL]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Invité]

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.