Introduction à Silverlight 1.1

Tout d'abord il vous faut créer une solution vide dans VS 2008.

Une fois la solution créée, il faut créer un projet de type Web Service dans la solution.

Dans le fichier Service1.asmx crée, remplacez la méthode HelloWorld par celle-ci

[WebMethod]
[System.Web.Script.Services.ScriptMethod(UseHttpGet=true)]
public string HelloWorld(string input)
{
    if (input == null) input = "Anonym";
    return "Hello World " + input;
}

Rajouter ceci dans le web.config (avant la balise <httpHandlers> par exemple)

<webServices>
    <protocols>
        <add name="HttpGet"/>
        <add name="HttpPost"/>
    </protocols>
</webServices>

Il doit désormais être possible d'appeler votre méthode en GET et lui donner une valeur.

Essayez : F5 et tapez dans le navigateur (remplacer le port par le vôtre)
http://localhost:50436/Service1.asmx/HelloWorld?input=Sky

Vous devriez obtenir une réponse de votre Web Service dans ce genre :

<?xml version="1.0" encoding="utf-8" ?> 
<string xmlns="http://tempuri.org/">Hello World Sky</string>

Une fois que vous avez ça, il ne nous reste plus qu'à développer notre application Silverlight.

Ajoutez donc un nouveau projet Silverlight à votre solution.

Rajoutez ceci dans la balise <Canvas> du fichier Page.xaml généré.

<TextBlock x:Name="helloWorld" Name="helloWorld"></TextBlock>

Ceci rajoute seulement un TextBlock (Label) dans votre canevas, il nous permettra d'afficher le résultat du Web Service.

Ensuite, ouvrez le fichier Page.xaml.cs et remplacez ceci :

public partial class Page : Canvas
{
    public void Page_Loaded(object o, EventArgs e)
    {
        // Required to initialize variables
        InitializeComponent();
    }
}

Par cela :

public partial class Page : Canvas
{
    // an BrowserHttpRequest for execute our HTTP Request
    private BrowserHttpWebRequest mRequest;

    public void Page_Loaded(object o, EventArgs e)
    {
        // Required to initialize variables
        InitializeComponent();

        try
        {
            // replace the port by yours
            mRequest = new BrowserHttpWebRequest(new Uri("http://localhost:50436/Service1.asmx/HelloWorld?input=Sky"));

            // Get the response to the request
            // You can call it asynchronously too
            HttpWebResponse response = (HttpWebResponse)mRequest.GetResponse();

            // Read response
            StreamReader responseReader = new StreamReader(response.GetResponseStream());
            // Read all the responde (ie : the XML text returned)
            string allResponse = responseReader.ReadToEnd();
            // We create en XML Reader with the XML text returned
            XmlReader xr = XmlReader.Create(new StringReader(allResponse));
            // Method return string so we search the string markup
            xr.ReadToFollowing("string");
            // Get following text node
            xr.Read();

            // we display the result in the TextBlock
            helloWorld.Text = xr.Value;

            // Close th XmlReader and the HTTP Request
            xr.Close();
            mRequest.Close();
        }
        catch (Exception ex)
        {
            // if error, we display the exception's message in the textblock
            helloWorld.Text = ex.Message;
        }
    }
}

Le code est commenté pour une meilleure compréhension.

Là on se dit, c'est bon ça fonctionne. Mais essayez donc.
Clic droit sur TestPage.html puis View in Browser.

Normalement vous vous retrouvez avec ce message dans le TextBlock
Cross domain calls are not supported by BrowserHttpWebRequest

Eh oui, votre projet Silverlight et votre Web Service ne sont pas exécutés sur le même serveur, enfin si, mais pas sur le même port.

Pour résoudre ça, il faut suivre cette méthode.

Clic droit sur votre Web Service puis clic sur Add Silverlight Link…, dans la fenêtre qui s'affiche, sélectionnez votre projet Silverlight puis OK.

