Aracılığıyla paylaş


Azure Static Web Apps ile ön uç çerçeveleri ve kitaplıkları yapılandırma

Azure Static Web Apps, ön uç çerçeveniz veya kitaplığınız için derleme yapılandırma dosyasında uygun yapılandırma değerlerine sahip olmanız gerekir.

Yapılandırma

Aşağıdaki tabloda bir dizi çerçeve ve kitaplık1 için ayarlar listelenmektedir.

Tablo sütunlarının amacı aşağıdaki öğelerle açıklanmıştır:

  • Çıkış konumu (Uygulama yapıt konumu): Yerleşik statik web sitesi dosyalarının output_locationklasörü olan değerini listeler.
  • API yapıt konumu (api konumu): Sunucu tarafı barındırma gerektiren çerçeveler için api_locationoluşturulan yönetilen Azure İşlevleri içeren klasör olan değerini listeler.
  • Özel derleme komutu: Çerçeve veya 'den npm run buildnpm run azure:buildfarklı bir komut gerektirdiğinde özel bir derleme komutu tanımlayabilirsiniz.

Not

Sunucu tarafı işleme özelliğine sahip olan ve Azure Static Web Apps'e dağıtılabilir bazı web çerçeveleri. Bu, uygulamanızın Azure İşlevleri ile birlikte statik varlıklarda yerleşik olduğu anlamına gelir. Yapılandırma dosyasında statik varlıklar çıkış konumuna eşlenir ve Azure İşlevleri dosyaları API yapıt konumuna eşlenir.

Çerçeve Çıkış konumu (Uygulama yapıtı konumu) API yapıtı konumu Özel derleme komutu
Alpine.js / yok yok 2
Angular dist/<APP_NAME>/browser yok yok
Astro dist yok yok
Aurelia dist yok yok
Backbone.js / yok yok
Blazor (WASM) wwwroot n/a yok
Ember dist yok yok
Flutter build/web yok flutter build web
Framework7 www yok npm run build-prod
Parıltı dist yok yok
HTML / yok yok
Hugo public yok yok
Hyperapp / yok yok
JavaScript / yok yok
jQuery / yok yok
KnockoutJS dist yok yok
LitElement / yok yok
Mithril / yok yok
Next.js (Statik HTML Dışarı Aktarma) out yok yok
Next.js (Karma İşleme) / yok yok
Nuxt 2 / yok yok
Nuxt 3 .output/public .output/server yok
Ön İşlem dist yok yok
React build yok yok
RedwoodJS web/dist yok yarn rw build web
Katı dist yok yok
Şablon www yok yok
SvelteKit (statik) build yok yok
SvelteKit build/static build/server yok
Three.js / yok yok
TypeScript dist yok yok
Vue.js dist yok yok

1 Yukarıdaki tablo, Azure Static Web Apps ile çalışan çerçevelerin ve kitaplıkların kapsamlı bir listesi olarak tasarlanmamıştır.

2 Geçerli değil

Sonraki adımlar