Uwidacznianie lokalnej usługi WCF dla aplikacji internetowej w chmurze za pomocą usługi Azure Relay

Ten artykuł przedstawia sposób tworzenia hybrydowej aplikacji w chmurze przy użyciu platformy Microsoft Azure i programu Visual Studio. Tworzysz aplikację, która używa wielu zasobów platformy Azure w chmurze. Ten samouczek ułatwia naukę:

  • Jak utworzyć lub przystosować istniejącą usługę sieci Web do użytku przez rozwiązanie sieci Web.
  • Jak używać usługi Azure Windows Communication Foundation (WCF) Relay do udostępniania danych między aplikacją platformy Azure a usługą internetową hostowaną gdzie indziej.

W tym samouczku wykonasz następujące zadania:

  • Zainstaluj wymagania wstępne dotyczące tego samouczka.
  • Przegląd scenariusza.
  • Tworzenie przestrzeni nazw.
  • Utwórz serwer lokalny.
  • Utwórz aplikację ASP .NET.
  • Uruchom aplikację lokalnie.
  • Wdróż aplikację internetową na platformie Azure.
  • Uruchom aplikację na platformie Azure.

Wymagania wstępne

Do wykonania kroków tego samouczka niezbędne jest spełnienie następujących wymagań wstępnych:

Jak usługa Azure Relay pomaga w tworzeniu rozwiązań hybrydowych

Rozwiązania biznesowe zwykle składają się z kombinacji kodu niestandardowego i istniejących funkcji. Kod niestandardowy zajmuje się nowymi i unikatowymi wymaganiami biznesowymi. Rozwiązania i systemy, które już istnieją, zapewniają istniejące funkcje.

Architekci rozwiązań zaczynają stosować usługi w chmurze w celu łatwiejszej obsługi wymagań skali i obniżenia kosztów operacyjnych. W ten sposób okazuje się, że istniejące zasoby usług, których chcą używać jako bloki konstrukcyjne dla swoich rozwiązań, znajdują się wewnątrz zapory firmowej i z łatwego zasięgu rozwiązania w chmurze. Wiele usług wewnętrznych nie jest kompilowanych ani hostowanych w sposób, który można łatwo uwidocznić na brzegu sieci firmowej.

Usługa Azure Relay przyjmuje istniejące usługi internetowe WCF i sprawia, że te usługi są bezpiecznie dostępne dla rozwiązań spoza obwodu firmy bez konieczności wprowadzania niepożądanych zmian w infrastrukturze sieci firmowej. Takie usługi przekazywania wciąż są hostowane wewnątrz istniejącego środowiska, ale delegują one nasłuchiwanie sesji i żądań przychodzących do usługi przekazywania hostowanej w chmurze. Usługa Azure Relay chroni także te usługi przed nieautoryzowanym dostępem przy użyciu uwierzytelniania za pomocą sygnatury dostępu współdzielonego (SAS, Shared Access Signature).

Przegląd scenariusza

W tym samouczku utworzysz witrynę internetową ASP.NET, która umożliwi wyświetlanie listy produktów na stronie spisu produktów.

Scenario

W samouczku założono, że informacje o produktach znajdują się w istniejącym systemie lokalnym i uzyskujesz dostęp do tego systemu za pomocą usługi Azure Relay. Usługa internetowa działająca w prostej aplikacji konsolowej symuluje tę sytuację. Zawiera zestaw produktów w pamięci. Tę aplikację konsolową można uruchomić na własnym komputerze i wdrożyć rolę internetową na platformie Azure. Dzięki temu zobaczysz, jak rola internetowa uruchomiona w centrum danych platformy Azure wywołuje na komputerze. To wywołanie odbywa się, mimo że komputer prawie na pewno będzie znajdować się za co najmniej jedną zaporą i warstwą translatora adresów sieciowych (NAT).

Konfigurowanie środowiska projektowego

Przed rozpoczęciem tworzenia aplikacji dla platformy Azure pobierz potrzebne narzędzia i skonfiguruj swoje środowisko deweloperskie:

  1. Zainstaluj zestaw Azure SDK dla platformy .NET ze strony pobierania zestawów SDK.
  2. W kolumnie .NET wybierz używaną wersję programu Visual Studio. W tym samouczku jest używany program Visual Studio 2019.
  3. Po wyświetleniu monitu o uruchomienie lub zapisanie instalatora wybierz pozycję Uruchom.
  4. W oknie dialogowym Instalator platformy internetowej wybierz pozycję Zainstaluj i kontynuuj instalację.

