Erstellen eines einfachen Kommunikationswidgets

  • Artikel

In diesem Lernprogramm zeigen wir Ihnen, wie Sie ein einfaches Hello World! Kommunikations-Widget erstellen, das auf dem Dynamics 365 Channel Integration Framework gehostet werden kann.

Voraussetzungen

  • Visual Studio 2017.
  • Ein gültiges Microsoft Azure Abonnement ist erforderlich, um die Beispiel-App in Azure zu veröffentlichen.

Notiz

Wenn Sie kein Azure-Abonnement haben, können Sie ein kostenloses Konto starten.

Erstellen Sie eine einfache Hello World! Anwendung

  1. Öffnen Sie Visual Studio 2017 und wählen Sie Datei>Neu>Projekt aus, um ein neues Projekt zu erstellen.

  2. Wählen Sie die Vorlage ASP.NET Webanwendung (.NET Framework) für das Projekt aus, und fügen Sie beliebigen Namen hinzu.

Wählen Sie ASP.NET-Webanwendung (.NET Framework) aus.

  1. Wählen Sie die Vorlage MVC für die Anwendung aus, und überprüfen Sie, ob die Authentifizierung auf Keine Authentifizierung festgelegt ist.

    MVC-Vorlage für Ihre Anwendung auswählen.

    Sie können jede andere Vorlage für die ASP.NET Anwendung auswählen.

  2. Zeigen Sie jetzt die Dateien im Lösungs-Explorer an. Erweitern Sie Ansichten>Startseite und öffnen Sie die Datei Index.cshtml.

    Öffnen Sie die Datei Index.cshtml aus dem Lösungsexplorer.

  3. Ersetzen Sie den HTML-Code in der Datei Index.cshtml durch den folgenden Code:

<!DOCTYPE html>
<html>
<body>
  <br /><br />
  <p>Hello World!</p>
</body>
</html>

  1. Führen Sie diese HTML-Datei mithilfe von Microsoft Edge oder Google Chrome aus, um zu testen und zu debuggen.

    Die Website muss so aussehen, wenn Sie sie in Ihrem Browser ausführen:

    App im Browser ausführen.

Veröffentlichen und Konfigurieren des Widgets

  1. Wenn Sie das Beispielwidget veröffentlichen möchten, das Sie soeben erstellt haben, befolgen Sie die Schritte unter Veröffentlichen Sie Beispiel-App in Azure. Sie sollten auch dieses Azure-Lernprogramm über die Erstellung und Veröffentlichung einer ASP.NET-Web-App in Azure lesen: Eine ASP.NET-Framework-Web-App in Azure erstellen. Wenn der Assistent die App in Azure veröffentlicht hat, enthält er eine Site-URL, die Sie verwenden können, um auf die gehostete Webb-App zuzugreifen.

    Website-URL der veröffentlichten Webanwendung anzeigen.

    Wenn Sie die Website-URL auswählen, öffnet sie die gleiche Web-App, die wir zuvor beim Debuggen der Web-App in Visual Studio.

  2. Um das Widget in der Dynamics 365-Instanz zu konfigurieren, folgen Sie den Anweisungen, die hier beschrieben werden: Beispiel-App konfigurieren in Dynamics 365.

Nachdem die vorherigen Schritte abgeschlossen wurden, öffnen Sie eine der Einheitliche Oberfläche-Apps, die Sie beim Konfigurieren des Widgets in Dynamics 365 Kanalintegrationsframework ausgewählt haben und Sie sehen das Kommunikationswidget im Bereich auf der rechten Seite. Wenn Sie eine der ausgewählten Einheitliche Oberfläche-Apps öffnen möchten, wechseln Sie zu https://[Organization URI]/apps.

Die veröffentlichte Widget sollte ungefähr wie folgt aussehen.

Veröffentlichtes Beispiel-Widget in einheitliche Oberfläche Apps.

Jetzt führen Sie den nächsten Abschnitt dieser exemplarischen Vorgehensweise durch, der anzeigt, wie sie einen Datensatz in Dynamics 365 suchen und öffnen auf einem eingehenden Aufruf.

So überprüfen Sie, ob das Kanalintegrationsframework 1.0 zur Kommunikation bereit ist

Sie können überprüfen, ob das Kanalintegrationsframework 1.0 bereit ist, indem Sie das Ereignis CIFInitDone aufrufen. Das CIFInitDone-Ereignis wird von der Kanalintegrationsframework-Bibliothek ausgelöst, nachdem das Kanalintegrationsframework geladen wurde. Dieses Ereignis bestimmt, ob die Kanalintegrationsframework-APIs für die Kommunikation bereit sind. Weitere Informationen: Ereignisse

Siehe auch

Suchen und öffnen von Datensätzen für eine eingehende Unterhaltung
Beispielcode für Softphone-Integration
Erstellen einer ASP.NET Framework-Web-App in Azure
Häufig gestellte Fragen