Guide pas-à-pas : créer un adaptateur d’application Web UII

Date de publication : novembre 2016

S’applique à : Dynamics 365 (online), Dynamics 365 (on-premises), Dynamics CRM 2013, Dynamics CRM 2015, Dynamics CRM 2016

Vous pouvez créer un adaptateur d'application Web si vous souhaitez améliorer et modifier les applications Web pour lesquelles vous ne disposez pas d'un accès au code source ou vous n'êtes pas autorisé à apporter des modifications à l'aide du code géré.Microsoft Dynamics 365 fournit un modèle Microsoft Visual Studio pour créer un adaptateur d'application Web. Le modèle fournit un code de base sous forme de commentaires pour vous aider à créer l’adaptateur d’application Web.

Dans ce guide pas-à-pas, vous allez créer une application Web externe appelée QsWebApplication et l’héberger dans le Unified Service Desk. Vous allez ensuite créer et configurer un adaptateur d’application Web appelé MyWebApplicationAdapter pour que l’application Web externe puisse interagir avec le Unified Service Desk. L’application Web a quatre étiquettes, respectivement pour le prénom, le nom, l’adresse et l’ID du client, et quatre zones de texte correspondantes pour afficher les valeurs du Unified Service Desk.

Contenu de la rubrique

Conditions préalables

Étape 1 : créer un exemple d’application Web

Étape 2 : configurer l’application Web dans Dynamics 365

Étape 3 : tester l’application Web

Étape 4 : créer l’adaptateur d’application Web

Étape 5 : configurer l’adaptateur d’application Web dans Dynamics 365

Étape 6 : tester l’adaptateur d’application Web

Conditions préalables

• Microsoft .NET Framework 4.5.2

• Application cliente Unified Service Desk ; requise pour tester le contrôle hébergé.

• Microsoft Visual Studio 2012, Visual Studio 2013 ou Visual Studio 2015

• Gestionnaire de package NuGet pour Visual Studio 2012, Visual Studio 2013, ou Visual Studio 2015

• Modèles de SDK de Microsoft Dynamics 365 pour Visual Studio qui contiennent le modèle de projet de contrôle hébergé UII. Vous pouvez l’obtenir de l’une des méthodes suivantes :

  • Téléchargez le modèle de Kit de développement logiciel (SDK) de CRM. Double-cliquez sur le fichier CRMSDKTemplates.vsix pour installer le modèle dans Visual Studio.

  • Téléchargez le package Kit de développement logiciel (SDK) de CRM. Accédez au dossier SDK\Templates. Double-cliquez sur le fichier CRMSDKTemplates.vsix pour installer le modèle dans Visual Studio.

Étape 1 : créer un exemple d’application Web

1. Téléchargez le package Kit de développement logiciel (SDK) UII (.exe)

2. Double-cliquez sur le fichier du package pour extraire le contenu.

3. Accédez au dossier <ExtractedFolder>\UII\SampleCode\UII\AIF\QsWebApplication et ouvrez le fichier Microsoft.Uii.QuickStarts.QsWebApplication.csproj dans Visual Studio.

4. Appuyez sur F5 ou choisissez Débogage > Démarrer le débogage pour héberger l’exemple d’application Web localement sur votre ordinateur. L'application sera hébergée dans https://localhost:2627/.

   

Étape 2 : configurer l’application Web dans Dynamics 365

1. Connectez-vous à Microsoft Dynamics 365.

2. Accédez à Paramètres > Unified Service Desk.

3. Choisissez Contrôles hébergés.

4. Sélectionnez Nouveau.

5. Dans la page Nouveau contrôle hébergé, spécifiez les valeurs suivantes.

   Champ	Valeur
   Nom	QsWebApplication
   Type de composant USD	Application hébergée CCA
   Application hébergée	Application Web hébergée
   Application globale	Activée
   Afficher le groupe	MainPanel
   Adaptateur	N'utiliser aucun adaptateur
   Application dynamique	Non
   Hébergement d'application	Utiliser SetParent
   URL	Spécifiez l’emplacement où votre application Web est hébergée. Dans ce cas, il s'agit de https://localhost:2627/

   

6. Choisissez Enregistrer.

Étape 3 : tester l’application Web

1. Vérifiez que l’exemple d’application Web que vous avez créé dans l’étape 1 est toujours en cours d’exécution.

2. Exécutez le client Unified Service Desk pour vous connecter à votre serveur Microsoft Dynamics 365.

3. Une fois connecté, vous verrez l’ Exemple d’application Web externe sur votre bureau.

4. Cliquez l’onglet Exemple d’application Web externe pour afficher votre application Web hébergée dans le Centre de services unifié.

Étape 4 : créer l’adaptateur d’application Web

1. Démarrez Microsoft Visual Studio et créez un projet.

