Bermula dengan pangkalan data JavaScript klien pouchdb

Artikel ini telah dikaji semula oleh Sebastian Seitz dan Taulant Spahiu. Terima kasih kepada pengulas rakan sebaya SitePoint atas sumbangan mereka!

Aplikasi web sisi pelanggan moden menuntut keupayaan pengendalian data yang canggih. Pelayar kini menawarkan prestasi JavaScript yang mantap dan API yang kaya (geolokasi, komunikasi peer-to-peer, dan lain-lain), memacu pertumbuhan aplikasi web yang kompleks. Kemajuan ini memerlukan penyelesaian penyimpanan klien yang berkesan, di mana pangkalan data JavaScript seperti pouchdb excel.

Ciri -ciri utama pouchdb

pouchdb, pangkalan data JavaScript sumber terbuka yang diilhamkan oleh Apache Couchdb, dengan lancar beroperasi dalam penyemak imbas, memanfaatkan indeks untuk penyimpanan data yang berterusan di seluruh halaman menyegarkan.
Pemasangan adalah mudah: mengintegrasikan skrip mandiri ke HTML anda atau menggunakan NPM untuk projek Node.js.
menyokong operasi CRUD dan manipulasi dokumen pukal, yang menawarkan pengurusan data yang fleksibel dengan perintah JavaScript mudah -tidak diperlukan skema tegar.
Penyegerakan data masa nyata dan penjejakan perubahan terbina dalam, membolehkan kemas kini UI dinamik berdasarkan perubahan pangkalan data segera.
memudahkan penyimpanan data luar talian dengan penyegerakan lancar ke CouchDB, memastikan konsistensi data merentasi peranti dan sesi, sesuai untuk aplikasi luar biasa yang kuat.
Memahami pouchdb

pouchdb adalah pangkalan data JavaScript sumber terbuka yang dimodelkan selepas Apache Couchdb, dioptimumkan untuk persekitaran penyemak imbas.

Pangkalan data JavaScript, pada dasarnya, adalah kaedah penawaran objek JavaScript (API) untuk manipulasi data (meletakkan, mendapatkan, carian). Objek JavaScript mudah berfungsi sebagai contoh yang paling asas. Jika anda biasa dengan Meteor, Minimongo adalah pangkalan data sampingan yang setanding meniru API MongoDB.

pouchdb membezakan dirinya dari minimongo dengan menggunakan indexeddb untuk penyimpanan berterusan (bukan hanya dalam memori). IndexeDDB adalah API peringkat rendah untuk menyimpan data berstruktur yang besar, termasuk fail/gumpalan. Ini memastikan kegigihan data walaupun selepas halaman menyegarkan (walaupun data adalah pelayar khusus). Penyesuai yang berbeza membenarkan penyesuaian lapisan penyimpanan asas.

pouchdb dan couchdb: Sambungan

pouchdb adalah pelaksanaan JavaScript CouchDB, mencerminkan APInya. Contohnya, mengambil semua dokumen di Couchdb menggunakan

, sementara di pouchdb, itu

. /db/_all_docs?include_docs=true db.allDocs({include_docs: true}) pouchdb memberi kuasa kepada aplikasi untuk menyimpan data secara luar talian dan menyegerakkannya dengan couchdb apabila disambungkan semula.

Bermula dengan pouchdb

Sertakan perpustakaan klien PouchDB untuk bermula. Gunakan binaan mandiri (membuat PouchDB pembina tersedia di seluruh dunia) melalui

Sebagai alternatif, untuk Node.js/Browserify/Webpack, gunakan NPM:

$ npm install pouchdb --save

Kemudian, dalam javascript anda:

var PouchDB = require('pouchdb');

Bekerja dengan pouchdb: manipulasi data

Penciptaan pangkalan data

PouchDB Membuat pangkalan data semudah memanggil

pembina:

var movies = new PouchDB('Movies');

.info() Gunakan kaedah

(mengembalikan janji) untuk melihat maklumat pangkalan data:

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

Pengurusan Dokumen

pouchdb adalah NoSQL, berasaskan dokumen; Tiada skema tetap. Masukkan dokumen JSON secara langsung.

Penciptaan Dokumen

.put() Gunakan kaedah

:

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); });

Pengambilan dokumen

.get() Gunakan kaedah

:

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

Kemas kini dokumen

.put() Kemas kini dokumen dengan mengambil, mengubahsuai, dan menggunakan _rev sekali lagi, menyediakan medan

:

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

Penghapusan dokumen

.remove() Gunakan kaedah _deleted: true (atau tetapkan .put() sebelum

):

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

Pemadaman pangkalan data

.destroy() Gunakan kaedah

:

movies.destroy();

Operasi pukal

pouchdb menawarkan operasi pukal yang cekap:

sisipan pukal

.bulkDocs() Gunakan

:

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

pukal bacaan

.allDocs() Gunakan

:

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
  });

Penyegerakan dengan Couchdb

penyegerakan data pouchdb tempatan dengan contoh couchdb jauh:

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

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

Eksplorasi lanjut

Terokai plugin Pouchdb dan penyesuai rangka kerja. Pelanjutan Chrome Inspektor PouchDB menyediakan GUI yang berguna untuk pemeriksaan pangkalan data.

Soalan Lazim

Bahagian ini memberikan jawapan ringkas kepada soalan pouchdb biasa, meliputi pemasangan, penciptaan pangkalan data, manipulasi dokumen, pengendalian ralat, dan penyegerakan dengan CouchDB. Rujuk artikel asal untuk penjelasan terperinci dan contoh kod. <script> tag: <pre class="brush:php;toolbar:false"><code class="language-html"><script src="https://cdn.jsdelivr.net/pouchdb/5.4.5/pouchdb.min.js"></script>

Atas ialah kandungan terperinci Bermula dengan pangkalan data JavaScript klien pouchdb. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!