開始使用PouchDB客戶端JavaScript數據庫

Sebastian Seitz和Taulant Spahiu對本文進行了審查。 感謝SitePoint的同行評審！

現代客戶端Web應用程序需要復雜的數據處理功能。 現在，瀏覽器提供強大的JavaScript性能和豐富的API（地理位置，點對點通信等），從而助長了複雜的Web應用程序的增長。 此進步需要有效的客戶端存儲解決方案，其中JavaScript數據庫（例如Pouchdb Excel）。 > pouchdb的關鍵特徵

pouchdb是一個受Apache Couchdb啟發的開源JavaScript數據庫，在瀏覽器中無縫運行，利用indexedDB在頁面上持續數據存儲。

安裝很簡單：將獨立腳本集成到您的html或將npm用於node.js projects。

支持CRUD操作和批量文檔操縱，並提供具有簡單JavaScript命令的靈活數據管理 - 無需剛性模式。

實時數據同步和更改跟踪是內置的，可以基於立即數據庫更改的動態UI更新。
>通過無縫同步與CouchDB促進離線數據存儲，確保跨設備和會話的數據一致性，非常適合強大的離線脫機應用程序。
了解pouchdb
pouchdb是一種以Apache Couchdb建模的開源JavaScript數據庫，針對瀏覽器環境進行了優化。
• 本質上，JavaScript數據庫是用於數據操作的JavaScript對象（API）（put，put，獲取，搜索）。 一個簡單的JavaScript對像是最基本的示例。 如果您熟悉流星，Minimongo是模仿MongoDB API的可比客戶端數據庫。
通過利用索引db進行持續存儲（不僅是內存），
• pouchdb可以將自己與微小神o區分開。 IndexEdDB是用於存儲大量結構化數據（包括文件/斑點）的低級API。 即使在頁面刷新後，這也可以確保數據持久性（儘管數據是特定於瀏覽器的）。 不同的適配器允許自定義下面的存儲層。

> pouchdb和couchdb：連接

pouchdb是couchdb的JavaScript實現，密切反映其API。 例如，獲取couchdb中的所有文檔使用

，而在pouchdb中，它是

>。

pouchdb授權應用程序在重新連接時將數據存儲在本地脫機並將其與couchdb同步。

開始使用pouchdb

包括開始的pouchdb客戶庫。通過APouchDB 或者，對於Node.js/browserify/webpack，請使用npm：

然後，在您的JavaScript中：

$ npm install pouchdb --save

與pouchdb合作：數據操作

>數據庫創建

var PouchDB = require('pouchdb');

創建數據庫就像調用

構造函數：一樣簡單

使用

>方法（返回諾言）查看數據庫信息：> PouchDB

文檔管理

var movies = new PouchDB('Movies');

pouchdb是基於文檔的nosql；沒有固定的模式。 直接插入JSON文檔。 .info()

文檔創建

movies.info().then(function(info) { console.log(info); });

使用

>方法：

>文檔檢索

使用.put()>方法：

movies.put({ _id: 'tdkr', title: 'The Dark Knight Rises', director: 'Christopher Nolan' })
  .then(function(response) { console.log("Success", response); })
  .catch(function(err) { console.log("Error", err); });

文檔更新

>通過獲取，修改和使用.get()的更新文檔，提供

>字段：

movies.get('tdkr').then(function(doc) { console.log(doc); }).catch(function(err) { console.log(err); });

>

文檔刪除

.put()>在_rev>之前使用

>

movies.get('tdkr').then(function(doc) { doc.year = "2012"; return movies.put(doc); }).then(function(res) { console.log(res); });

）：

>

>數據庫刪除.remove() _deleted: true使用.put()>方法：

movies.get('tdkr').then(function(doc) { return movies.remove(doc); }).then(function(res) { console.log("Remove operation response", res); });

批量操作

pouchdb提供有效的批量操作：.destroy()

批量插入

movies.destroy();

使用

：

批量讀取

使用.bulkDocs()：

movies.bulkDocs([
  { _id: 'easy-a', title: "Easy A" },
  { _id: 'black-swan', title: 'Black Swan' }
]);

>與couchdb

同步

>同步本地pouchdb數據與遠程couchdb實例：> .allDocs()

進一步探索

movies.allDocs({ include_docs: true }).then(function(docs) { console.log(docs); });
```  This method allows for ordering, filtering, and pagination using `startkey`, `endkey`, and `descending` parameters.


Real-time Updates with ChangeFeeds
---------------------------------

PouchDB's `changes()` API allows monitoring database changes:

```javascript
db.changes({ since: 'now', live: true, include_docs: true })
  .on('change', function(change) {
    // Update UI based on change.id and change.doc
  })
  .on('error', function(err) {
    // Handle errors
  });

>探索pouchdb插件和框架適配器。 PouchDB檢查員Chrome Extension為數據庫檢查提供了有用的GUI。

常見問題

本節提供了對常見PouchDB問題的簡潔答案，涵蓋了安裝，數據庫創建，文檔操縱，錯誤處理以及與CouchDB同步。 有關詳細說明和代碼示例，請參閱原始文章。

var localDB = new PouchDB('mylocaldb');
var remoteDB = new PouchDB('http://localhost:5984/myremotedb');

localDB.sync(remoteDB, { live: true }); // For live, bidirectional syncing

以上是開始使用PouchDB客戶端JavaScript數據庫的詳細內容。更多資訊請關注PHP中文網其他相關文章！