Android vİOS’a SqlLite PlugininiTanıtmave React Native ileİlkSqlLite Denemeyimi

Merhaba sevgiliyazılımaşıkları，

反应本机 ile uygulamageliştirirken 数据 üzerindekiişlemlerimizi服务员aracılıylasunucularüzerindegerçekleştireceğiz。 Sadece local’deçalışanuygulamalargünümüzdeyok denecek kadar az.Uygulamalar dataişimlerinisunucuüzerindeyapıyorlar。 Bizde ileri tarihli React Nativeyazılarımızdayapacağımızörnekuygulamalarıbumantıkdageliştirmeyeçalışacağız。 Geliştirmeyeçalışacağızdiyorum。 Çünkücihazüzerindemutlaka本地数据tutmamızgerekecek。 Böylebir durumda SqlLite birseçenekolabilir。 Siz altarnetif bir插入de kullanabilirsiniz。

SqlLiteyazısınıniki anaamacıolacak。

Birincisi： react-native-sqlite-storage 插件Andorid ve Ioscihazlarıiçinçalışırhale getirmek。 Bumantığıanladığımızdadiğerpluginlerikullanırkensıkıntıyaşamayızdiyedüşünüyorum。

饮食信息： Cihazüzerinde本地数据tutmakiçinyazmamızgereken SQLkodlarınımetotlararacılıylaçağırmamızısağlamak。 不说SQL的原因是什么，请执行以下操作。 佩尔·阿科尔德·奥尔马迪·阿玛·伊勒莱恩·博尔德·达哈·阿奇尔·比尔·塞克尔德·inceleyeceğiz。

SqlLite konusunabaşlamadanönce反应本机projesioluşturmamızgerekiyor。 Bununiçinreact-native init projeismi komutunu终端üzerindençalıştırmamızgerekiyor。 响应React Native 01和 响应React Native 02yazılarımıinceleyebilirsiniz。 YadaAşağıyaeklediğimReact原生projesinin orjinaldökümanındaninceleyebilirsiniz。

入门
该页面将帮助您安装和构建您的第一个React Native应用程序。 如果您已经安装了React Native，则可以… facebook.github.io

她的zaman en iyiseçenekorjinaldökümanbence。 Yada Microsoft undökümanları为她的zaman en iyiseçenek服务。 Evet evetböyledahadoğruoldu。 Hayatımboyunca odökümanlardanhiçbirşeyanlamadım🙁Birilerinin microsoftundökümanlarınasıltakip edilmeli diye bireğitimsetihazırlamasıgerekiyor bence🙂ıııııııııııııııııııııııııııı ı🙂🙂zer ml ml Microsoft Microsoft Microsoft Microsoft Microsoft Microsoft Microsoft

IOS UYGULAMASIİÇERİSİNDEPAKETİKULLANILABİLİRHALEGETİRME

Uygulamamızıayağakaldırdığımızagöre 码头 uygulamasıüzerindenprojemizin dizininiaçıyoruz。 Ardındannpm install- 保存react-native-sqlite-storage komutunuçalıştırıyoruz。

反应本机项目Ioserisine paketi indirdikten声音IOS本机dosyarınailgili插件eklememiz gerekiyor。 Buişlemiotomatik olarak yapabilmekiçinrnpm paketineihtiyacımızvar。

PaketibilgisayarımızaindirmekiçinTerminalüzerindennpm install rnpm -g komutunuçalıştırıyoruz。 Bu komut sayesinde rn paketini global olarakbilgisayarımızakurmuşoluyoruz。 （Bu komutiçinproje dizinindeolmamızagereke yok。）

rnpm paketiniayrıntılıolarak incelemek isteyenarkadaşlar。 Aşağıdakilinki takip edebilirsiniz。

rnpm / rnpm
rnpm –：iphone：React Native Package Manager github.com

Son olarak rnpm link komutunu proje dizinindeçalıştırdığımızdaaşağıdakigibi bir ekran bizikarşılıyor。 可以在SqlLite上运行IOS，然后在IOS上运行。

