Görünüşe göre tarayıcı ve sunucu o kadar da benzemiyor 😅.

#Sorun

Artık projeniz için Angular Universal'ı kurmayı başardığınıza göre, bu tatlı ve hızlı sunucu tarafı oluşturmadan yararlanmak için ayaklarınızı 🐾 yukarı kaldırın ve kendinize 🧠 düşünün:

Bununla işim bitti. Müşteriye, eğlenceli kısma odaklanabilirim!

#2 hafta sonra

Google merkezinden biri 🏢 size bir ipucu verdi. Sunucu döndürür ise 404 a erişmeye çalışırken film / araba / kitap yok, senin SEO Google bu tarama duracaktır çünkü daha iyi olacak kötü URL'ler 👎 (internet bu mevcut yerde).

Ayrıca, şimdi serbest olduğu v2 web sitenizin, sen yönlendirme yapmak istediğinizi movies?category=dramaiçin movies/drama, ama aynı zamanda Google ile yapmış bu sayfaların zaten 💰 CRED sokak kaybetmek istemiyorum. Aynı iyi arkadaş 👆 size 301 Kalıcı Yönlendirme yaparsanız Google'ın daha akıllı olacağını ve kazandığınız krediyi yeni sayfaya yeniden tahsis edeceğini söyledi.

Kulağa harika geliyor! ⭐️

kendi kendine diyorsun.

Ama bekleyin, Angular kodumda farklı SUNUCU durum kodlarını nasıl kullanırım ? Sunucumun aniden web sitemde olan tüm mantıktan haberdar olmasını istemiyorum. Hımm… 🤔

#Çözüm

O kadar da zor değil. Görünüşe yapabilirsiniz enjekte Yanıtını gelen expressve beğeninize bunu kullanın.

Çözümün ilk kısmı: StatusCodeResponseService :

Bu, kurulumumuzun ekmek ve tereyağı 🍞 🧈. Burada bazı 🔑 önemli noktalar:

• Yanıt, @ OPSİYONEL enjekte edilen bir parametredir
• Biz kullanabilir statusCode, statusMessage, finishedve end() tepkisi üzerinde
• YANIT bir olduğunu express-engine/token. Bu yüzden doğru içe aktarmayı kullandığınızdan emin olun.

#Bu nasıl kullanılır?

Şimdi, nasıl kullanıyorsun? Peki, nasıl istersen. Bu ayarlayabilirsiniz 404'lerin o ayarlayabilirsiniz, 301 yönlendirmeleri yapar bunu ayarlayabilirsiniz, 500s o kabuğu 🐶 ... ah beklemek, bu HENÜZ ... bunu yapamaz!

Bu, bu hizmetin bir 404 senaryosu için nasıl kullanılacağına dair çok basit bir örnektir . Bu, her şeyi kısa devre yapacak ve tarayıcıya mesajla birlikte basit bir 404 döndürecektir Movie does not exist...yet!.

Bu en güzel çözüm değil. İdeal olarak 💡, SomeComponent'in bunu da dinlemesini istersiniz , belki bir 404'ün yayınlanması durumunda güzel bir kullanıcı arayüzü gösterebilir , ancak siz anladınız . Dünya senin midyen! 🐚

#Daha fazla istemek?

Bunun için daha gelişmiş kullanım örnekleri görmek istiyorsanız , lütfen bana bildirin, böylece bazı güzel UI işleme ve benzeri şeylerle bir takip yapabilirim.

Ayrıca, sorularınız varsa, beni nerede bulacağınızı biliyorsunuz… İnternette! 🤓

CIAO! 👋

#Daha fazla okuma?

Aldığım bazı notlar 📓:

1. NOTLAR: NativeScript + Angular
2. NOTLAR: Tepki + Redux

1. Angular Dünyada Teste Dayalı Geliştirme: 1. Bölüm
2. Angular Dünyada Teste Dayalı Geliştirme: 2. Bölüm
3. Angular Dünyada Teste Dayalı Geliştirme: Bölüm 3