Mobil uygulama geli\u015ftirme s\u00fcrecinde g\u00fcncellemeler, \u00e7o\u011fu zaman geli\u015ftiriciler i\u00e7in bir \u00e7ileye d\u00f6n\u00fc\u015febilir. Nutrilow gibi dinamik ve h\u0131zla de\u011fi\u015fen i\u00e7erik sunan bir platformda, her yeni diyet plan\u0131 veya antrenman program\u0131 i\u00e7in kullan\u0131c\u0131lar\u0131n uygulama ma\u011fazalar\u0131ndan g\u00fcncellemeleri manuel olarak indirmesini beklemek hem zaman kayb\u0131na yol a\u00e7ar hem de kullan\u0131c\u0131 deneyimini olumsuz etkiler. Peki ya uygulama ma\u011fazas\u0131 s\u00fcre\u00e7lerini bypass ederek an\u0131nda g\u00fcncelleme yapabilseydik? \u0130\u015fte bu makalede, ExpressJS ve Expo kullanarak Nutrilow i\u00e7in kendi Over-the-Air (OTA) g\u00fcncelleme sistemimi nas\u0131l in\u015fa etti\u011fimi, ad\u0131m ad\u0131m, ger\u00e7ek d\u00fcnya senaryolar\u0131yla ve pratik kod \u00f6rnekleriyle anlataca\u011f\u0131m.<\/p>\n
G\u00fcn\u00fcm\u00fcz\u00fcn dijital \u00e7a\u011f\u0131nda, mobil uygulamalar hayat\u0131m\u0131z\u0131n ayr\u0131lmaz bir par\u00e7as\u0131 haline geldi. \u00d6zellikle sa\u011fl\u0131k, fitness ve beslenme gibi alanlarda ki\u015fiselle\u015ftirilmi\u015f hizmetler sunan uygulamalar, kullan\u0131c\u0131lar\u0131n beklentilerini kar\u015f\u0131lamak ve rekabette \u00f6ne \u00e7\u0131kmak i\u00e7in s\u00fcrekli olarak yenilenmek ve geli\u015fmek zorundad\u0131r. Nutrilow, kullan\u0131c\u0131lar\u0131na \u00f6zel beslenme programlar\u0131, antrenman rehberleri ve sa\u011fl\u0131k takibi sunan dinamik bir mobil uygulamayd\u0131. Ancak, bu dinamik yap\u0131n\u0131n getirdi\u011fi en b\u00fcy\u00fck zorluklardan biri, h\u0131zl\u0131 ve kesintisiz g\u00fcncellemelerdi. Geleneksel uygulama g\u00fcncelleme s\u00fcre\u00e7leri, Nutrilow’un \u00e7evik geli\u015ftirme modeline pek de uygun de\u011fildi; aksine, \u00e7o\u011fu zaman bir kabusa d\u00f6n\u00fc\u015f\u00fcyordu.<\/p>\n
Uygulama ma\u011fazalar\u0131 (App Store ve Google Play Store) arac\u0131l\u0131\u011f\u0131yla yap\u0131lan g\u00fcncellemeler, bir\u00e7ok a\u015famadan ge\u00e7mek zorundad\u0131r. \u00d6ncelikle, her g\u00fcncelleme i\u00e7in uygulaman\u0131n yeni bir s\u00fcr\u00fcm\u00fcn\u00fc derlemeniz, ard\u0131ndan bu s\u00fcr\u00fcm\u00fc ma\u011fazalar\u0131n incelemesine g\u00f6ndermeniz gerekir. \u0130nceleme s\u00fcreci g\u00fcnler, hatta bazen haftalar s\u00fcrebilir. Bu bekleme s\u00fcresi, Nutrilow gibi anl\u0131k i\u00e7erik de\u011fi\u015fiklikleri veya acil hata d\u00fczeltmeleri gerektiren bir uygulama i\u00e7in kabul edilemezdi. \u00d6rne\u011fin, yeni bir diyet trendi h\u0131zla pop\u00fclerle\u015fti\u011finde veya kritik bir beslenme bilgisi de\u011fi\u015fti\u011finde, Nutrilow’un bu bilgileri kullan\u0131c\u0131lar\u0131na en k\u0131sa s\u00fcrede ula\u015ft\u0131rmas\u0131 hayati \u00f6nem ta\u015f\u0131yordu. Geleneksel y\u00f6ntemle bu, hem kullan\u0131c\u0131 kayb\u0131na hem de marka itibar\u0131n\u0131n zedelenmesine neden olabilirdi.<\/p>\n
\u00dcstelik, kullan\u0131c\u0131lar\u0131n her zaman g\u00fcncellemeleri hemen indirmedi\u011fi de bir ger\u00e7ek. Bildirimler g\u00f6zden ka\u00e7abilir veya kullan\u0131c\u0131lar veri kotalar\u0131n\u0131 d\u00fc\u015f\u00fcnerek g\u00fcncellemeyi erteleyebilirler. Bu durum, uygulama fragmantasyonuna yol a\u00e7ar; yani, farkl\u0131 kullan\u0131c\u0131lar uygulaman\u0131n farkl\u0131 s\u00fcr\u00fcmlerini kullanmaya devam eder. Bu da, geli\u015ftiriciler i\u00e7in destek ve test s\u00fcre\u00e7lerini karma\u015f\u0131kla\u015ft\u0131r\u0131r. Nutrilow’un hedefi, t\u00fcm kullan\u0131c\u0131lar\u0131na ayn\u0131 anda, tutarl\u0131 ve en g\u00fcncel deneyimi sunmakt\u0131. Uygulama ma\u011fazas\u0131 k\u0131s\u0131tlamalar\u0131 ve kullan\u0131c\u0131 davran\u0131\u015flar\u0131, bu hedefe ula\u015fmam\u0131z\u0131 zorla\u015ft\u0131r\u0131yordu. \u0130\u015fte tam bu noktada, Over-the-Air (OTA) g\u00fcncelleme sistemleri, Nutrilow gibi uygulamalar i\u00e7in adeta bir kurtar\u0131c\u0131 olarak ortaya \u00e7\u0131kt\u0131. OTA g\u00fcncellemeleri sayesinde, uygulamam\u0131z\u0131n JavaScript kod taban\u0131nda yapt\u0131\u011f\u0131m\u0131z de\u011fi\u015fiklikleri, uygulama ma\u011fazalar\u0131n\u0131n uzun onay s\u00fcre\u00e7lerini beklemeden, do\u011frudan kullan\u0131c\u0131lar\u0131n cihazlar\u0131na ula\u015ft\u0131rabiliyorduk. Bu, Nutrilow ekibine e\u015fi benzeri g\u00f6r\u00fclmemi\u015f bir h\u0131z ve esneklik kazand\u0131rd\u0131. Bu makalenin ilerleyen b\u00f6l\u00fcmlerinde, bu sistemi nas\u0131l kurdu\u011fumuzu detayl\u0131ca inceleyece\u011fiz.<\/p>\n
Over-the-Air (OTA) g\u00fcncelleme, mobil uygulamalar\u0131n ana kod taban\u0131nda (\u00f6zellikle React Native, Ionic, Flutter gibi JavaScript tabanl\u0131 \u00e7er\u00e7evelerle geli\u015ftirilenlerde) yap\u0131lan de\u011fi\u015fikliklerin, uygulama ma\u011fazalar\u0131 arac\u0131l\u0131\u011f\u0131yla yeni bir ikili (binary) s\u00fcr\u00fcm yay\u0131nlamadan do\u011frudan kullan\u0131c\u0131 cihazlar\u0131na da\u011f\u0131t\u0131lmas\u0131 s\u00fcrecidir. K\u0131saca, uygulaman\u0131z\u0131n \u00e7ekirdek kodunu (JavaScript bundle, varl\u0131klar) uzaktan, “havadan” g\u00fcncelleyebilirsiniz. Bu, geleneksel “binary push” modelinden farkl\u0131 olarak, sadece uygulaman\u0131n UI veya i\u015f mant\u0131\u011f\u0131 katman\u0131ndaki de\u011fi\u015fiklikleri kapsar; yani, uygulaman\u0131n native mod\u00fcllerinde (Java\/Kotlin veya Objective-C\/Swift) bir de\u011fi\u015fiklik yapmad\u0131\u011f\u0131n\u0131z s\u00fcrece OTA yeterlidir.<\/p>\n
Nutrilow i\u00e7in OTA g\u00fcncellemelerin kritik olmas\u0131n\u0131n birka\u00e7 temel nedeni vard\u0131. \u0130lk olarak, Nutrilow’un i\u015f modeli, s\u00fcrekli de\u011fi\u015fen diyet planlar\u0131, yeni egzersiz videolar\u0131 ve beslenme makaleleri gibi dinamik i\u00e7eriklere dayan\u0131yordu. Pazarlama kampanyalar\u0131, \u00f6zel d\u00f6nem indirimleri veya yeni y\u0131l diyetleri gibi anl\u0131k olaylar, uygulaman\u0131n aray\u00fcz\u00fcnde veya i\u015f mant\u0131\u011f\u0131nda h\u0131zl\u0131 de\u011fi\u015fiklikler gerektiriyordu. Geleneksel g\u00fcncelleme s\u00fcre\u00e7leri bu h\u0131za ayak uyduram\u0131yordu. \u0130kinci olarak, geli\u015ftirme ekibi olarak, ke\u015ffedilen hatalara (bug fix) an\u0131nda m\u00fcdahale etme ve bu d\u00fczeltmeleri t\u00fcm kullan\u0131c\u0131lara gecikmeden ula\u015ft\u0131rma kapasitesine sahip olmak istiyorduk. Uygulama ma\u011fazas\u0131 incelemeleri, acil bir hata d\u00fczeltmesini bile g\u00fcnlerce erteleyebilirdi ki bu durum kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan kabul edilemezdi.<\/p>\n
Expo’nun OTA deste\u011fi, bu noktada bizim i\u00e7in bi\u00e7ilmi\u015f kaftand\u0131. Expo, React Native uygulamalar\u0131n\u0131 geli\u015ftirmeyi kolayla\u015ft\u0131ran bir \u00e7er\u00e7evedir ve yerle\u015fik olarak g\u00fc\u00e7l\u00fc bir OTA g\u00fcncelleme mekanizmas\u0131 sunar. Expo, uygulaman\u0131n JavaScript bundle’\u0131n\u0131 ve di\u011fer varl\u0131klar\u0131n\u0131 Expo’nun kendi sunucular\u0131nda (veya kendi sunucunuzda) bar\u0131nd\u0131r\u0131r ve uygulama her a\u00e7\u0131ld\u0131\u011f\u0131nda veya belirli aral\u0131klarla yeni bir g\u00fcncelleme olup olmad\u0131\u011f\u0131n\u0131 kontrol eder. E\u011fer yeni bir s\u00fcr\u00fcm varsa, bunu indirir ve bir sonraki a\u00e7\u0131l\u0131\u015fta veya hemen uygular. Bu sayede, Nutrilow’un t\u00fcm kullan\u0131c\u0131lar\u0131, uygulaman\u0131n en g\u00fcncel s\u00fcr\u00fcm\u00fcn\u00fc otomatik olarak alabiliyordu. Bu durum, hem geli\u015ftirme verimlili\u011fini art\u0131rd\u0131 hem de kullan\u0131c\u0131 memnuniyetini zirveye ta\u015f\u0131d\u0131. \u00d6zellikle Nutrilow’un global kullan\u0131c\u0131 taban\u0131na sahip olmas\u0131, farkl\u0131 saat dilimlerinde ve co\u011frafyalarda e\u015f zamanl\u0131 g\u00fcncelleme da\u011f\u0131t\u0131m\u0131n\u0131 \u00e7ok daha \u00f6nemli k\u0131l\u0131yordu. Manuel bir g\u00fcncelleme s\u00fcreci yerine otomatik bir OTA ak\u0131\u015f\u0131, bu karma\u015f\u0131kl\u0131\u011f\u0131 ortadan kald\u0131rd\u0131. Bu sistem sayesinde, Nutrilow’un geli\u015ftirme d\u00f6ng\u00fcs\u00fc h\u0131zland\u0131, yeni \u00f6zellikler \u00e7ok daha \u00e7abuk yay\u0131na al\u0131nd\u0131 ve kritik hatalar an\u0131nda d\u00fczeltilebildi. B\u00f6ylece, kullan\u0131c\u0131lar her zaman en iyi ve en g\u00fcncel Nutrilow deneyimini ya\u015fayabildiler.<\/p>\n
Nutrilow i\u00e7in bir OTA g\u00fcncelleme sistemi kurman\u0131n temel ta\u015flar\u0131ndan biri, g\u00fcncelleme dosyalar\u0131n\u0131 bar\u0131nd\u0131racak ve mobil uygulamalar\u0131n sorgulayabilece\u011fi bir backend sunucusu olu\u015fturmakt\u0131. Bu g\u00f6revi yerine getirmek i\u00e7in Node.js ekosisteminin pop\u00fcler web framework’\u00fc ExpressJS’i tercih ettim. ExpressJS, hafifli\u011fi, esnekli\u011fi ve geni\u015f topluluk deste\u011fi sayesinde bu t\u00fcr bir API sunucusu i\u00e7in ideal bir se\u00e7imdi. Amac\u0131m\u0131z, Nutrilow mobil uygulamas\u0131 taraf\u0131ndan sorgulanabilecek, g\u00fcncel s\u00fcr\u00fcm bilgilerini ve ilgili JavaScript bundle’\u0131n\u0131 sa\u011flayacak bir endpoint olu\u015fturmakt\u0131. Bu, uygulaman\u0131n her ba\u015flang\u0131c\u0131nda veya belirli aral\u0131klarla sunucumuzla ileti\u015fim kurarak yeni bir g\u00fcncelleme olup olmad\u0131\u011f\u0131n\u0131 kontrol etmesine olanak tan\u0131yacakt\u0131.<\/p>\n
\u0130lk ad\u0131m, temel bir ExpressJS projesi olu\u015fturmakt\u0131. Projenin yap\u0131s\u0131 olduk\u00e7a basitti: bir ana sunucu dosyas\u0131 ( <\/code><\/p>\n Ard\u0131ndan, <\/code><\/p>\n Bu kod blo\u011funda, G\u00fcvenlik her zaman \u00f6n planda olmal\u0131d\u0131r. G\u00fcncelleme endpoint'inin kimlik do\u011frulama veya yetkilendirme ile korunmas\u0131 \u00f6nemlidir. Bu, sadece yetkili cihazlar\u0131n veya kullan\u0131c\u0131lar\u0131n g\u00fcncelleme sorgular\u0131 yapabilmesini sa\u011flar. Ayr\u0131ca, HTTPS kullan\u0131m\u0131 zorunludur. G\u00fcncelleme dosyalar\u0131n\u0131n indirme linklerinin HTTPS \u00fczerinden sunuldu\u011fundan emin olun. Aksi takdirde, MITM (Man-in-the-Middle) sald\u0131r\u0131lar\u0131na a\u00e7\u0131k hale gelebilirsiniz. Son olarak, versiyon kontrol\u00fc i\u00e7in SemVer (Semantic Versioning) kurallar\u0131na uymak, g\u00fcncellemelerin tutarl\u0131 ve \u00f6ng\u00f6r\u00fclebilir olmas\u0131n\u0131 sa\u011flar. Bu sayede, uygulaman\u0131n hangi g\u00fcncellemeleri almas\u0131 gerekti\u011fini daha net belirleyebilirsiniz.<\/p>\n ExpressJS tabanl\u0131 OTA sunucumuzu kurduktan sonra, s\u0131ra Nutrilow mobil uygulamas\u0131n\u0131 bu sunucuyla ileti\u015fim kurmaya ve g\u00fcncellemeleri almaya haz\u0131rlamaya geldi. Bu a\u015famada, Expo'nun sa\u011flad\u0131\u011f\u0131 g\u00fc\u00e7l\u00fc \u0130lk ad\u0131m, <\/code><\/p>\n Uygulama i\u00e7inde g\u00fcncelleme kontrol\u00fc ve uygulama mant\u0131\u011f\u0131, genellikle <\/code><\/p>\n Bu \u00f6rnek kod, uygulaman\u0131n ba\u015flad\u0131\u011f\u0131nda ( CI\/CD (S\u00fcrekli Entegrasyon\/S\u00fcrekli Da\u011f\u0131t\u0131m) s\u00fcrecine entegrasyon, bu sistemin verimli \u00e7al\u0131\u015fmas\u0131 i\u00e7in kilit \u00f6neme sahiptir. Expo'nun Son olarak, devre d\u0131\u015f\u0131 b\u0131rakma veya geri alma (rollback) senaryolar\u0131n\u0131 d\u00fc\u015f\u00fcnmek \u00f6nemlidir. Nadiren de olsa, yeni bir g\u00fcncelleme kritik bir hataya yol a\u00e7abilir. Bu durumda, sunucunuzdaki OTA manifestini eski bir s\u00fcr\u00fcme i\u015faret edecek \u015fekilde de\u011fi\u015ftirerek, uygulamalar\u0131n eski, stabil s\u00fcr\u00fcme geri d\u00f6nmesini sa\u011flayabilirsiniz. Bu, bir g\u00fcvenlik a\u011f\u0131 g\u00f6revi g\u00f6r\u00fcr ve olas\u0131 felaketleri \u00f6nler.<\/p>\n Nutrilow gibi kullan\u0131c\u0131 sa\u011fl\u0131\u011f\u0131 ve verileriyle ilgilenen bir uygulamada, OTA g\u00fcncelleme sisteminin g\u00fcvenli\u011fi ve performans\u0131 b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. G\u00fcncellemeler ne kadar h\u0131zl\u0131 ve kolay olursa olsun, e\u011fer g\u00fcvenlikten \u00f6d\u00fcn verilirse veya performans sorunlar\u0131 ya\u015fan\u0131rsa, kullan\u0131c\u0131 g\u00fcvenini ve deneyimini ciddi \u015fekilde zedeleyebilir. Bu nedenle, ExpressJS sunucumuzda ve genel mimarimizde bir dizi g\u00fcvenlik ve performans optimizasyonu uygulad\u0131k.<\/p>\n 1. HTTPS Kullan\u0131m\u0131:<\/strong> Bu, olmazsa olmazd\u0131r. OTA sunucusuyla mobil uygulama aras\u0131ndaki t\u00fcm ileti\u015fim, kesinlikle HTTPS \u00fczerinden ger\u00e7ekle\u015fmelidir. HTTPS, verilerin \u015fifrelenmesini sa\u011flayarak g\u00fcncelleme paketlerinin veya manifest bilgilerinin k\u00f6t\u00fc niyetli ki\u015filer taraf\u0131ndan ele ge\u00e7irilmesini veya de\u011fi\u015ftirilmesini engeller. Sunucumuz i\u00e7in Let's Encrypt gibi \u00fccretsiz sertifika otoritelerinden al\u0131nan SSL\/TLS sertifikalar\u0131 kullanmak, bu maliyeti d\u00fc\u015f\u00fcr\u00fcr.<\/p>\n <\/code><\/p>\n 2. Kimlik Do\u011frulama ve Yetkilendirme (JWT):<\/strong> OTA endpoint'imize gelen isteklerin sadece Nutrilow uygulamalar\u0131ndan veya yetkili cihazlardan geldi\u011finden emin olmak i\u00e7in basit bir kimlik do\u011frulama mekanizmas\u0131 ekledik. JSON Web Token (JWT) bu konuda olduk\u00e7a etkili bir \u00e7\u00f6z\u00fcmd\u00fcr. Uygulama ilk y\u00fcklendi\u011finde veya kullan\u0131c\u0131 giri\u015f yapt\u0131\u011f\u0131nda bir JWT alabilir ve sonraki OTA isteklerinde bu token'\u0131 kullanabilir. Sunucu, her iste\u011fi i\u015fleme almadan \u00f6nce token'\u0131 do\u011frulayarak g\u00fcvenli\u011fi art\u0131r\u0131r.<\/p>\n <\/code><\/p>\n 3. Veri B\u00fct\u00fcnl\u00fc\u011f\u00fc Kontrol\u00fc:<\/strong> \u0130ndirilen g\u00fcncelleme paketlerinin b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc do\u011frulamak i\u00e7in, sunucunun manifest i\u00e7inde g\u00fcncelleme dosyas\u0131n\u0131n SHA-256 hash'ini sa\u011flamas\u0131 ve uygulaman\u0131n bu hash'i indirilen dosyayla kar\u015f\u0131la\u015ft\u0131rmas\u0131 \u00f6nemlidir. Expo'nun 1. CDN Kullan\u0131m\u0131:<\/strong> G\u00fcncelleme paketleri (JavaScript bundle'lar\u0131 ve varl\u0131klar) genellikle b\u00fcy\u00fck boyutlu olabilir. Bu dosyalar\u0131 do\u011frudan ExpressJS sunucusu \u00fczerinden sunmak, sunucunun bant geni\u015fli\u011fini t\u00fcketebilir ve k\u00fcresel \u00e7apta kullan\u0131c\u0131lara yava\u015f eri\u015fim sa\u011flayabilir. \u00c7\u00f6z\u00fcm, Amazon S3, Google Cloud Storage veya Cloudflare gibi bir \u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131 (CDN) kullanmakt\u0131r. CDN'ler, dosyalar\u0131 d\u00fcnyan\u0131n d\u00f6rt bir yan\u0131ndaki sunucularda \u00f6nbelle\u011fe alarak kullan\u0131c\u0131lara en yak\u0131n lokasyondan h\u0131zl\u0131ca sunar. Bu, g\u00fcncelleme indirme s\u00fcrelerini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r.<\/p>\n <\/code><\/p>\n 2. \u00d6nbellekleme Stratejileri:<\/strong> ExpressJS sunucusunda \u00f6nbellekleme ba\u015fl\u0131klar\u0131n\u0131 (Cache-Control, ETag) do\u011fru \u015fekilde ayarlamak, taray\u0131c\u0131lar\u0131n ve istemcilerin (mobil uygulama) g\u00fcncelleme manifestlerini gereksiz yere tekrar indirmesini \u00f6nler. Bu, sunucu y\u00fck\u00fcn\u00fc azalt\u0131r ve istemci taraf\u0131nda daha h\u0131zl\u0131 yan\u0131t s\u00fcreleri sa\u011flar.<\/p>\n 3. S\u0131k\u0131\u015ft\u0131rma:<\/strong> G\u00fcncelleme paketlerinin (JavaScript bundle'lar\u0131) s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f (gzip, brotli) olarak sunulmas\u0131, indirilecek veri miktar\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r. ExpressJS, <\/code><\/p>\n 4. Kademeli Yay\u0131nlama (Rollout):<\/strong> Yeni g\u00fcncellemeleri t\u00fcm kullan\u0131c\u0131lara ayn\u0131 anda g\u00f6ndermek yerine, \u00f6nce k\u00fc\u00e7\u00fck bir kullan\u0131c\u0131 grubuna (\u00f6rne\u011fin, beta test kullan\u0131c\u0131lar\u0131 veya %5'lik bir dilim) g\u00f6ndermek, olas\u0131 sorunlar\u0131 b\u00fcy\u00fck \u00f6l\u00e7ekli bir felakete d\u00f6n\u00fc\u015fmeden tespit etme imkan\u0131 sunar. Bu sayede, hatalar daha k\u00fc\u00e7\u00fck bir kitle \u00fczerinde test edilir ve ana kullan\u0131c\u0131 kitlesi g\u00fcvende kal\u0131r. ExpressJS sunucusunda, kullan\u0131c\u0131 ID'sine veya rastgele bir y\u00fczdeye g\u00f6re g\u00fcncelleme da\u011f\u0131t\u0131m\u0131n\u0131 kontrol eden mant\u0131k ekleyebilirsiniz.<\/p>\n OTA g\u00fcncellemeleri genellikle uygulaman\u0131n JavaScript\/UI katman\u0131n\u0131 etkiler. Nutrilow gibi bir uygulamada farkl\u0131 ekran boyutlar\u0131na ve cihazlara uyum sa\u011flamak esast\u0131r. React Native, platformlar aras\u0131 responsive tasar\u0131m i\u00e7in yerle\u015fik yetenekler sunsa da, genel prensipleri hat\u0131rlamakta fayda var. E\u011fer sunucunuzdan baz\u0131 stil dosyalar\u0131 veya \u015fablonlar geliyorsa (ki bu OTA senaryosunda pek yayg\u0131n de\u011fil, ama teorik olarak m\u00fcmk\u00fcn), mobil uyumlulu\u011fu sa\u011flamak i\u00e7in medya sorgular\u0131 gibi teknikler kullanabilirsiniz. \u0130\u015fte bir \u00f6rnek:<\/p>\n <\/code><\/p>\n Bu CSS medya sorgusu \u00f6rnekleri, uygulaman\u0131n statik veya web tabanl\u0131 par\u00e7alar\u0131nda farkl\u0131 ekran boyutlar\u0131na g\u00f6re stil uyarlamalar\u0131 yapman\u0131za yard\u0131mc\u0131 olabilir. Ancak Expo\/React Native ba\u011flam\u0131nda, bu t\u00fcr responsive tasar\u0131m genellikle do\u011frudan JavaScript i\u00e7inde Bu g\u00fcvenlik ve performans optimizasyonlar\u0131, Nutrilow'un OTA g\u00fcncelleme sistemini sadece i\u015flevsel de\u011fil, ayn\u0131 zamanda sa\u011flam ve g\u00fcvenilir hale getirdi. Kullan\u0131c\u0131lar, h\u0131zl\u0131 ve sorunsuz g\u00fcncellemelerle her zaman en iyi deneyimi ya\u015farken, biz de verilerin g\u00fcvenli\u011fi konusunda i\u00e7imiz rahat bir \u015fekilde geli\u015ftirmeye devam edebildik.<\/p>\n Nutrilow i\u00e7in ExpressJS ve Expo kullanarak kendi OTA (Over-the-Air) g\u00fcncelleme sistemimizi in\u015fa etmek, mobil uygulama geli\u015ftirme s\u00fcrecimizde devrim niteli\u011finde bir de\u011fi\u015fim yaratt\u0131. Geleneksel uygulama ma\u011fazas\u0131 s\u00fcre\u00e7lerinin getirdi\u011fi k\u0131s\u0131tlamalar\u0131 a\u015farak, Nutrilow'u dinamik, h\u0131zl\u0131 tepki veren ve s\u00fcrekli g\u00fcncel kalabilen bir platform haline getirdik. Bu maceradan edindi\u011fimiz en \u00f6nemli derslerden biri, geli\u015ftirme h\u0131z\u0131n\u0131n ve esnekli\u011fin, g\u00fcn\u00fcm\u00fcz rekabet\u00e7i mobil pazar\u0131nda ne kadar kritik oldu\u011fudur. Art\u0131k yeni diyet programlar\u0131, antrenman mod\u00fclleri veya kritik hata d\u00fczeltmeleri, saatler i\u00e7inde t\u00fcm kullan\u0131c\u0131lar\u0131m\u0131za ula\u015ft\u0131r\u0131labiliyor. Bu durum, hem geli\u015ftirme ekibinin verimlili\u011fini art\u0131rd\u0131 hem de kullan\u0131c\u0131 memnuniyetini \u00f6nemli \u00f6l\u00e7\u00fcde y\u00fckseltti.<\/p>\n OTA sistemi sayesinde Nutrilow, \"minimum ya\u015fanabilir \u00fcr\u00fcn\" (MVP) yakla\u015f\u0131m\u0131n\u0131 daha etkili bir \u015fekilde benimseyebildi. \u00d6zellikleri daha k\u00fc\u00e7\u00fck par\u00e7alar halinde yay\u0131nlayarak, kullan\u0131c\u0131 geri bildirimlerini h\u0131zla al\u0131p entegre edebildik. Bu, \u00fcr\u00fcn\u00fcn pazar ihtiya\u00e7lar\u0131na g\u00f6re daha h\u0131zl\u0131 evrilmesini sa\u011flad\u0131. Ayr\u0131ca, uygulaman\u0131n teknik borcunu azaltmada da etkili oldu; \u00e7\u00fcnk\u00fc her an bir hatay\u0131 uzaktan d\u00fczeltebilme yetene\u011fi, daha az stresli bir hata giderme s\u00fcreci anlam\u0131na geliyordu. G\u00fcvenlik ve performans optimizasyonlar\u0131na yapt\u0131\u011f\u0131m\u0131z yat\u0131r\u0131mlar, sistemin sadece h\u0131zl\u0131 de\u011fil, ayn\u0131 zamanda g\u00fcvenilir ve \u00f6l\u00e7eklenebilir olmas\u0131n\u0131 sa\u011flad\u0131. HTTPS, JWT tabanl\u0131 kimlik do\u011frulama ve CDN kullan\u0131m\u0131 gibi uygulamalar, hem verilerin korunmas\u0131na hem de k\u00fcresel \u00e7apta h\u0131zl\u0131 eri\u015fime imkan tan\u0131d\u0131.<\/p>\n Nutrilow'un OTA yolculu\u011fu burada bitmiyor. Gelecekte, bu sistemi daha da geli\u015ftirmeyi planl\u0131yoruz:<\/p>\n Kendi OTA sisteminizi kurmak, ilk ba\u015fta g\u00f6z korkutucu g\u00f6r\u00fcnse de, Expo ve ExpressJS gibi modern ara\u00e7larla bu s\u00fcre\u00e7 olduk\u00e7a y\u00f6netilebilir hale geliyor. Nutrilow'un hikayesi, bu t\u00fcr bir yat\u0131r\u0131m\u0131n uzun vadede nas\u0131l b\u00fcy\u00fck getiriler sa\u011flayabilece\u011finin g\u00fczel bir \u00f6rne\u011fidir.<\/p>\n Hay\u0131r, OTA g\u00fcncellemeleri yaln\u0131zca uygulaman\u0131n JavaScript kod taban\u0131 ve varl\u0131klar\u0131 (resimler, fontlar vb.) i\u00e7in ge\u00e7erlidir. E\u011fer uygulaman\u0131z\u0131n native mod\u00fcllerinde (Java\/Kotlin veya Objective-C\/Swift) bir de\u011fi\u015fiklik yapman\u0131z gerekiyorsa, bu durumda uygulama ma\u011fazalar\u0131 arac\u0131l\u0131\u011f\u0131yla yeni bir binary s\u00fcr\u00fcm yay\u0131nlaman\u0131z zorunludur.<\/p>\n Kesinlikle! ExpressJS, Node.js ekosisteminde pop\u00fcler bir se\u00e7enektir ancak FastAPI (Python), Laravel (PHP), Spring Boot (Java) veya Go tabanl\u0131 framework'ler gibi herhangi bir backend teknolojisini kullanarak OTA sunucusu kurabilirsiniz. \u00d6nemli olan, mobil uygulaman\u0131z\u0131n (Expo durumunda) bekledi\u011fi JSON manifest format\u0131n\u0131 do\u011fru \u015fekilde d\u00f6nd\u00fcrebilmenizdir.<\/p>\n Genellikle hay\u0131r. Apple ve Google, React Native veya benzeri teknolojilerle geli\u015ftirilen uygulamalar\u0131n JavaScript ve varl\u0131k tabanl\u0131 g\u00fcncellemeleri do\u011frudan da\u011f\u0131tmas\u0131na izin verir. Ancak, bu g\u00fcncellemelerin uygulaman\u0131n ana i\u015flevini veya amac\u0131n\u0131 tamamen de\u011fi\u015ftirmemesi \u00f6nemlidir. B\u00fcy\u00fck \u00e7apl\u0131 i\u015flevsel de\u011fi\u015fiklikler i\u00e7in hala binary g\u00fcncelleme yap\u0131lmas\u0131 tavsiye edilir.<\/p>\n Evet, Amazon S3, Google Cloud Storage veya Azure Blob Storage gibi bulut depolama hizmetleri, g\u00fcncelleme paketlerini depolamak i\u00e7in olduk\u00e7a pop\u00fcler ve \u00f6l\u00e7eklenebilir \u00e7\u00f6z\u00fcmlerdir. Bu hizmetler ayn\u0131 zamanda CDN entegrasyonu da sunarak g\u00fcncelleme da\u011f\u0131t\u0131m h\u0131z\u0131n\u0131 art\u0131r\u0131r. Expo'nun kendi hizmetlerini kullan\u0131yorsan\u0131z, onlar da bu depolama ve da\u011f\u0131t\u0131m i\u015fini sizin i\u00e7in halleder.<\/p>\n Evet, bu kritik bir yetenektir. Olu\u015fturdu\u011funuz OTA sunucusunda, manifest dosyas\u0131n\u0131 daha \u00f6nceki stabil bir s\u00fcr\u00fcme i\u015faret edecek \u015fekilde de\u011fi\u015ftirerek geri alma yapabilirsiniz. Mobil uygulama bir sonraki kontrol\u00fcnde bu eski manifest'i alacak ve \u00f6nceki stabil s\u00fcr\u00fcm\u00fc indirecektir. Bu, olas\u0131 kritik hatalarda h\u0131zl\u0131ca m\u00fcdahale etmenizi sa\u011flar.<\/p>\n","protected":false},"excerpt":{"rendered":"Mobil uygulama geli\u015ftirme s\u00fcrecinde g\u00fcncellemeler, \u00e7o\u011fu zaman geli\u015ftiriciler i\u00e7in bir \u00e7ileye d\u00f6n\u00fc\u015febilir. Nutrilow gibi dinamik ve h\u0131zla de\u011fi\u015fen…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-32895","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nserver.js<\/code> veya app.js<\/code>), g\u00fcncelleme dosyalar\u0131n\u0131n saklanaca\u011f\u0131 bir dizin (\u00f6rne\u011fin, \/updates<\/code>) ve gerekli paketleri tan\u0131mlayan bir package.json<\/code> dosyas\u0131.<\/p>\n\n# Proje dizini olu\u015ftur\nmkdir nutrilow-ota-server\ncd nutrilow-ota-server\n\n# Yeni Node.js projesi ba\u015flat\nnpm init -y\n\n# ExpressJS'i kur\nnpm install express\n<\/pre>\nserver.js<\/code> dosyas\u0131n\u0131 olu\u015fturarak temel bir Express uygulamas\u0131 kurdum. Bu uygulama, belirli bir port \u00fczerinden gelen isteklere yan\u0131t verecekti. En \u00f6nemli k\u0131s\u0131m, mobil uygulaman\u0131n g\u00fcncel s\u00fcr\u00fcm bilgilerini alabilece\u011fi bir API endpoint'i tasarlamakt\u0131. Nutrilow \u00f6rne\u011finde, mobil uygulama Expo'nun expo-updates<\/code> mod\u00fcl\u00fcn\u00fc kullanaca\u011f\u0131 i\u00e7in, sunucunun Expo'nun bekledi\u011fi formatta bir yan\u0131t d\u00f6nd\u00fcrmesi gerekiyordu. Bu yan\u0131t genellikle bir JSON objesi i\u00e7erir ve uygulaman\u0131n en son JavaScript bundle'\u0131n\u0131n URL'ini ve di\u011fer metadata bilgilerini bar\u0131nd\u0131r\u0131r.<\/p>\n\n\/\/ server.js\nconst express = require('express');\nconst path = require('path');\nconst fs = require('fs');\n\nconst app = express();\nconst PORT = process.env.PORT || 3000;\n\n\/\/ G\u00fcncelleme dosyalar\u0131n\u0131n bulundu\u011fu dizin\nconst UPDATES_DIR = path.join(__dirname, 'updates'); \n\n\/\/ E\u011fer yoksa g\u00fcncelleme dizinini olu\u015ftur\nif (!fs.existsSync(UPDATES_DIR)) {\n fs.mkdirSync(UPDATES_DIR);\n}\n\n\/\/ Statik dosyalar\u0131 (g\u00fcncelleme paketleri) sunmak i\u00e7in middleware\napp.use('\/updates', express.static(UPDATES_DIR));\n\n\/\/ OTA g\u00fcncelleme kontrol endpoint'i\napp.get('\/api\/ota-status', (req, res) => {\n \/\/ Mobil uygulaman\u0131n mevcut s\u00fcr\u00fcm\u00fcn\u00fc sorgudan al\n const currentAppVersion = req.query.currentVersion; \n \n \/\/ Uygulaman\u0131z\u0131n mevcut durumu ve yay\u0131nlad\u0131\u011f\u0131n\u0131z g\u00fcncelleme paketleri\n \/\/ Ger\u00e7ek bir senaryoda bu bilgiler bir veritaban\u0131ndan veya \n \/\/ daha dinamik bir yerden \u00e7ekilmelidir.\n const latestUpdate = {\n version: '1.0.1', \/\/ En son yay\u0131nlad\u0131\u011f\u0131n\u0131z uygulaman\u0131n mant\u0131ksal s\u00fcr\u00fcm\u00fc\n bundleUrl: https:\/\/yourdomain.com\/updates\/nutrilow-1.0.1.zip<\/code>, \/\/ G\u00fcncelleme paketinin URL'i\n \/\/ Daha fazla metadata eklenebilir: de\u011fi\u015fliklikler, platforma \u00f6zel URL'ler vb.\n };\n\n \/\/ Mevcut s\u00fcr\u00fcmden daha yeni bir g\u00fcncelleme olup olmad\u0131\u011f\u0131n\u0131 kontrol et\n \/\/ SemVer (Semantic Versioning) kullanarak versiyon kar\u015f\u0131la\u015ft\u0131rmas\u0131 yapmal\u0131s\u0131n\u0131z.\n \/\/ Basit bir \u00f6rnek i\u00e7in string kar\u015f\u0131la\u015ft\u0131rmas\u0131 kullan\u0131yoruz.\n if (latestUpdate.version > currentAppVersion) {\n res.json({\n available: true,\n manifest: {\n id: latestUpdate.version, \/\/ Expo g\u00fcncelleme ID'si\n createdAt: new Date().toISOString(),\n runtimeVersion: \"1.0.0\", \/\/ Expo runtime version (genellikle de\u011fi\u015fmez)\n launchAsset: {\n url: latestUpdate.bundleUrl,\n },\n assets: [], \/\/ E\u011fer ek varl\u0131klar varsa buraya eklenir\n metadata: {\n updateGroup: latestUpdate.version,\n branch: \"default\",\n }\n }\n });\n } else {\n res.json({ available: false });\n }\n});\n\n\/\/ Sunucuyu dinlemeye ba\u015fla\napp.listen(PORT, () => {\n console.log(Nutrilow OTA Sunucusu ${PORT} portunda \u00e7al\u0131\u015f\u0131yor.<\/code>);\n});\n<\/pre>\n\/api\/ota-status<\/code> endpoint'i, mobil uygulaman\u0131n mevcut s\u00fcr\u00fcm\u00fcn\u00fc (currentVersion<\/code> query parametresi ile) al\u0131r ve sunucudaki en g\u00fcncel s\u00fcr\u00fcmle kar\u015f\u0131la\u015ft\u0131r\u0131r. E\u011fer yeni bir s\u00fcr\u00fcm mevcutsa, Expo'nun bekledi\u011fi manifest format\u0131nda bir JSON yan\u0131t\u0131 d\u00f6nd\u00fcr\u00fcr. bundleUrl<\/code> alan\u0131, g\u00fcncellenmi\u015f JavaScript bundle'\u0131n\u0131n bulundu\u011fu konumu i\u015faret eder. Bu bundle dosyas\u0131 (.zip<\/code> veya .tar.gz<\/code> gibi s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f bir dosya), React Native uygulaman\u0131z\u0131n derlenmi\u015f JavaScript kodunu ve t\u00fcm varl\u0131klar\u0131n\u0131 (resimler, fontlar vb.) i\u00e7erir. Bu dosyay\u0131, UPDATES_DIR<\/code> dizinine yerle\u015ftirmeniz ve Express'in express.static<\/code> middleware'\u0131 ile sunman\u0131z gerekmektedir. G\u00fcncelleme paketlerini depolamak i\u00e7in basit bir dizin kullanmak ba\u015flang\u0131\u00e7 i\u00e7in yeterli olsa da, Nutrilow gibi b\u00fcy\u00fck \u00f6l\u00e7ekli uygulamalar i\u00e7in Amazon S3 veya Google Cloud Storage gibi bulut depolama hizmetleri daha \u00f6l\u00e7eklenebilir ve g\u00fcvenli bir \u00e7\u00f6z\u00fcm sunar.<\/p>\nlatestUpdate<\/code> objesindeki version<\/code> ve bundleUrl<\/code> gibi bilgileri sabit kodlamak yerine, bir veritaban\u0131ndan veya bir yap\u0131land\u0131rma dosyas\u0131ndan dinamik olarak \u00e7ekmelisiniz. Ayr\u0131ca, farkl\u0131 platformlar (iOS\/Android) veya farkl\u0131 yay\u0131n kanallar\u0131 (production\/staging) i\u00e7in ayr\u0131 g\u00fcncellemeler sunma esnekli\u011fine sahip olmak \u00f6nemlidir.<\/div>\nExpo ve React Native Entegrasyonu: Nutrilow Uygulamas\u0131n\u0131 G\u00fcncellemeleri Dinlemeye Nas\u0131l Haz\u0131rlad\u0131m?<\/h2>\n
expo-updates<\/code> k\u00fct\u00fcphanesi devreye girdi. expo-updates<\/code>, bir React Native uygulamas\u0131na OTA g\u00fcncelleme yetenekleri kazand\u0131rmak i\u00e7in tasarlanm\u0131\u015f entegre bir \u00e7\u00f6z\u00fcmd\u00fcr. Uygulaman\u0131n her a\u00e7\u0131l\u0131\u015f\u0131nda veya belirli olaylarda, yap\u0131land\u0131rd\u0131\u011f\u0131m\u0131z g\u00fcncelleme sunucusunu kontrol eder ve varsa yeni bir g\u00fcncelleme paketini indirip uygular.<\/p>\napp.json<\/code> dosyas\u0131nda gerekli yap\u0131land\u0131rmalar\u0131 yapmakt\u0131. Bu dosya, Expo uygulaman\u0131z\u0131n manifest'idir ve \u00e7e\u015fitli platforma \u00f6zg\u00fc ayarlar\u0131 i\u00e7erir. updates<\/code> anahtar\u0131n\u0131n alt\u0131na, kendi OTA sunucumuzun URL'ini eklememiz gerekiyordu. Bu, Expo'ya g\u00fcncelleme paketlerini nereden aramas\u0131 gerekti\u011fini s\u00f6yler.<\/p>\n\n\/\/ app.json\n{\n \"expo\": {\n \"name\": \"Nutrilow\",\n \"slug\": \"nutrilow\",\n \"version\": \"1.0.0\",\n \"orientation\": \"portrait\",\n \"icon\": \".\/assets\/icon.png\",\n \"splash\": {\n \"image\": \".\/assets\/splash.png\",\n \"resizeMode\": \"contain\",\n \"backgroundColor\": \"#ffffff\"\n },\n \"updates\": {\n \"url\": \"https:\/\/yourdomain.com\/api\/ota-status\", \/\/ ExpressJS sunucumuzun OTA endpoint'i\n \"fallbackToCacheTimeout\": 0 \/\/ G\u00fcncelleme kontrol\u00fc ba\u015far\u0131s\u0131z olursa \u00f6nbelle\u011fi kullanma s\u00fcresi (ms)\n },\n \"runtimeVersion\": \"1.0.0\", \/\/ Uygulaman\u0131n native runtime s\u00fcr\u00fcm\u00fc. Genellikle sabit kal\u0131r.\n \"assetBundlePatterns\": [\n \"**\/*\"\n ],\n \"ios\": {\n \"supportsTablet\": true,\n \"bundleIdentifier\": \"com.nutrilow.app\"\n },\n \"android\": {\n \"adaptiveIcon\": {\n \"foregroundImage\": \".\/assets\/adaptive-icon.png\",\n \"backgroundColor\": \"#ffffff\"\n },\n \"package\": \"com.nutrilow.app\"\n },\n \"web\": {\n \"favicon\": \".\/assets\/favicon.png\"\n }\n }\n}\n<\/pre>\nupdates.url<\/code> alan\u0131, Expo'nun g\u00fcncelleme manifestini almak i\u00e7in kullanaca\u011f\u0131 URL'yi belirtir. Bu, \u00f6nceki b\u00f6l\u00fcmde olu\u015fturdu\u011fumuz ExpressJS endpoint'ine i\u015faret etmelidir. runtimeVersion<\/code> ise uygulaman\u0131n native k\u0131sm\u0131n\u0131n s\u00fcr\u00fcm\u00fcd\u00fcr ve genellikle Expo SDK s\u00fcr\u00fcm\u00fcyle e\u015fle\u015fir. Native kod de\u011fi\u015fiklikleri yapmad\u0131k\u00e7a bu de\u011fer sabit kalmal\u0131d\u0131r. E\u011fer bu de\u011feri de\u011fi\u015ftirirseniz, uygulama ma\u011fazas\u0131ndan yeni bir binary g\u00fcncelleme yay\u0131nlaman\u0131z gerekir.<\/p>\nApp.js<\/code> veya ana ba\u015flang\u0131\u00e7 dosyas\u0131nda y\u00fcr\u00fct\u00fcl\u00fcr. expo-updates<\/code> k\u00fct\u00fcphanesi, g\u00fcncellemeleri programatik olarak kontrol etme ve y\u00f6netme yetene\u011fi sunar. Bu sayede, kullan\u0131c\u0131ya yeni bir g\u00fcncelleme oldu\u011funu bildirebilir, iste\u011fe ba\u011fl\u0131 olarak g\u00fcncellemeyi indirmesini sa\u011flayabilir veya otomatik olarak arka planda indirip uygulayabilirsiniz.<\/p>\n\n\/\/ App.js\nimport React, { useEffect, useState } from 'react';\nimport { Text, View, ActivityIndicator, Alert, Button } from 'react-native';\nimport * as Updates from 'expo-updates';\n\nexport default function App() {\n const [isUpdateAvailable, setIsUpdateAvailable] = useState(false);\n const [isCheckingForUpdates, setIsCheckingForUpdates] = useState(true);\n\n useEffect(() => {\n checkUpdatesAsync();\n }, []);\n\n async function checkUpdatesAsync() {\n try {\n setIsCheckingForUpdates(true);\n const update = await Updates.checkForUpdateAsync();\n\n if (update.isAvailable) {\n setIsUpdateAvailable(true);\n \/\/ \u0130ste\u011fe ba\u011fl\u0131 olarak g\u00fcncellemeyi hemen indirebiliriz\n \/\/ await Updates.fetchUpdateAsync(); \n \/\/ Alert.alert('G\u00fcncelleme Mevcut!', 'Yeni bir s\u00fcr\u00fcm indirildi. Uygulama yeniden ba\u015flat\u0131lacak.', [{ text: 'Tamam', onPress: () => Updates.reloadAsync() }]);\n } else {\n console.log('Uygulama g\u00fcncel.');\n }\n } catch (e) {\n \/\/ Hata durumunda loglama veya kullan\u0131c\u0131ya bildirim\n Alert.alert('Hata', 'G\u00fcncellemeler kontrol edilirken bir hata olu\u015ftu.', [{ text: 'Tamam' }]);\n console.error(e);\n } finally {\n setIsCheckingForUpdates(false);\n }\n }\n\n async function downloadAndReloadUpdate() {\n try {\n await Updates.fetchUpdateAsync();\n Alert.alert(\n 'G\u00fcncelleme Tamamland\u0131!', \n 'Yeni \u00f6zellikler ve hata d\u00fczeltmeleri uyguland\u0131. Uygulama \u015fimdi yeniden ba\u015flat\u0131lacak.',\n [{ text: 'Tamam', onPress: () => Updates.reloadAsync() }]\n );\n } catch (e) {\n Alert.alert('Hata', 'G\u00fcncelleme indirilirken bir sorun olu\u015ftu.', [{ text: 'Tamam' }]);\n console.error(e);\n }\n }\n\n if (isCheckingForUpdates) {\n return (\n useEffect<\/code> sayesinde) g\u00fcncelleme olup olmad\u0131\u011f\u0131n\u0131 kontrol eder. E\u011fer bir g\u00fcncelleme mevcutsa, kullan\u0131c\u0131ya bir bildirim g\u00f6sterir ve \"\u015eimdi G\u00fcncelle\" butonu ile g\u00fcncellemeyi indirip uygulamay\u0131 yeniden ba\u015flatma se\u00e7ene\u011fi sunar. Updates.reloadAsync()<\/code> fonksiyonu, yeni indirilen bundle ile uygulaman\u0131n yeniden y\u00fcklenmesini sa\u011flar.<\/p>\neas build<\/code> ve eas update<\/code> komutlar\u0131, bu s\u00fcreci otomatikle\u015ftirmemizi sa\u011flar. eas build<\/code>, uygulaman\u0131z\u0131n native binary'sini olu\u015ftururken, eas update<\/code> komutu, uygulaman\u0131n JavaScript bundle'\u0131n\u0131 al\u0131r, s\u0131k\u0131\u015ft\u0131r\u0131r ve belirtti\u011finiz OTA sunucusuna (veya Expo'nun kendi sunucusuna) y\u00fckler. Bizim durumumuzda, eas update<\/code> komutunu kullanarak, olu\u015fturulan bundle'\u0131 kendi ExpressJS sunucumuza y\u00fckleyecek bir otomasyon kurabiliriz. Bu sayede, her kod de\u011fi\u015fikli\u011finde, h\u0131zl\u0131ca yeni bir OTA g\u00fcncellemesi yay\u0131nlayabiliriz.<\/p>\nG\u00fcvenlik ve Performans Optimizasyonlar\u0131: Nutrilow Kullan\u0131c\u0131lar\u0131 \u0130\u00e7in Sorunsuz Bir Deneyim<\/h2>\n
G\u00fcvenlik \u00d6nlemleri: Veri B\u00fct\u00fcnl\u00fc\u011f\u00fc ve Kullan\u0131c\u0131 Mahremiyeti<\/h3>\n
\n\/\/ \u00d6rnek ExpressJS HTTPS yap\u0131land\u0131rmas\u0131 (prod ortam\u0131 i\u00e7in daha geli\u015fmi\u015f olmal\u0131)\nconst https = require('https');\nconst fs = require('fs');\n\nconst privateKey = fs.readFileSync('\/etc\/letsencrypt\/live\/yourdomain.com\/privkey.pem', 'utf8');\nconst certificate = fs.readFileSync('\/etc\/letsencrypt\/live\/yourdomain.com\/fullchain.pem', 'utf8');\nconst credentials = { key: privateKey, cert: certificate };\n\nconst httpsServer = https.createServer(credentials, app);\nhttpsServer.listen(443, () => {\n console.log('HTTPS Server running on port 443');\n});\n<\/pre>\n\n\/\/ Basit bir JWT kontrol\u00fc middleware'\u0131\nconst jwt = require('jsonwebtoken'); \/\/ npm install jsonwebtoken\n\napp.use('\/api\/ota-status', (req, res, next) => {\n const token = req.headers['x-access-token'] || req.headers['authorization'];\n if (!token) return res.status(401).send('Eri\u015fim Reddedildi: Token Yok');\n\n try {\n const decoded = jwt.verify(token.replace('Bearer ', ''), process.env.JWT_SECRET);\n req.user = decoded;\n next();\n } catch (ex) {\n res.status(400).send('Ge\u00e7ersiz Token');\n }\n});\n<\/pre>\nexpo-updates<\/code> mod\u00fcl\u00fc genellikle bu t\u00fcr b\u00fct\u00fcnl\u00fck kontrollerini otomatik olarak yapar, ancak manuel olarak da bu kontrol mekanizmalar\u0131n\u0131 kurmak ek bir g\u00fcvenlik katman\u0131 sa\u011flar.<\/p>\nPerformans Optimizasyonlar\u0131: H\u0131zl\u0131 ve Sorunsuz G\u00fcncellemeler<\/h3>\n
\n\/\/ bundleUrl'i CDN \u00fczerinden \u00e7ekmek\nconst latestUpdate = {\n version: '1.0.1',\n bundleUrl: https:\/\/cdn.yourdomain.com\/updates\/nutrilow-1.0.1.zip<\/code>, \/\/ CDN URL'i\n};\n<\/pre>\ncompression<\/code> middleware'\u0131 ile bu i\u015flemi kolayca yapabilir.<\/p>\n\nconst compression = require('compression'); \/\/ npm install compression\napp.use(compression()); \/\/ T\u00fcm yan\u0131tlar\u0131 s\u0131k\u0131\u015ft\u0131r\n<\/pre>\nMobil Uyumluluk \u0130\u00e7in Medya Sorgular\u0131 ve Responsive Tasar\u0131m \u0130lkeleri<\/h3>\n
\n\/* style.css (\u00d6rnek bir statik stil dosyas\u0131 varsay\u0131m\u0131yla) *\/\n.container {\n padding: 20px;\n max-width: 960px;\n margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n .container {\n padding: 10px;\n margin: 0 10px;\n }\n .header-text {\n font-size: 1.2em;\n }\n}\n\n@media (max-width: 480px) {\n .header-text {\n font-size: 1em;\n }\n \/* Daha k\u00fc\u00e7\u00fck ekranlar i\u00e7in \u00f6zel ayarlar *\/\n}\n<\/pre>\nDimensions<\/code> API'si veya responsive bile\u015fen k\u00fct\u00fcphaneleri (\u00f6rne\u011fin, react-native-responsive-fontsize<\/code>) kullan\u0131larak y\u00f6netilir.<\/p>\nSonu\u00e7 ve Gelecek Perspektifleri: Nutrilow'un OTA Maceras\u0131ndan \u00c7\u0131kar\u0131lan Dersler<\/h2>\n
Gelecek Perspektifleri<\/h3>\n
\n
S\u0131k\u00e7a Sorulan Sorular<\/h3>\n
1. OTA g\u00fcncellemeleriyle native mod\u00fclleri de g\u00fcncelleyebilir miyim?<\/h4>\n
2. ExpressJS yerine ba\u015fka bir teknoloji kullanabilir miyim?<\/h4>\n
3. OTA g\u00fcncellemeleri uygulama ma\u011fazas\u0131 politikalar\u0131na ayk\u0131r\u0131 m\u0131?<\/h4>\n
4. G\u00fcncelleme paketlerini kendi sunucumda depolamak yerine ba\u015fka bir \u00e7\u00f6z\u00fcm var m\u0131?<\/h4>\n
5. Bir g\u00fcncelleme yay\u0131nlad\u0131ktan sonra geri alma (rollback) yapabilir miyim?<\/h4>\n