Yazıyabaşlarkenbuyazınınikiamacıvardemiştim。 IOS本机SqlLite插件，可以在ilkyarısınaulaştık中运行。 TamamlamamıziçinAndroid本机版本。 Şimdiikinciamacımızolan rutin olaraktekrarladığımızSQLkomutlarınıkendimethodlarımızaracılıylaçağırmakısmınageçebiliriz。 Bukütüphaneyibenyazmadım。 在视频中播放视频。视频博客yazısıolarak konuyuincelemiş。 Başarılıbirçalışmaolmuş。 Projeyi npm paketi halinedegetirmiş。 İncelemekisteyenarkadaşlariçinlinkiaşağıyaekliyorum。 Birde bizimle birlikte uygulamageliştirmeyedevam edecekarkadaşladakesin incelesin🙂Oradaki methodlarüzerindenSQLişlemlerimizigerçekleştirecece。

abdurrahmanekr / Websql-Sqlite-Service
Websql-Sqlite-Service – websql sqlite库，websqlite github.com

Konuyudallandırmadandevam edelim Projedosyarımızıniçerisine 提供程序 klasörüoluşturuyoruz。 Alt SqlService.js是Javascriptdosyasıoluşturuyoruz。 Benim proje dizininaşağıdakigibigözüküyor。

Daha sonra SqlService.jsdosyasınıniçerisineaşağıdakikodlarıkopyalıyoruzve Kaydediyoruz。

Simülatörümüzüzerindeiken Command + Dtuşunabasıyoruz。 Aşağıdakiekranaçılıyor。 Bu ekrandan 调试JS远程 seçeneğiniseçiyoruz。

EKSİKRESİM

Bir sorun yoksa Crometarayıcısısıüzerindehttp：// localhost：8081 / debugger-ui adresi otomatik olarakaçılıyor。 Tabi Chrometarayıcısıbilgisayarınızdayüklüolmasıgerekiyor。 Buda yetmiyor mugi gibi ChrometarayıcısındadaReact开发人员工具 Eklentisinin ekliolmasıgerekiyor。 Hemenaşağıyalinklerini ekliyorum。 Kurulumlar tam ama chrometarayıcısıüzerindesayfaaçılmıyor。 O zaman yapacak fazla birşeykalmadıyukarıdakiyazdığım 调试器 adresini chrometarayıcısıüzerindemanuel olarakbaşlatacağız。

Chrome桌面版
Google Chrome浏览器是一种快速，安全且免费的网络浏览器，专为现代网络而设计。 立即在您的桌面上尝试一下。 www.google.com React开发人员工具
将React调试工具添加到Chrome开发者工具中。 chrome.google.com

桑德拉açılansayfayasağtıklayıpinceleseceneğiniseçiyorum。

Herhagi bir sorun yoksaeklediğimizkayıtlaraşağıdakigibi consolabasılmasıgerekiyor。

Bende 8 tanekayıtgözüküyor。 Biraz fazlabasmışımtuşlaraondanböyleoldu🙂Videoyu kesemedim Kusurabakmayın🙂Bizimiçinönemliolan nokta 2:15。 saniyedenbaşlıyor 。 Tembelliğindebukadarıdediğiniziduyar gibiyim🙂

ArtıkRun butonunatıklıyoruzveuygulamayısimülatöregönderiyoruz。

Herhangi bir sorun yoksa IOSbölümündeolduğugibi 调试 sayfasınconsolbölümündeeklenenkayılargösterilecek。 IOSbölümündeayrıntılıolarakanlattığımIOSgeçiyorum。

GenyMotion模拟器调试Command + Mtuşuylaaçılıyor。

GithubÜzerindenprojeyi indirmekiçinaşağıdakilinki kullanabilirsiniz。

arifkoken / ReactNative_SqlLite
通过在GitHub上创建一个帐户为ReactNative_SqlLite开发做出贡献。 github.com

Yararlıolmasıdileklerimle。 İalçalışmalardiliyorum。