react-nativeyoutubesqlitekendimce
8 yıl önce 14 yorum
React native kullanırken veri saklamak istiyorsanız sqlite burada devreye giriyor, eğer uygulamanızda sqlite kullanmak istiyorsanız yapmanız gereken şeyler:
https://github.com/andpor/react-native-sqlite-storage adresinde bulunan projeyi kurmanız gerekiyor. Kurulumda yapılacaklar README.md dosyasında yazıyor.
Basitçe bahsedecek olursak npm install --save react-native-sqlite-storage
diyerek projemize kuruyoruz. Eğer rnpm
yüklü ise rnpm link
diyerek otomatik olarak ios'a dahil ediyorsunuz.
Android için ise
npm install --save react-native-sqlite-storage
// android/settings.gradle : dosyasına
include ':react-native-sqlite-storage'
project(':react-native-sqlite-storage').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sqlite-storage/src/android')
// android/app/build.gradle : dosyasına
...
dependencies {
...
compile project(':react-native-sqlite-storage')
}
// android/app/src/main/java/com/<Proje Adı>/MainApplication.java : dosyasına
...
import org.pgsqlite.SQLitePluginPackage; // import edip
...
public class MainApplication extends Application implements ReactApplication {
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new SQLitePluginPackage() // buraya bu kodu ekleyin
);
}
};
...
NOT: İsimler ileriki versiyonlarda değişmiş olabilir. Eğer sizin dosyanız farklı ise bu konuya yorum yaparak beni uyarabilirsiniz.
// index.android.js : dosyanıza (isteğe bağlı)
const React = require('react-native');
const SQLite = require('react-native-sqlite-storage')
...
Buraya kadar herşey tamam ise artık gelişmiş bir yapı kullanmanın zamanı geldi :)
Benim websql, angularjs, ionic 2 (beta), react native için sqlite çalışabilecek bir projemden bahsedeyim. (aslında abartılacak bir şey değilde :D sürekli sql code yazıp amelelik yapmamak için yazdığım bir şey :))
Bu yapı bir sorguda kullanılacak işlemleri rahatlıkla yapmanızı sağlıyor. select, insert, update, delete, query adında methodları var. Bu projeyi bu adresten indirebilirsiniz ya da kısa yoldan:
npm install --save websqlite
Dokümantasyonuna bu adresten ulaşabilirsiniz. basit bir örnek verecek olursam (kullanıcıları listelemek gibi) şöyle olur index.ios.js:
...
const SQLite = require('react-native-sqlite-storage')
const websqlite = require('websqlite');
var SqlService = new websqlite();
...
export default class LoginApp extends Component {
constructor(props) {
super(props);
SqlService.init({
id: 'user', // veritabanı ismi
dbObject: SQLite, // veritabanı nesnesi
})
this.loadUsers();
}
async loadUsers() {
SqlService.select("Users", "*").then(res => { // kullanımı dokümandaki gibi
console.log(res); // kullanıcıları logladık
})
}
...
...
Kullanımı oldukça kolay (kendimce :D) eğer kurulumda anlatmadığım bir nokta veya yanlış anlattığım bir nokta olursa beni uyarın. Bugünkü konu bu kadardı, diğer konularda görüşmek üzere, kendinize iyi bakın :)
Düzenleme: Paketi npm üzerine attığım için bağlamsal linkleri düzenledim
Düşündüklerin nedir ?
Yorumlar ({{totalCommentCount}})
{{commentLike22Count}} beğenme 7 yıl önce
{{commentLike23Count}} beğenme 7 yıl önce
{{commentLike50Count}} beğenme 7 yıl önce
{{commentLike51Count}} beğenme 7 yıl önce
{{commentLike52Count}} beğenme 7 yıl önce
{{commentLike53Count}} beğenme 7 yıl önce
{{commentLike54Count}} beğenme 7 yıl önce
{{commentLike70Count}} beğenme 7 yıl önce
{{commentLike71Count}} beğenme 7 yıl önce
{{commentLike72Count}} beğenme 7 yıl önce
{{commentLike73Count}} beğenme 7 yıl önce
{{commentLike75Count}} beğenme 7 yıl önce
{{commentLike76Count}} beğenme 7 yıl önce
{{commentLike85Count}} beğenme 6 yıl önce