Une introduction à ASP.NET Mobile

Date de publication : 26/04/2005 , Date de mise a jour : 31/05/2005

Par Pascal Chapuis (ChapsandChips)
 

Cet article est une introduction à ASP.NET Mobile. La mise en oeuvre de cette nouvelle technologie est présentée. Le projet d'exemple "Météo" en Delphi .NET accompagne cette présentation.

1. ASP.NET un framework adapté aux Mobiles

2. Outils de développement ASP.NET Mobile

Microsoft Visual Studio .NET: l'intégration avec le système est complète (web serveur, languages "#", filtre/adaptateur, émulateur) avec l'aide des services du kit Mobile Internet Designer (inclus dans MMIT). C'est actuellement l'outil le plus complet pour développer des applications ASP.NET Mobile. Microsoft Webmatrix : la version 0.6 inclut le support des langages C#, J# et Visual Basic ainsi que l'accès aux données SQL Serveur/MSDE/Access. Cet éditeur gratuit permet de développer des applications ASP.NET Mobile.

Borland Delphi .NET : avec la version Delphi 8.Net la création de form et de contrôle ASP.NET Mobile n'est pas proposée. La prise en charge du développement ASP.NET Mobile n'est pas complète. En conception visuelle, l'EDI Delphi ne reconnait pas les contrôles de type mobiles et produit une erreur. Cette erreur est liée à la partie conception visuelle. La compilation est néanmoins correcte.

3. Mobiles et Contraintes Web

3.1. Détection et redirection d'un client type "périphérique Mobiles"

La redirection vers une page en fonction d'un périphérique type (Desktop ou Mobiles) n'est pas intégrée au framework. Un site web comportant une partie accessible aux clients se connectant avec un périphérique mobile doit prendre ce besoin explicitement en charge dans le code. Le paramètre du fichier config.web "useFullyQualifiedRedirectUrl" par défaut à true est nécessaire pour certains Mobiles.

Exemple de code standard inclu dans la page par défaut du site et permettant de faire cette redirection :
procedure TWebFormDefault.Page_Load(sender: System.Object; e: System.EventArgs);
begin
  if (Request.Browser['IsMobileDevice']= 'true' )  then Response.Redirect(DEFAULT_MOBILEINDEX)
  else Response.Redirect(DEFAULT_DESKTOPINDEX);
end;

3.2. Authentification

 En général l'authentification par formulaire est utilisée :
<authentication mode="Forms">
	<forms name=".ASPXAUTH" loginURL="logon.aspx" protection="All" timeout="60"/>
</authentication>

3.3. Session

exemple de configuration sans cookie avec un timeout de 10 minutes
<sessionState mode="InProc" cookieless="true" timeout="10"/>

stockage de session via le service "ASP.NET State service"
<sessionState mode="StateServer" stateConnectionString="tcpip=localhost:42424"
        cookieless="true" timeout="10"/>

3.4. ViewState

4. Mobiles Spécifiques et Contrôles ASP.NET Mobile

4.1. deviceFilters/filter

Exemple de la liste des filtres du projet Delphi Portal Starter Kit
<deviceFilters>
    <filter name="isJScript" compare="javascript" argument="true"/>
    <filter name="isPocketIE" compare="browser" argument="Pocket IE"/>
    <filter name="isHTML32" compare="preferredRenderingType" argument="html32"/>
</deviceFilters>

Extrait du source du contrôle Mobile 'Text.ascx' du projet Delphi Portal Starter Kit:
<mobile:panel id=summary runat="server">
 <mobile:devicespecific id=DeviceSpecific1 runat="server">
   <choice filter="isJScript">
    <contenttemplate>
      <aspnetportal:title runat="server"/>  
         <%#mobileSummary %>
            <asp:linkbutton id="LinkButton1" runat="server" 
               commandname="Details" text="(+)" visible="<%# mobileDetails != String.Empty %>">
            </asp:linkbutton>  
    </contenttemplate>
  </choice>
 </mobile:devicespecific>
