Kendi kendine geliştirici portalına alternatif yaklaşımlar
Ş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/function
yerleş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:
Geri Bildirim
https://aka.ms/ContentUserFeedback.
Çok yakında: 2024 boyunca, içerik için geri bildirim mekanizması olarak GitHub Sorunları’nı kullanımdan kaldıracak ve yeni bir geri bildirim sistemiyle değiştireceğiz. Daha fazla bilgi için bkz.Gönderin ve geri bildirimi görüntüleyin