2. Dans la boîte de dialogue Nouveau projet :

   1. Dans la liste des modèles installés sur la gauche, développez Visual C#, puis sélectionnez Modèles Dynamics 365 SDK > Unified Service Desk > Adaptateur d’application Web UII.

   2. Spécifiez le nom et l'emplacement du projet, puis cliquez sur OK pour créer un nouveau projet.

      

   3. Choisissez WebAppAdapter.cs et mettez à jour la définition de NotifyContextChange avec le code suivant pour remplir les champs de texte à partir des informations de contexte.Pour plus d'informations :NotifyContextChange

      public override bool NotifyContextChange(Context context)
              {
                  // Populating text fields from context information.
      
                  HTMLDocument htmlDoc = Browser.Document as HTMLDocument;
                  if (htmlDoc != null)
                  {
                      IHTMLElementCollection htmlElementCollection = htmlDoc.all;
                      IHTMLElement htmlFirstName = htmlElementCollection.item("txtFirstName", 0) as IHTMLElement;
                      htmlFirstName.setAttribute("value", context["firstname"], 0);
                      IHTMLElement htmlLastName = htmlElementCollection.item("txtLastName", 0) as IHTMLElement;
                      htmlLastName.setAttribute("value", context["lastname"], 0);
                      IHTMLElement htmlAddress = htmlElementCollection.item("txtAddress", 0) as IHTMLElement;
                      htmlAddress.setAttribute("value", context["address1_line1"], 0);
                      IHTMLElement htmlID = htmlElementCollection.item("txtID", 0) as IHTMLElement;
                      htmlID.setAttribute("value", context["CustomerID"], 0);
                  }
                  return base.NotifyContextChange(context);
              }
      

   4. Ajoutez le code suivant à la définition remplacée de DoAction pour mettre à jour l’application avec les valeurs du Unified Service Desk

      public override bool DoAction(HostedWebApplication.WebAction action, ref string data)
              {
                  Trace.WriteLine(string.Format("{0}>>>>> RECEIVED (WebAction) Action : {1} ", this.Name, action.Name));
      
                  // Check to see if the browser is working on something before allowing the system to do 'normal' behavior.
                  if (Browser.WebBrowser.ReadyState != tagREADYSTATE.READYSTATE_COMPLETE)
                  {
                      // Browser is not in a state to process this request,  Queue it for when the browser is ready to handle it. 
                      Trace.WriteLine(string.Format("{0}>>>>> Browser Busy,({2}) Queuing Action : {1} ", this.Name, action.Name, Browser.WebBrowser.ReadyState.ToString()));
                      qReqActionList.Enqueue(new BrowserActionData(action, data));
                      return false;
                  }
                Trace.WriteLine(string.Format("{0}>>>>>>>>>>> Action:Name={1} Action:Url={2} Action:Query={3} Action:Init={4}", this.Name, action.Name, action.Url, action.QueryString, action.Initialization));
      
                  // Get browser DOM and element collection.
                  // Create an XML Document to load the passed in data to.
                  HTMLDocument htmlDoc = Browser.Document as HTMLDocument;
                  IHTMLElementCollection htmlElementCollection = htmlDoc.all;
      
                  // Check action name for something we know how to process.
                  switch (action.Name)
                  {
                      case "UpdateFirstName":
                          IHTMLElement htmlFirstName = htmlElementCollection.item("txtFirstName", 0) as IHTMLElement;
                          htmlFirstName.setAttribute("value", data, 0);
                          break;
                      case "UpdateLastName":
                          IHTMLElement htmlLastName = htmlElementCollection.item("txtLastName", 0) as IHTMLElement;
                          htmlLastName.setAttribute("value", data, 0);
                          break;
                      case "UpdateAddress":
                          IHTMLElement htmlAddress = htmlElementCollection.item("txtAddress", 0) as IHTMLElement;
                          htmlAddress.setAttribute("value", data, 0);
                          break;
                      case "UpdateID":
                          IHTMLElement htmlID = htmlElementCollection.item("txtID", 0) as IHTMLElement;
                          htmlID.setAttribute("value", data, 0);
                          break;
                  }
                  return false;
              }
      

   5. Enregistrez votre projet, puis générez-le (Générer > Générer la solution). Lorsque le projet se génère correctement, un assembly (MyWebApplicationAdapter.dll) est généré dans le dossier \bin\debug de votre dossier de projets. Vous aurez besoin de cet assembly ultérieurement pour tester et utiliser votre adaptateur d’application Web.

Étape 5 : configurer l’adaptateur d’application Web dans Dynamics 365

1. Connectez-vous à Microsoft Dynamics 365.

2. Sur la barre de navigation, choisissez Microsoft Dynamics 365, puis sélectionnez Paramètres.

3. Choisissez Paramètres > Centre de services unifié > Contrôles hébergés.

4. Dans la liste des contrôles hébergés, sélectionnez le contrôle hébergé QsWebApplication.

   

5. Dans la section Configuration de l’adaptateur, spécifiez les valeurs suivantes.

   Champ	Valeur
   Adaptateur	Utiliser un adaptateur
   URI	MyWebApplicationAdapter
   Type	MyWebApplicationAdapter.WebAppAdapter

   

   Notes

   URI est le nom de votre assembly et Type est le nom de votre assembly (dll) suivi d'un point (.), puis du nom de la classe dans votre projet Visual Studio. Dans cet exemple, le nom de l’assembly est MyWebApplicationAdapter et le nom de la classe est WebAdapter, qui est le nom de classe par défaut lorsque vous créez un adaptateur d’application Web.

6. Choisissez Enregistrer pour enregistrer les modifications.

Étape 6 : tester l’adaptateur d’application Web

1. Copiez l’assembly contenant la définition de votre adaptateur d’application Web depuis le dossier de résultat du projet Visual Studio(<ProjectFolder>\bin\debug) vers le répertoire d’applications du Centre de services unifié. Dans ce cas, vous copierez le fichier MyWebApplicationAdapter.dll dans le répertoire c:\Program Files\Microsoft Dynamics CRM USD\USD.

2. Exécutez le client Unified Service Desk pour vous connecter à votre serveur Microsoft Dynamics 365.

3. Une fois connecté, vous verrez le bouton Exemple d’application Web externe sur votre bureau.

4. Choisissez Rechercher, puis Contacts et sélectionnez un contact. Dans ce cas, sélectionnez Patrick Sands.

   

5. Cliquez sur Exemple d’application Web externe. Le prénom, le nom, l’adresse et l’ID du client sont renseignés.

   

Voir aussi

Utiliser les adaptateurs UII pour interagir avec les applications externes et Web

Unified Service Desk 2.0

© 2017 Microsoft. Tous droits réservés. Copyright