Kendi kendine geliştirici portalına alternatif yaklaşımlar

  • Makale

ŞUNLAR IÇIN GEÇERLIDIR: Geliştirici | Temel | Temel v2 | Standart | Standart v2 | Premium

Bir geliştirici portalını kendi kendine barındırırken keşfedebileceğiniz çeşitli alternatif yaklaşımlar vardır:

  • Tasarımcının ve yayımcının üretim derlemelerini kullanın.

  • Portalınızı yayımlamak için bir Azure İşlev Uygulaması kullanın.

  • Sayfa yükleme sürelerini azaltmak için portalınızın dosyalarının önüne content delivery network (CDN) ekleyin.

Bu makalede bu yaklaşımların her biri hakkında bilgi verilmektedir.

Henüz yapmadıysanız geliştirici portalının en son sürümü için yerel bir ortam ayarlayın.

Üretim için derleme

Portalın geliştirme ortamını işbirliği amacıyla çevrimiçi olarak barındırmak istiyorsanız tasarımcının ve yayımcının üretim derlemelerini kullanın. Üretim derlemeleri dosyaları paketler, kaynak haritaları hariç tutar, vb.

komutunu çalıştırarak dizinde ./dist/designer bir paket oluşturun:

npm run build-designer

Sonuç tek sayfalı bir uygulama olduğundan, bunu Azure Blob Depolama Statik Web Sitesi gibi statik bir web konağına dağıtmaya devam edebilirsiniz.

Benzer şekilde, derlenmiş ve iyileştirilmiş bir yayımcıyı klasörüne ./dist/publisher yerleştirin:

npm run build-publisher

Portalı yayımlamak için İşlev Uygulamasını kullanma

Yayımlama adımını bulutta yerel olarak yürütmeye alternatif olarak çalıştırın.

Azure İşlev Uygulaması ile yayımlamayı uygulamak için aşağıdaki önkoşullara ihtiyacınız vardır:

  • Azure İşlevi oluşturma. İşlevin bir JavaScript dili İşlevi olması gerekir.
  • Azure İşlevleri Core Araçları'nı yükleyin:
    npm install –g azure-function-core-tools

1. Adım: Çıkış depolama alanını yapılandırma

İçeriği yerel klasör yerine doğrudan barındırma web sitesine ("$web" çıkış depolama kapsayıcısına) yükleme. Bu değişikliği dosyada ./src/config.publish.json yapılandırın:

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

2. Adım: İşlev Uygulamasını derleme ve dağıtma

Klasöründe örnek bir HTTP Tetikleyici İşlevi ./examples vardır. Derlemek ve içinde ./dist/functionyerleştirmek için aşağıdaki komutu çalıştırın:

npm run build-function

Ardından Azure CLI'da oturum açın ve dağıtın:

az login
cd ./dist/function
func azure functionapp publish <function app name>

Dağıtıldıktan sonra bir HTTP çağrısıyla çağırabilirsiniz:

curl -X POST https://<function app name>.azurewebsites.net/api/publish

Barındırma ve CDN

Kendi kendine bir geliştirici portalı barındırma bölümünde, web sitenizi barındırmak için bir Azure depolama hesabı kullanılmasını önerdik. Ancak, barındırma sağlayıcılarının hizmetleri de dahil olmak üzere dosyaları herhangi bir çözüm aracılığıyla yayımlayabilirsiniz.

Sayfa yükleme sürelerini azaltmak için dosyaları content delivery network (CDN) ile de önleyebilirsiniz. Azure CDN kullanmanızı öneririz.

Sonraki adımlar

Geliştirici portalı hakkında daha fazla bilgi edinin: