1 - .NET ile bir web sitesine arama eklemeye genel bakış

  • Makale
  • Okumak için 2 dakika

Bu öğretici, bir kitap kataloğunu aramak için bir web sitesi oluşturur ve ardından web sitesini bir Azure Statik Web Uygulamasına dağıtır.

Uygulama kullanılabilir:

Örnek ne yapar?

Bu örnek web sitesi, 10.000 kitaplık bir katalara erişim sağlar. Kullanıcı, arama çubuğuna metin girerek katalogda arama olabilir. Kullanıcı metin girerken web sitesi, metni tamamlamak için Arama Dizini'nin öneri özelliğini kullanır. Sorgu tamamlendiğinde, ayrıntıların bir kısmıyla birlikte kitap listesi görüntülenir. Kullanıcı, kitabın Arama Dizininde depolanan tüm ayrıntıları görmek için bir kitap seçerek.

Bu örnek web sitesi, 10.000 kitaplık bir katalara erişim sağlar. Kullanıcı, arama çubuğuna metin girerek katalogda arama olabilir. Kullanıcı metin girerken web sitesi, metni tamamlamak için Arama Dizini'nin öneri özelliğini kullanır. Arama tamamlendiğinde, ayrıntıların bir kısmıyla birlikte kitap listesi görüntülenir. Kullanıcı, kitabın Arama Dizininde depolanan tüm ayrıntıları görmek için bir kitap seçerek.

Arama deneyimi şunları içerir:

  • Search: uygulama için arama işlevselliği sağlar.
  • Öneri – kullanıcı arama çubuğuna yazarken öneriler sağlar.
  • Belge Arama: Ayrıntılar sayfası için tüm içeriğini almak için bir belgeyi kimliğine göre arama.

Örnek nasıl düzenleniyor?

Örnek şunları içerir:

Uygulama Amaç GitHub
Depo
Konum
İstemci Arama ile kitapları görüntülemek için React uygulaması (sunum katmanı). Azure İşlevi uygulamasını çağıran bir uygulamadır. /search-website/src
Sunucu Azure .NET İşlev uygulaması (iş katmanı) - .NET SDK Azure Bilişsel Arama API'sini çağırıyor /search-website/api
Toplu ekleme Dizini oluşturmak ve buna belgeler eklemek için .NET dosyası. /search-website/bulk-insert

Geliştirme ortamınızı kurma

Yerel geliştirme ortamınız için aşağıdakini yükleyin.

Git ile arama örneğinin kopyasını alın ve kopyalama

Statik Web Uygulaması'nın dağıtılamayabilecek örnek depoyu oluşturması kritik öneme sahip. Web uygulamaları, derleme eylemlerini ve dağıtım içeriğini kendi GitHub çatal konumunuz temel alarak belirler. Statik Web Uygulamasında kod yürütme uzaktır ve Azure Static Web Apps örnekteki koddan okumanızı sağlar.

  1. GitHub'da örnek deponun çatallarını alın.

    GitHub hesabınızla web tarayıcınızda çatal işlemini tamamlayabilirsiniz. Bu öğreticide, Azure Statik Web Uygulamasına dağıtımın bir parçası olarak sizin fork'larınızı kullanır.

  2. Bash terminalinde örnek uygulamayı yerel bilgisayarınıza indirin.

    yerine YOUR-GITHUB-ALIAS GitHub diğer adını girin.

    git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-dotnet-samples

  3. Bu Visual Studio Code, kopyalanan deponun yerel klasörünü açın. Diğer görevler, belirtilmedi belirtilmedi Visual Studio Code görevlerden gerçekleştiriliyor.

Azure kaynaklarınız için kaynak grubu oluşturma

  1. Bu Visual Studio Code Etkinlik çubuğunu açınve Azure simgesini seçin.

  2. Kenar çubuğunda, alanı altındaki Azure aboneliğinize sağ tıklayın ve Kaynak grubu Resource Groups oluştur'u seçin.

    Yan çubukta ,'Kaynak Grupları' alanında **Azure aboneliğinize** sağ tıklayın ve **Kaynak grubu oluştur**'u seçin.

  3. gibi bir kaynak grubu adı cognitive-search-website-tutorial girin.

  4. Size yakın bir konum seçin.

  5. Bilişsel Arama ve Statik Web Uygulaması kaynaklarını oluşturmak için öğreticinin devamlarında bu kaynak grubunu kullanın.

    Kaynak grubu oluşturmak, kaynakları kullanmayı bitirdikten sonra silmeniz de dahil olmak üzere kaynakları yönetmeniz için bir mantıksal birim sağlar.

Sonraki adımlar