Çapraz platform uygulama incelemesi: React Native, Flutter ve hibrit
Tek kod tabanından çıkan uygulamaların pakette nasıl göründüğünü ve nerede hata yapıldığını öğrenirsin: JavaScript paketleri, Dart anlık görüntüleri, köprü eklentileri, güvenli depolama eklentileri ve canlı güncelleme mekanizmaları.
Seviye 301 · 22 ders · 18 pratik lab
Dersler
Çerçeveyi tanımak
- Bir paketin hangi çerçeveyle yazıldığını anlamak
- Çapraz platform uygulama nasıl çalışır: köprü ve işleme motoru
- Mantık nerede durur: paket dosyası, anlık görüntü, yerel modüller
- Çerçevelerin ortak riskleri
- Kısa görev: beş paketi çerçevesine göre sınıflandır ve kanıtını göster
React Native
- JavaScript paketini okumak: düz ve Hermes bayt kodu
- Pakete gömülen ortam değişkenleri ve anahtarlar
- AsyncStorage ile güvenli depolama eklentilerinin farkı
- Yerel modüller ve bağlantı işleme
- npm bağımlılık denetimi
- Kısa görev: bir React Native paketinde gömülü servis anahtarını bul ve düzeltmesini yaz
Flutter
- Flutter paketinin yapısı: libapp, varlıklar, eklentiler
- Anlık görüntüde dizgi ve varlıklarda sır aramak
- Güvenli depolama eklentisi ve ağ güveni ayarları
- Dart kaynak incelemesi ve pub bağımlılık denetimi
- Kısa görev: belirteci düz dosyaya yazan Dart kodunu güvenli depolamaya taşı ve test et
Hibrit ve canlı güncelleme
- Hibrit uygulamalar: web kodu, eklentiler ve içerik güvenliği ilkesi
- Eklentilerin açtığı izin ve köprü yüzeyi
- Canlı güncelleme: paket imzası ve bütünlük denetimi
- Çapraz platform bulgusunu iki platform için raporlamak
- Kısa görev: canlı güncelleme yapılandırmasında imza denetimi eksiğini bul
Bitirme
- Bitirme görevi: aynı kod tabanından çıkan Android ve iOS paketlerini incele ve tek rapor yaz
Pratik lablar
- Bir APK'nın hangi çerçeveyle yazıldığını bul: Paket içeriğinden ayırt edici dosyayı göster.
- Beş paketi çerçevesine göre sınıflandır: Her APK ve IPA için React Native, Flutter, hibrit veya yerel kararını kanıtıyla yaz.
- Mantığın nerede durduğunu iki platformda eşle: Aynı uygulamanın APK ve IPA'sında paket dosyası, anlık görüntü ve yerel modüllerin yerini tabloya dök.
- JavaScript paketinde adresleri ara: Paket dosyasından API adreslerini çıkar.
- Pakete gömülü servis anahtarını bul: Ortam değişkeninden gelen anahtarı bul ve düzeltme öner.
- Hermes bayt kodundan dizgileri çıkar ve incele: Bayt kodunu çöz, hassas dizgileri ayır ve düz paketle karşılaştırıp farkı açıkla.
- AsyncStorage'a yazılan değerleri kodda bul: Kaynakta belirteç saklayan çağrıyı göster.
- Belirteci güvenli depolama eklentisine taşı: Saklama modülünü değiştir ve node testlerini geçir.
- npm bağımlılık denetimi yap ve riskli paketi değiştir: Denetim çıktısındaki yüksek önemli zafiyeti gider ve bakımı durmuş paketi değiştir.
- Flutter paketinde varlık dosyalarını listele: Varlık klasöründe yapılandırma dosyalarını bul.
- Anlık görüntüde gömülü dizgileri ara: libapp içinden adres ve anahtar benzeri değerleri çıkar.
- Düz dosyaya yazan Dart kodunu güvenli depolamaya taşı: Saklama sınıfını değiştir, ağ güveni ayarını denetle ve dart test ile doğrula.
- Hibrit uygulamada içerik güvenliği ilkesini oku: index dosyasındaki ilkeyi bul.
- Eklentilerin açtığı izinleri çıkar: Eklenti listesini izinlerle eşleştir ve kullanılmayan eklentiyi işaretle.
- Canlı güncellemede imza denetimi eksiğini bul: Güncelleme yapılandırmasını incele, imza doğrulamasının kapalı olduğunu kanıtla ve düzeltilmiş ayarı yaz.
- Bir bulgunun hangi platformları etkilediğini belirle: Paketteki anahtar bulgusunun APK ve IPA'da geçerli olduğunu göster.
- Ortak kod ve yerel katman bulgularını ayır: Sekiz bulguyu ortak, yalnız Android ve yalnız iOS diye sınıflandır.
- Tek kod tabanından çıkan iki paketi incele ve tek rapor yaz: Ayçiçeği Gıda uygulamasının APK ve IPA'sını incele; ortak bulguları bir kez yazıp platform farklarını not et.
Kurs hakkında
Tek kod tabanından çıkan uygulamaların pakette nasıl göründüğünü ve nerede hata yapıldığını öğrenirsin: JavaScript paketleri, Dart anlık görüntüleri, köprü eklentileri, güvenli depolama eklentileri ve canlı güncelleme mekanizmaları.
Ne öğreneceksin
- Çerçeveyi tanımak
- React Native
- Flutter
- Hibrit ve canlı güncelleme
- Bitirme
Ön koşullar
Aynı yolun 101 ve 201 düzeyindeki konularına hâkim olmalısın.
Lab ortamı
Dersler, tarayıcında açılan sana özel bir Kali Linux terminalinde geçer. Kurulum gerekmez; lab her derste temiz başlar.
Sık sorulan sorular
- Bu kurs benim düzeyime uygun mu?
- Kurs 301 düzeyindedir; daha düşük düzeydeki kursların konularını bildiğin varsayılır.
- Kurulum gerekir mi?
- Hayır. Her ders tarayıcında açılan sana özel bir lab ortamında geçer.
- Dersler nasıl işleniyor?
- Her ders 8 ile 10 adımdan ve bir kısa sınavdan oluşur. İlk adımlarda yazman gereken komut gösterilir, sonraki adımlarda yardım azalır; iki denemede takılırsan çözüm açılır.
- Ücretsiz deneyebilir miyim?
- Evet. Her kursun ilk üç dersi ücretsizdir.