Po zakończeniu instalacji masz wszystko, co konieczne, aby rozpocząć tworzenie aplikacji. Zestaw SDK zawiera narzędzia, które pozwalają w łatwy sposób tworzyć aplikacje dla platformy Azure w programie Visual Studio.

Tworzenie przestrzeni nazw

Pierwszym krokiem jest utworzenie przestrzeni nazw i uzyskanie klucza sygnatury dostępu współdzielonego (SAS, Shared Access Signature). Przestrzeń nazw wyznacza granice każdej aplikacji uwidacznianej za pośrednictwem usługi przekaźnika. Klucz sygnatury dostępu współdzielonego jest generowany automatycznie przez system podczas tworzenia przestrzeni nazw usługi. Kombinacja przestrzeni nazw i klucza sygnatury dostępu współdzielonego usługi dostarcza poświadczenia dla platformy Azure w celu uwierzytelnienia dostępu do aplikacji.

  1. Zaloguj się w witrynie Azure Portal.

  2. Wybierz pozycję Wszystkie usługi w menu po lewej stronie. Wybierz pozycję Integracja, wyszukaj pozycję Przekaźniki, przenieś wskaźnik myszy nad przekaźnikami, a następnie wybierz pozycję Utwórz.

    Screenshot showing the selection of Relays -> Create button.

  3. Na stronie Tworzenie przestrzeni nazw wykonaj następujące kroki:

    1. Wybierz subskrypcję platformy Azure, w której chcesz utworzyć przestrzeń nazw.

    2. W obszarze Grupa zasobów wybierz istniejącą grupę zasobów, w której chcesz umieścić przestrzeń nazw, lub utwórz nową.

    3. Wprowadź nazwę przestrzeni nazw usługi Relay.

    4. Wybierz region, w którym powinna być hostowana przestrzeń nazw.

    5. Wybierz pozycję Przejrzyj i utwórz w dolnej części strony.

      Screenshot showing the Create namespace page.

    6. Na stronie Przeglądanie i tworzenie wybierz pozycję Utwórz.

    7. Po kilku minutach zostanie wyświetlona strona przekaźnika dla przestrzeni nazw.

      Screenshot showing the home page for Relay namespace.

