Angular Migration

AngularJS (1.x) uygulamalarını riskli bir baştan-yazım olmadan modern Angular'a taşıyan eksiksiz bir geçiş rehberi.

Strangler Fig ve hibrit uygulama yaklaşımını kullanarak eski ve yeniyi yan yana çalıştırır; böylece üretim kararlı kalırken bir özelliği birden geçirebilirsiniz. Her dönüşüm: controller, directive, servis, yönlendirme ve form, önce/sonra koduyla gelir.

₺369 tek seferlik
Bir kit içine ekle →

Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok

  • Tür Skill
  • Kategori Geliştirme
  • Teslimat E-posta · anında
  • Lisans Tek seferlik
Çalışma önizlemesi
forgehouse, angular-migration

Çalışmanın içinden · kara kutu yok

Satın almadan önce işin kendisini gör.

Skill, AngularJS'ten Angular'a geçişi yeniden yazım olarak değil strangler-fig operasyonu olarak yürütür. Kara kutu yok, yaptığı iş tam olarak şu:

  1. Önce eski uygulamayı analiz eder: her controller, directive, service ve route envantere alınır, ardından matristen strateji seçilir: büyük uygulamada hybrid, orta boyutta vertical slice, big bang sadece küçük uygulamada.
  2. Hybrid iskeleti kurar: AngularJS kök uygulama kalır, UpgradeModule main.ts içinde Angular'ı yanına açar. İki framework ilk günden aynı sayfada çalışır, geçiş istenen noktada durdurulabilir ve production stabil kalır.
  3. UI'dan önce servisleri taşır: factory'ler @Injectable sınıfa dönüşür, downgradeInjectable ve InjectionToken köprüleriyle iki taraf da geçiş boyunca aynı implementasyonu çağırabilir, tüketici kod kırılmaz.
  4. Her sprintte bir feature'ı dikey dilim olarak dönüştürür: controller'dan component'e, directive scope binding'lerinden Input/Output'a. O feature'ın routing ve formları birlikte taşınır, her sprint sonu tamamen Angular çalışan bir feature bırakır.
  5. Sınırı anti-corruption katmanı olarak korur: Angular component'lere $scope.$watch veya $apply sızmaz, digest cycle ile zone.js change detection farkları upgrade katmanında izole kalır.
  6. Temizlik fazıyla kapatır: ngUpgrade ve tüm AngularJS bağımlılıkları çıkarılır, routing tamamen Angular Router'a geçer, bundle optimize edilir ve son regresyon turu eski tarafın kırılmadığını doğrular.
Kullanım senaryoları · taktığında neler oluyor

Tek güç kaynağı. 6 hat dışarı.

angular-migration · çekirdek

çekirdek aktif · 6 hat

  1. Büyük bir eski AngularJS uygulamasını özellik özellik Angular'a taşımak

    ✓ büyük bir eski angularjs
  2. ngUpgrade birlikte çalışabilirliğiyle hibrit AngularJS/Angular uygulaması çalıştırmak

    ✓ ngupgrade birlikte çalış…
  3. AngularJS controller ve directive'lerini Angular bileşenlerine dönüştürmek

    ✓ angularjs controller ve
  4. Factory servislerini RxJS'li injectable Angular servislerine modernize etmek

    ✓ factory servislerini rxj…
  5. $routeProvider yönlendirmesini Angular Router ile değiştirmek

    ✓ $routeprovider yönlendir…
  6. ng-model formlarını doğrulamalı reaktif formlara taşımak

    ✓ ng-model formlarını doğr…
Kazanımlar · elinde kalanlar

Aldıkların sende kalır.

Zamanı ileri sar. Ne kaldığını izle.

Sonsuza dek

Sahip olmak tam olarak bu.

Kiralık yığın

yapay zekâ yazım aracı: abonelik

süresi doldu · erişim gitti

analiz paketi: abonelik

süresi doldu · erişim gitti

tasarım platformu: abonelik

süresi doldu · erişim gitti

(geriye bir şey kalmadı)

Senin ocağın

  1. Sıfır kesinti: ürünü dondurmadan kademeli geçiş yaparsınız

    lisans: kalıcı
  2. Her noktada geri alınabilir; kötü bir sprint üretimi asla bloklamaz

    lisans: kalıcı
  3. Kurulum, altyapı, özellik ve temizlik fazlarına bölünmüş öngörülebilir takvim

    lisans: kalıcı
  4. Eski $scope desenlerinden arınmış modern, tip güvenli bir kod tabanı

    lisans: kalıcı

abonelikler biter · tapular bitmez

Ne içerir · eksiksiz manifest

Kutudaki her şey.

Bir parçayı eline al. Çalışırken izle.

Uygunluk kriterleriyle üç geçiş stratejisi (büyük patlama, kademeli hibrit, dikey dilim)

parça 01 / 06 · kutuda

6 parça · tek çalışan sistem · e-postayla anında teslim

Kimler için

Bu herkes için dövülmedi.

  • Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
  • Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
  • Tahmin etmekten memnunsan, sana göre değil.
Hâlâ burada mısın? Güzel.

Eski bir AngularJS uygulamasını kullanıcıları aksatmadan modernize etmekten sorumlu frontend mühendisleri ve teknik liderler.

o zaman bu senin için dövüldü.

Hangi AI ile çalışır

Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.

  • Claude Yerleşik biçim
  • ChatGPT Açık standartla uyarlanır
  • Gemini Açık standartla uyarlanır
  • Cursor Açık standartla uyarlanır
  • Copilot Açık standartla uyarlanır
Sorular · hâlâ havada

Aklındakini yakala.

hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar

  1. Geçiş sırasında uygulama kullanıcılar için çalışır halde kalabilir mi?

    Evet, büyük patlama tarzı bir yeniden yazım yerine özellik özellik ilerlemenin amacı budur. ngUpgrade, AngularJS ve Angular'ı yan yana çalıştırır, böylece kullanıcılar geçiş boyunca çalışmaya devam eder.

  2. İki çerçeveyi aynı anda çalıştırmak paketi şişirmeli; hibrit aşama gerçekten buna değer mi?

    Hibrit aşama geçici olarak iki çalışma ortamını birden taşır, bu da ürünü bir yeniden yazım için dondurmamanın bedelidir. Bu, özellik özellik çıktığınız geçici bir durumdur, son yapılandırma değil.

  3. Bu daha yeni bir Angular sürümünden yükseltmeyi de kapsar mı?

    Hayır, özellikle AngularJS 1.x'ten modern Angular'a geçiştir, bu da sürüm atlama değil bir çerçeve yeniden yazımıdır. Modern Angular sürümleri arasında geçiş farklı bir yükseltme türüdür.

  4. Nasıl teslim edilir?

    Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.

  5. Tek seferlik mi, abonelik mi?

    Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.

  6. İade alabilir miyim?

    Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.