Capacitor

Capacitor, Ionic ekibinin aracıdır. Web projesini yerel projenin içine koyar ve WebView’de açar. Cordova’nın devamı sayılır, ama modern yerel projeyle çalışır. Bu React Native değildir: ekran yerel bileşene çevrilmez, web olarak kalır.

Hazır web uygulamasını mağazaya çıkarmak ve kameraya eklenti ile ulaşmak içindir.

• Mevcut siteyi uygulama kabuğuna almak
• Android ve iOS projesi oluşturmak
• Eklenti ile kamera ve dosya
• Web kodunu ayrı tutmak

Capacitor ile bir web kod tabanından iki mağaza projesi çıkar. Yerel düğme veya karmaşık jest gerekirse bu yol daralır. O zaman yerel kod veya başka çatı doğru olabilir.

Web tarafını bilen için başlangıç kolaydır. Zorluk yerel proje, imza, eklenti sürümü ve mağaza kuralıdır. npx cap copy, web derlemesini yerel tarafa taşırken unutulmamalıdır.

Avantaj: bir web ekip iki platforma çıkarır, eklenti sınırı açıktır. Sınır: ağır animasyon ve tam yerel his WebView’de zayıf kalabilir. Çevrimdışı ve izin ayrıca denetlenmelidir.

Web dir, web derlemesinin yeridir. Yerel proje android ve ios klasörüdür. Eklenti JavaScript’ten yerel koda köprü kurar.

• npx cap init yapılandırmayı yaratır
• npx cap add android yerel projeyi ekler
• npx cap sync web ve eklentileri taşır
• WebView sayfayı uygulamanın içinde açar

Bu komutlar paketi kurar, projeyi adlandırır ve Android tarafını ekler. Web derlemesi önce hazır olmalıdır.

npm install @capacitor/core @capacitor/cli
npx cap init
npx cap add android

• Capacitor bir dil mi? Hayır. Web uygulamasını yerel kabuğa koyan araçtır.
• React Native ile aynı mı? Hayır. Capacitor ekranı web tutar.
• Eklenti olmadan kamera açılır mı? Hayır. Cihaz olanağı eklenti ve izin ister.