</mobile:panel>

4.2. mobileControls/device

Liste des adaptateurs recensés du fichier web.config du projet Delphi Portal Starter Kit :
<mobileControls>

  <device name="PortalHtmlDeviceAdapters" inheritsFrom="HtmlDeviceAdapters">
    <control name="MobileControls.TabbedPanel,ASPNET.StarterKit.delphiPortal.PortalCSSDK"
      adapter="MobileControls.HtmlTabbedPanelAdapter,ASPNET.StarterKit.delphiPortal.PortalCSSDK"/>
    <control name="MobileControls.LinkCommand,ASPNET.StarterKit.delphiPortal.PortalCSSDK"
      adapter="MobileControls.HtmlLinkCommandAdapter,ASPNET.StarterKit.delphiPortal.PortalCSSDK"/>
  </device>

  <device name="PortalChtmlDeviceAdapters" inheritsFrom="ChtmlDeviceAdapters">
    <control name="MobileControls.TabbedPanel,ASPNET.StarterKit.delphiPortal.PortalCSSDK"
      adapter="MobileControls.ChtmlTabbedPanelAdapter,ASPNET.StarterKit.delphiPortal.PortalCSSDK"/>
  </device>

  <device name="PortalWmlDeviceAdapters" inheritsFrom="WmlDeviceAdapters">
    <control name="MobileControls.TabbedPanel,ASPNET.StarterKit.delphiPortal.PortalCSSDK" 
	  adapter="MobileControls.WmlTabbedPanelAdapter,ASPNET.StarterKit.delphiPortal.PortalCSSDK"/>
  </device>

</mobileControls>

5. Tests

5.1. Conditions de test

5.1. Outils de test

6. Exemple d'application ASP.NET Mobile : "Météo"

Choix d'une station	Météo pour la station

6.0. Téléchargement du projet Delphi .NET : "Météo"

6.1. Objectifs

6.2. Outils utilisés : .NET 1.1, Delphi 8 .NET, C#

Delphi 8 .NET est utilisé pour le développement de ce projet de démonstration. Il est à noter que Delphi 8 ne gère pas la conception visuelle des MobilePage : il n'est pas possible de visualiser la page créée dans l'onglet "conception" de cet EDI. A la première ouverture de la fiche, le programme indique une erreur de "paramètre incorrect". A la seconde tentative la fiche s'ouvre mais l'onglet "conception" est généralement vide. Ceci n'a aucune conséquence notable.

Le web service "GET_Weather.asmx" est développé en C#. Aucune modification n'a été apportée au code source original.

6.3. Web Service Météo et Client Proxy Soap Delphi

chaînage des requêtes vers le webservice GlobalWeather : proxy

Dans la définition du proxy client soap ('Web References\localhost\localhost.GET_Weather.pas') automatiquement créée par Delphi lors de l'importation, une ligne de code supplémentaire est nécessaire dans le constructeur :

Type
....
GET_Weather = class(System.Web.Services.Protocols.SoapHttpClientProtocol)
....
.... 

constructor GET_Weather.Create;
begin
  inherited Create;
  Self.Credentials:=System.Net.CredentialCache.DefaultCredentials; // ++
  Self.Url := 'http://localhost/meteows/GET_Weather.asmx';
end;

6.4. Installation et test de l'exemple

Test de l'application avec Microsoft Internet Explorer

6.5. Remarques

7. Conclusion

8. Références

• Le site officiel "ASP.NET" de Microsoft
• MSDN : Les contrôles ASP .NET Mobile
• MSDN : prise en charge d'un nouveau périphérique
• MSDN : mise à jour d'un nouveau device
• MSDN: état de session et ASP.NET
• BDN : Utiliser Delphi comme langage de script
• Microsoft Portal Starter Kit traduit pour Delphi (par l'auteur de cet article)