Uzyskiwanie poświadczeń zarządzania

  1. Na stronie Przekaźnik wybierz pozycję Zasady dostępu współdzielonego w menu po lewej stronie. `

  2. Na stronie Zasady dostępu współdzielonego wybierz pozycję RootManageSharedAccessKey.

  3. W obszarze Zasady sygnatury dostępu współdzielonego: RootManageSharedAccessKey wybierz przycisk Kopiuj obok pozycji Podstawowy ciąg Połączenie ion. Ta akcja kopiuje parametry połączenia do schowka do późniejszego użycia. Wklej tę wartość do Notatnika lub innej tymczasowej lokalizacji.

  4. Powtórz poprzedni krok w celu skopiowania i wklejenia wartości pozycji Klucz podstawowy w lokalizacji tymczasowej do późniejszego użycia.

    Screenshot showing the connection info for Relay namespace.

Tworzenie serwera lokalnego

Najpierw utworzysz symulowany system katalogu produktów w środowisku lokalnym. Ten projekt jest aplikacją konsolową programu Visual Studio i używa pakietu NuGet usługi Azure Service Bus w celu uwzględnienia bibliotek i ustawień konfiguracji usługi Service Bus.

  1. Uruchom program Microsoft Visual Studio jako administrator. W tym celu kliknij prawym przyciskiem myszy ikonę programu Visual Studio i wybierz polecenie Uruchom jako administrator.

  2. W programie Visual Studio wybierz pozycję Utwórz nowy projekt.

  3. W obszarze Utwórz nowy projekt wybierz pozycję Aplikacja konsolowa (.NET Framework) dla języka C#, a następnie wybierz pozycję Dalej.

  4. Nadaj projektowi nazwę ProductsServer i wybierz pozycję Utwórz.

    Configure your new project

  5. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt ProductsServer, a następnie wybierz pozycję Zarządzaj pakietami NuGet.

  6. Wybierz pozycję Przeglądaj, a następnie wyszukaj i wybierz pozycję WindowsAzure.ServiceBus. Wybierz pozycję Zainstaluj i zaakceptuj warunki użytkowania.

    Select NuGet package

    Wymagane zestawy klientów są teraz przywoływane.

  7. Dodaj nową klasę dla kontraktu produktu. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt ProductsServer i wybierz polecenie Dodaj>klasę.

  8. W polu Nazwa wprowadź nazwę ProductsContract.cs i wybierz pozycję Dodaj.

Wprowadź następujące zmiany kodu w rozwiązaniu:

  1. W pliku ProductsContract.cs zastąp definicję przestrzeni nazw następującym kodem, który definiuje kontrakt dla usługi.

    namespace ProductsServer
    {
        using System.Collections.Generic;
        using System.Runtime.Serialization;
        using System.ServiceModel;
    
        // Define the data contract for the service
        [DataContract]
        // Declare the serializable properties.
        public class ProductData
        {
            [DataMember]
            public string Id { get; set; }
            [DataMember]
            public string Name { get; set; }
            [DataMember]
            public string Quantity { get; set; }
        }
    
        // Define the service contract.
        [ServiceContract]
        interface IProducts
        {
            [OperationContract]
            IList<ProductData> GetProducts();
    
        }
    
        interface IProductsChannel : IProducts, IClientChannel
        {
        }
    }
    
  2. W pliku Program.cs zastąp definicję przestrzeni nazw następującym kodem, który dodaje usługę profilu i hosta.

    namespace ProductsServer
    {
        using System;
        using System.Linq;
        using System.Collections.Generic;
        using System.ServiceModel;
    
        // Implement the IProducts interface.
        class ProductsService : IProducts
        {
    
            // Populate array of products for display on website
            ProductData[] products =
                new []
                    {
                        new ProductData{ Id = "1", Name = "Rock",
                                         Quantity = "1"},
                        new ProductData{ Id = "2", Name = "Paper",
                                         Quantity = "3"},
                        new ProductData{ Id = "3", Name = "Scissors",
                                         Quantity = "5"},
                        new ProductData{ Id = "4", Name = "Well",
                                         Quantity = "2500"},
                    };
    
            // Display a message in the service console application
            // when the list of products is retrieved.
            public IList<ProductData> GetProducts()
            {
                Console.WriteLine("GetProducts called.");
                return products;
            }
    
        }
    
        class Program
        {
            // Define the Main() function in the service application.
            static void Main(string[] args)
            {
                var sh = new ServiceHost(typeof(ProductsService));
                sh.Open();
    
                Console.WriteLine("Press ENTER to close");
                Console.ReadLine();
    
                sh.Close();
            }
        }
    }
    
  3. W Eksplorator rozwiązań kliknij dwukrotnie plik App.config, aby otworzyć plik w edytorze programu Visual Studio. W dolnej części <system.ServiceModel> elementu, ale nadal w pliku <system.ServiceModel>dodaj następujący kod XML.

    Ważne

    Zastąp yourServiceNamespace ciąg nazwą przestrzeni nazw i yourKey kluczem SAS pobranym wcześniej z portalu:

      <services>
         <service name="ProductsServer.ProductsService">
           <endpoint address="sb://yourServiceNamespace.servicebus.windows.net/products" binding="netTcpRelayBinding" contract="ProductsServer.IProducts" behaviorConfiguration="products"/>
         </service>
      </services>
      <behaviors>
         <endpointBehaviors>
           <behavior name="products">
             <transportClientEndpointBehavior>
                <tokenProvider>
                   <sharedAccessSignature keyName="RootManageSharedAccessKey" key="yourKey" />
                </tokenProvider>
             </transportClientEndpointBehavior>
           </behavior>
         </endpointBehaviors>
      </behaviors>
    

    Uwaga

    Przyczyną błędu transportClientEndpointBehavior jest tylko ostrzeżenie i nie jest to problem blokujący w tym przykładzie.

  4. Nadal w pliku App.config w elemencie <appSettings> zastąp wartość parametry połączenia wartością parametry połączenia uzyskaną wcześniej z portalu.

    <appSettings>
       <!-- Service Bus specific app settings for messaging connections -->
       <add key="Microsoft.ServiceBus.ConnectionString"
           value="Endpoint=sb://yourNamespace.servicebus.windows.net/;SharedAccessKeyName=RootManageSharedAccessKey;SharedAccessKey=yourKey"/>
    </appSettings>
    
  5. Wybierz klawisze Ctrl+Shift+B lub wybierz pozycję Kompiluj>rozwiązanie kompilacji, aby skompilować aplikację i zweryfikować dokładność pracy do tej pory.

Tworzenie aplikacji ASP.NET

W tej sekcji utworzysz prostą aplikację ASP.NET, która będzie wyświetlać dane pobrane z usługi produktów.

Tworzenie projektu

  1. Upewnij się, że program Visual Studio jest uruchomiony jako administrator.

  2. W programie Visual Studio wybierz pozycję Utwórz nowy projekt.

  3. W obszarze Utwórz nowy projekt wybierz pozycję ASP.NET Aplikacja internetowa (.NET Framework) dla języka C#, a następnie wybierz pozycję Dalej.

  4. Nadaj projektowi nazwę ProductsPortal i wybierz pozycję Utwórz.

  5. W obszarze Utwórz nową aplikację internetową ASP.NET wybierz pozycję MVC i wybierz pozycję Zmień w obszarze Uwierzytelnianie.

    Select ASP .NET Web Application

  6. W obszarze Zmień uwierzytelnianie wybierz pozycję Brak uwierzytelniania , a następnie wybierz przycisk OK. W tym samouczku wdrażasz aplikację, która nie wymaga logowania użytkownika.

    Specify authentication

  7. Po powrocie do pozycji Utwórz nową aplikację internetową ASP.NET wybierz pozycję Utwórz , aby utworzyć aplikację MVC.

  8. Konfigurowanie zasobów platformy Azure dla nowej aplikacji internetowej. Wykonaj kroki opisane w temacie Publikowanie aplikacji internetowej. Następnie wróć do tego samouczka i przejdź do następnego kroku.

  9. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy pozycję Modele, a następnie wybierz polecenie Dodaj>klasę.

  10. Nadaj klasie nazwę Product.cs, a następnie wybierz pozycję Dodaj.

    Create Product model

Modyfikowanie aplikacji internetowej

  1. W pliku Product.cs w programie Visual Studio zastąp istniejącą definicję przestrzeni nazw następującym kodem:

     // Declare properties for the products inventory.
     namespace ProductsWeb.Models
     {
        public class Product
        {
            public string Id { get; set; }
            public string Name { get; set; }
            public string Quantity { get; set; }
        }
     }
    
  2. W Eksplorator rozwiązań rozwiń węzeł Kontrolery, a następnie kliknij dwukrotnie plik HomeController.cs, aby otworzyć plik w programie Visual Studio.

  3. W pliku HomeController.cs zastąp istniejącą definicję przestrzeni nazw następującym kodem:

    namespace ProductsWeb.Controllers
    {
        using System.Collections.Generic;
        using System.Web.Mvc;
        using Models;
    
        public class HomeController : Controller
        {
            // Return a view of the products inventory.
            public ActionResult Index(string Identifier, string ProductName)
            {
                var products = new List<Product>
                    {new Product {Id = Identifier, Name = ProductName}};
                return View(products);
            }
         }
    }
    
  4. W Eksplorator rozwiązań rozwiń węzeł Widoki>udostępnione, a następnie kliknij dwukrotnie plik _Layout.cshtml, aby otworzyć plik w edytorze programu Visual Studio.

  5. Zmień wszystkie wystąpienia na My ASP.NET ApplicationNorthwind Traders Products.

  6. HomeUsuń łącza , Abouti Contact . W poniższym przykładzie usuń wyróżniony kod.

    Delete the generated list items

  7. W Eksplorator rozwiązań rozwiń węzeł Widoki>główne, a następnie kliknij dwukrotnie plik Index.cshtml, aby otworzyć plik w edytorze programu Visual Studio. Zastąp całą zawartość pliku następującym kodem:

    @model IEnumerable<ProductsWeb.Models.Product>
    
    @{
             ViewBag.Title = "Index";
    }
    
    <h2>Prod Inventory</h2>
    
    <table>
              <tr>
                  <th>
                      @Html.DisplayNameFor(model => model.Name)
                  </th>
                  <th></th>
                  <th>
                      @Html.DisplayNameFor(model => model.Quantity)
                  </th>
              </tr>
    
    @foreach (var item in Model) {
              <tr>
                  <td>
                      @Html.DisplayFor(modelItem => item.Name)
                  </td>
                  <td>
                      @Html.DisplayFor(modelItem => item.Quantity)
                  </td>
              </tr>
    }
    
    </table>
    
  8. Aby sprawdzić dokładność pracy do tej pory, możesz wybrać klawisze Ctrl+Shift+B, aby skompilować projekt.

Lokalne uruchamianie aplikacji

Uruchom aplikację, aby sprawdzić, czy działa.

  1. Upewnij się, że projekt ProductsPortal jest aktywnym projektem. Kliknij prawym przyciskiem myszy nazwę projektu w Eksplorator rozwiązań i wybierz polecenie Ustaw jako projekt startowy.
  2. W programie Visual Studio wybierz pozycję F5.

Aplikacja powinna uruchomić się w przeglądarce.

Screenshot shows an example of the application running in a browser with the URL highlighted.

Składanie fragmentów

Następny krok polega na połączeniu lokalnego serwera produktów z aplikacją ASP.NET.

  1. Jeśli nie jest jeszcze otwarty, w programie Visual Studio otwórz projekt ProductsPortal utworzony w sekcji Tworzenie aplikacji ASP.NET.

  2. Podobnie jak w kroku w sekcji Tworzenie serwera lokalnego, dodaj pakiet NuGet do odwołań do projektu. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt ProductsPortal, a następnie wybierz pozycję Zarządzaj pakietami NuGet.

  3. Wyszukaj ciąg WindowsAzure.ServiceBus, a następnie wybierz element WindowsAzure.ServiceBus. Następnie zakończ instalację i zamknij to okno dialogowe.

  4. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt ProductsPortal, a następnie wybierz pozycję Dodaj>istniejący element.

  5. Przejdź do pliku ProductsContract.cs z projektu konsolowego ProductsServer. Wyróżnij plik ProductsContract.cs. Wybierz strzałkę w dół obok pozycji Dodaj, a następnie wybierz pozycję Dodaj jako łącze.

    Add as a link

  6. W edytorze programu Visual Studio otwórz plik HomeController.cs i zastąp definicję przestrzeni nazw następującym kodem. Pamiętaj, aby zastąpić yourServiceNamespace ciąg nazwą przestrzeni nazw usługi Relay i yourKey kluczem SYGNATURY dostępu współdzielonego. Ten kod umożliwia klientowi wywołanie usługi lokalnej, zwracając wynik wywołania.

    namespace ProductsWeb.Controllers
    {
        using System.Linq;
        using System.ServiceModel;
        using System.Web.Mvc;
        using Microsoft.ServiceBus;
        using Models;
        using ProductsServer;
    
        public class HomeController : Controller
        {
            // Declare the channel factory.
            static ChannelFactory<IProductsChannel> channelFactory;
    
            static HomeController()
            {
                // Create shared access signature token credentials for authentication.
                channelFactory = new ChannelFactory<IProductsChannel>(new NetTcpRelayBinding(),
                    "sb://yourServiceNamespace.servicebus.windows.net/products");
                channelFactory.Endpoint.Behaviors.Add(new TransportClientEndpointBehavior {
                    TokenProvider = TokenProvider.CreateSharedAccessSignatureTokenProvider(
                        "RootManageSharedAccessKey", "yourKey") });
            }
    
            public ActionResult Index()
            {
                using (IProductsChannel channel = channelFactory.CreateChannel())
                {
                    // Return a view of the products inventory.
                    return this.View(from prod in channel.GetProducts()
                                     select
                                         new Product { Id = prod.Id, Name = prod.Name,
                                             Quantity = prod.Quantity });
                }
            }
        }
    }
    
  7. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy rozwiązanie ProductsPortal. Pamiętaj, aby kliknąć rozwiązanie prawym przyciskiem myszy, a nie projekt. Wybierz pozycję Dodaj>istniejący projekt.

  8. Przejdź do projektu ProductsServer, a następnie kliknij dwukrotnie plik rozwiązania ProductsServer.csproj, aby go dodać.

  9. Serwer ProductsServer musi być uruchomiony, aby wyświetlić dane w witrynie ProductsPortal. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy rozwiązanie ProductsPortal i wybierz polecenie Właściwości, aby wyświetlić strony właściwości.

  10. Wybierz pozycję Wspólny projekt startowy właściwości>i wybierz pozycję Wiele projektów startowych. Upewnij się, że elementy ProductsServer i ProductsPortal są wyświetlane w tej kolejności i że akcjadla obu elementów to Start.

    Multiple startup projects

  11. Wybierz pozycję Typowe właściwości>Zależności projektu po lewej stronie.

  12. W obszarze Projekty wybierz pozycję ProductsPortal. Upewnij się, że projekt ProductsServer jest wybrany.

    Project dependencies

  13. W obszarze Projekty wybierz pozycję ProductsServer. Upewnij się, że opcja ProductsPortal nie została wybrana, a następnie wybierz przycisk OK , aby zapisać zmiany.

Lokalne uruchamianie projektu

Aby przetestować aplikację lokalnie, w programie Visual Studio wybierz pozycję F5. Serwer lokalny ProductsServer powinien najpierw zostać uruchomiony, a następnie aplikacja ProductsPortal powinna zostać uruchomiona w oknie przeglądarki. Tym razem pojawi się spis produktów zawierający dane pobrane z lokalnego systemu usługi produktów.

Web application

Wybierz pozycję Odśwież na stronie ProductsPortal . Przy każdym odświeżeniu strony aplikacja serwera wyświetla komunikat podczas wywoływany metody GetProducts() z serwera ProductsServer.

Zamknij obie aplikacje przed przejściem do następnej sekcji.

Wdrażanie projektu ProductsPortal w aplikacji internetowej platformy Azure

Następnym krokiem jest ponowne opublikowanie frontonu ProductsPortal aplikacji internetowej platformy Azure:

  1. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt ProductsPortal, a następnie wybierz pozycję Publikuj. Na stronie Publikowanie wybierz pozycję Publikuj.

    Uwaga

    Gdy projekt sieci Web ProductsPortal zostanie automatycznie uruchomiony po wdrożeniu, w oknie przeglądarki może zostać wyświetlony komunikat o błędzie. Jest to oczekiwane. Błąd występuje, ponieważ aplikacja ProductsServer nie jest jeszcze uruchomiona.

  2. Skopiuj adres URL wdrożonej aplikacji internetowej. Adres URL będzie potrzebny później. Ten adres URL można również uzyskać z okna działania usługi aplikacja systemu Azure w programie Visual Studio:

    URL of the deployed app

  3. Zamknij okno przeglądarki, aby zatrzymać działającą aplikację.

Przed uruchomieniem aplikacji w chmurze należy upewnić się, że aplikacja ProductsPortal jest uruchamiana z poziomu programu Visual Studio jako aplikacji internetowej.

  1. W programie Visual Studio kliknij prawym przyciskiem myszy projekt ProductsPortal i wybierz polecenie Właściwości.

  2. Wybierz pozycję Sieć. W obszarze Rozpocznij akcję wybierz pozycję Uruchom adres URL. Wprowadź adres URL wcześniej wdrożonej aplikacji internetowej, w tym przykładzie https://productsportal20190906122808.azurewebsites.net/.

    Start URL

  3. Wybierz pozycję Plik>Zapisz wszystko.

  4. Wybierz pozycję Kompiluj ponownie>rozwiązanie.

Uruchamianie aplikacji

Wybierz klawisz F5, aby skompilować i uruchomić aplikację. Serwer lokalny, który jest aplikacją konsolową ProductsServer , powinien zostać uruchomiony najpierw, a następnie aplikacja ProductsPortal powinna zostać uruchomiona w oknie przeglądarki, jak pokazano poniżej:

Run the web app on Azure

Spis produktów zawiera listę danych pobranych z systemu lokalnego usługi produktu i wyświetla te dane w aplikacji internetowej. Sprawdź adres URL, aby upewnić się, że aplikacja ProductsPortal działa w chmurze jako aplikacja internetowa platformy Azure.

Ważne

Aplikacja konsolowa ProductsServer musi działać i być w stanie udostępniać dane aplikacji ProductsPortal. Jeśli w przeglądarce zostanie wyświetlony błąd, zaczekaj kilka sekund na załadowanie serwera ProductsServer i wyświetlenie następującego komunikatu, a następnie odśwież przeglądarkę.

W przeglądarce odśwież stronę ProductsPortal . Przy każdym odświeżeniu strony aplikacja serwera wyświetla komunikat podczas wywoływany metody GetProducts() z serwera ProductsServer.

Updated output

Następne kroki

Przejdź do następującego samouczka: