开始使用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中文网其他相关文章！