Angular Academy · Ders

Yerelleştirilmiş Paketler Oluşturma

Yerel ayara göre uygulama derlemeleri üretin

Yerelleştirilmiş Paketler Oluşturma, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

Yerel Ayar Başına Bir Derleme

Angular'ın i18n sistemi derleme zamanında çalışır: çevirilerin içine gömüldüğü, her yerel ayar için ayrı ve tamamen optimize edilmiş bir paket oluşturur. Kullanıcılar yalnızca kendi dillerini indirir; çalışma zamanında çeviri maliyeti oluşmaz.

Yerelleştirilmiş Derlemeleri Yapılandırma

Yerel ayarlar angular.json içinde tanımlanmışken, tüm yerel ayarları aynı anda oluşturmak için derleme seçeneklerinde localize: true ayarlayın.

"build": {
  "options": {
    "localize": true,
    "outputPath": "dist/app"
  }
}

Tüm Yerel Ayarları Derleme

Üretim derlemesini çalıştırın; CLI, her biri eksiksiz bir uygulama içeren, yerel ayar başına bir klasör oluşturur.

ng build --localize
# dist/app/en/  dist/app/fr/  dist/app/es/

Tek Bir Yerel Ayarı Derleme

Daha hızlı yineleme için kodunu sağlayarak yalnızca tek bir yerel ayarı derleyebilirsiniz.

ng build --localize=fr

Yerel Ayar Başına Temel href'i Ayarlama

Her yerel ayar derlemesi, /fr/ gibi bir alt yoldan sunulması için kendi baseHref değerine sahip olabilir. Bunu angular.json içinde her yerel ayarın altında yapılandırın.

"locales": {
  "fr": {
    "translation": "src/locale/messages.fr.xlf",
    "baseHref": "/fr/"
  }
}

Geliştirme Sırasında Belirli Bir Yerel Ayarı Sunma

ng serve aynı anda tek bir yerel ayarı sunar. Geliştirme sırasında çevirileri önizlemek için istediğiniz yapılandırmayı veya yerel ayarı belirtin.

ng serve --configuration=fr

Kullanıcıları Yerel Ayarlarına Yönlendirme

Her yerel ayar ayrı bir dağıtılabilir klasör olduğundan, kullanıcıları Accept-Language başlıklarına veya bir dil değiştiriciye göre doğru alt yola yönlendirmek için genellikle sunucuyu ya da bir CDN'i kullanırsınız.

Özel Kurulumlar İçin Çalışma Zamanı $localize

Gelişmiş kurulumlar, önyüklemeden önce @angular/localize içindeki loadTranslations() ile çevirileri çalışma zamanında yükleyebilir. Bu yaklaşım, yerel ayar başına derleme yerine tek bir paket ile alınan bir çeviri eşlemeyi tercih eder.

import { loadTranslations } from '@angular/localize';
loadTranslations(frTranslations);
// then bootstrapApplication(App)

Polyfill Gereksinimi

$localize kullanımı, @angular/localize polyfill'ini gerektirir. CLI ile bunu bir kez ekleyin; etiketli şablon çevirisi için gereken global'i kaydeder.

ng add @angular/localize

Paket Boyutu Küçük Kalır

Çeviri derleme zamanında gerçekleştiği için Fransızca paket yalnızca Fransızca metni içerir; başka diller veya tarayıcıya gönderilen bir çeviri motoru bulunmaz. Derleme zamanlı i18n uygulamaları bu nedenle yalın tutar.

Çıktıyı Dağıtma

dist/app dizininin tamamını dağıtın; her yerel ayar alt klasörü bağımsız bir uygulamadır. Sunucunuzu, /fr/ yolunun Fransızca derlemeyi sunacağı ve varsayılan yerel ayarın kökte ya da kendi yolunda sunulacağı şekilde yapılandırın.

Kısa Kontrol

Angular çevirileri nasıl sunar?

Özet

localize: true ayarını yapın ve her yerel ayar için bir klasör, her klasörde de eksiksiz bir uygulama oluşturmak üzere ng build --localize komutunu çalıştırın. Yerel ayar başına baseHref kullanın (ör. /fr/), geliştirme sırasında --configuration ile tek bir yerel ayar sunun, @angular/localize polyfill'ini ekleyin ve özel kurulumlar için isteğe bağlı olarak çevirileri çalışma zamanında yükleyin.

Sıkça Sorulan Sorular

“Yerelleştirilmiş Paketler Oluşturma” dersi ücretsiz mi?

Evet — “Yerelleştirilmiş Paketler Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Yerelleştirilmiş Paketler Oluşturma” dersinde ne öğreneceğim?

Yerel ayara göre uygulama derlemeleri üretin Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Yerelleştirilmiş Paketler Oluşturma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Angular Academy Sayfasına Dön