Ceci rajoute une référence dans votre projet vers le projet Silverlight, il copie aussi le fichier Page.xaml (le code behind se trouvant dans la dll ajoutée en référence).

Une fois ceci fait, il vous faut copier TestPage.html, TestPage.html.js ainsi que Silverlight.js dans votre projet Web Service. Vous pouvez les supprimer de votre projet Silverlight après ça.

Maintenant réessayez (clic droit sur TestPage.html dans votre projet Web Service, puis View in Browser).

Et voilà.

Passons maintenant à la partie 2, qui va vous montrer comment utiliser un Web Service pleinement et facilement avec Silverlight.

Pour cette partie, recréez une solution vide dans VS 2008, ainsi qu'un Web Service dans cette solution.

À la différence de l'autre partie, il faut dé commenter une ligne, afin de permettre l'appel de notre Web Service par notre application Silverlight.

// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
//[System.Web.Script.Services.ScriptService]

Devient donc tout simplement :

// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
[System.Web.Script.Services.ScriptService]

Ensuite créez votre projet Silverlight, rajoutez également un TextBlock dans le Canvas de votre Page.xaml.

<TextBlock x:Name="helloWorld" Name="helloWorld"></TextBlock>

Maintenant nous allons créer un proxy pour accéder à notre Web Service via notre application Silverlight, et ceux d'une façon simple.

Pour cela, deux méthodes s'offrent à vous.

La première à l'aide d'un outil en ligne de commande
Pour ce faire, ouvrez une console Visual Studio et tapez :
slwsdl.exe /silverlightClient http://localhost:50569/Service1.asmx

Avant de faire ça, lancez votre projet Web Service pour qu'un serveur de développement soit lancé, remplacez ensuite le port par le vôtre.

Cette commande crée un fichier : Service1.cs dans le répertoire à partir duquel vous avez lancé la commande.

Allez le récupérer et ajoutez-le à votre projet Silverlight.

La seconde méthode est d'utiliser Visual Studio.
Faites clic droit sur votre projet Silverlight puis Add Web Reference.
Dans URL vous tapez :
http://localhost:50569/Service1.asmx
Puis vous cliquez sur Add Reference

C'est tout.

Une fois l'une des deux méthodes effectuées, vous pouvez utiliser votre Web Service comme une simple classe dans votre projet Silverlight.

Ouvrez le fichier Page.xaml.cs et comme tout à l'heure remplacez ceci :

public partial class Page : Canvas
{
    public void Page_Loaded(object o, EventArgs e)
    {
        // Required to initialize variables
        InitializeComponent();
    }
}

Par ça :

public partial class Page : Canvas
{
    Service1.Service1 mService;

    public void Page_Loaded(object o, EventArgs e)
    {
        // Required to initialize variables
        InitializeComponent();

        // we instanciate our proxy
        mService = new Service1.Service1();

        // we call our method asynchronously
        // when the result will be available the event OnIHaveMyResponse will be called
        IAsyncResult iar = mService.BeginHelloWorld(new AsyncCallback(OnIHaveMyResponse), mService);
    }

    public void OnIHaveMyResponse(IAsyncResult iar)
    {
        // the method is finish we get our result (which is a string)
        string res = ((Service1.Service1)iar.AsyncState).EndHelloWorld(iar);

        // we display it on our TextBlock
        helloWorld.Text = res;
    }
}

Comme tout à l'heure, il faut ajouter un lien vers notre projet Silverlight dans notre projet Web Service.

Clic droit sur notre Web Service puis Add Silverlight Link…, on choisit notre projet Silverlight puis OK.

On copie ensuite les fichiers TestPage.html, TestPage.html.js et Silverlight.js vers notre projet Web Service (on peut les supprimer ensuite de notre projet Silverlight).

C'est bon tout devrait fonctionner.

On essaye : Clic droit sur TestPage.html puis View in Brower.

Et voilà.