Vue.js, Quasar ve Capacitor ile iOS Uygulama Yayınladım: Ağladım, Güldüm, Çözdüm

Capacitor, framework'ten bağımsız bir native köprüdür. Vue.js, React, Angular veya Next.js ile geliştirilen uygulamalarda kullanılabilir. Temel hata türleri ve çözümler büyük ölçüde aynı kalır; yalnızca her framework'ün kendine özel adaptasyon kütüphaneleri farklılık gösterebilir.

Önce tarayıcıda 'quasar dev' komutuyla uygulama test edilmeli ve hatalar giderilmelidir. Ardından 'npx cap sync ios' ile Capacitor senkronize edilmeli, CocoaPods bağımlılıkları 'pod install --repo-update' ile yüklenmelidir. Bu adımlar tamamlandıktan sonra Xcode üzerinden simülatörde veya gerçek cihazda uygulama çalıştırılabilir.

Çünkü Vue.js kodları native ortamda değil, WebView içinde çalışır. iOS tarafında WKWebView kullanılarak Quasar'ın derlediği HTML, JS ve CSS dosyaları native projeye kopyalanır ve bu şekilde render edilir. Xcode yalnızca src-capacitor/ios dizinini görebilir, asıl Vue.js dosyalarına erişemez.