1. 程式人生 > >ionic 中使用pouchdb + sqlite 來實現app的本地儲存

ionic 中使用pouchdb + sqlite 來實現app的本地儲存

本文參考了這篇文章(http://www.cnblogs.com/ailen226/p/ionic.html),但是在安裝sqlite外掛時,遇到了安裝失敗的問題,最終解決啦!

1、PouchDB是操作SQLite資料庫的javascript庫(跟mongoose操作mongodb一樣)!

2、SQLite是一種輕量級的嵌入式資料庫(資料庫不需要你安裝的,手機系統自帶,你需要安裝的就是SQLite外掛)!

我在使用ionic開發app的時候有使用本地儲存資料的需求,參考網友經驗,使用sqlite,並使用pouchdb 來操作sqlite,在安裝sqlite外掛時,就是裝不上,經過不懈的努力,最終還是搞定了!好的,言歸正傳,做個筆記。。。

1、建立ionic專案  ionic start birthday blank

2、進入專案目錄安裝sqlite外掛,那篇文章是這樣說的:

cordova plugin add io.litehelpers.cordova.sqlitestorage

我就老實的複製這個程式碼來安裝sqlite外掛,但是出問題了,如圖:


我原以為是網路不好的問題或者被牆奸了(你懂得!),我先放了放,換個時間再試試,可以試了兩天還是不行,一直是這個問題,於是放棄了,

就找其他的方法,發現了這篇文章(http://blog.sina.com.cn/s/blog_7d44fc520102wj98.html),它是這樣安裝sqlite外掛的:

cordova plugin add https://github.com/brodysoft/Cordova-SQLitePlugin.git

我就在cmd裡試了一下,出了個這個問題!如圖:


沒有git工具可用,我就換了git命令列工具(msysGit ),重新進行這個操作,發現成功啦!如圖:


開啟專案目錄下的plugins資料夾,發現了cordova-sqlite-storage檔案,如圖,看來確實成功安裝了sqlite外掛,但是這個方法和那篇文章裡的不一樣,不知道行不行,不管了,先繼續吧


3、安裝pouchdb庫

bower install pouchdb

我之前沒有安裝bower,現在安裝bower,如圖:

然後使用 bower install pouchdb 安裝pouchdb庫 ,安裝成功之後,在www/lib 資料夾會有pouchdb資料夾,在index.html檔案中引入pouchdb庫:<script src="lib/pouchdb/dist/pouchdb.min.js"></script>

4、按照那篇文章,寫程式碼,測試就是了,我的成功了,具體步驟就不說了參考那篇文章,就是,下面這個圖是我的結果圖: