如何让 minimongo.js 在浏览器中运行？

2024-05-07

The minimongo 的 github 演示 https://github.com/mWater/minimongo陈述为

客户端 mongo 数据库，通过 http 与服务器同步

还有一个还有一个minimongo-独立 https://github.com/rurri/minimongo-standalone提供 minimongo.min.js 其中指出：

您也可以下载 minimongo.min.js，将其放在您的服务器，并在源中引用它。

对于浏览器

<script src="/js/minimongo.min.js"></script>

我之前使用过 d3.js，它的打包方式使得 .js 文件既可以在 Web 浏览器中作为 lib 运行，又可以在节点上作为 npm 包运行。

所以我在本地尝试了新下载的minimongo.js构建经典网页indexeddb在 Chrome 中就像我在 D3.js 中所做的那样。它给出了类似的东西（jsfiddle https://jsfiddle.net/7fehe9ey/5/) :

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>MiniMongo</title>
    <script src="https://rawgit.com/rurri/minimongo-standalone/master/minimongo.min.js"></script>
    <!-- https://github.com/rurri/minimongo-standalone/blob/master/minimongo.min.js -->
  </head>
  <body></body>
  <script>
    // Require minimongo
    var minimongo = require("minimongo");
    var LocalDb = minimongo.MemoryDb;
    // Create local db (in memory database with no backing)
    db = new LocalDb();
    // Add a collection to the database
    db.addCollection("animals");
    doc = { species: "dog", name: "Bingo" };
    // Always use upsert for both inserts and modifies
    db.animals.upsert(doc, function() {
      // Query dog (with no query options beyond a selector)
      db.animals.findOne({
        species: "dog"
      }, {}, function(res) {
        console.log("Dog's name is: " + res.name);
      });
    });

  </script>
</html>

它返回错误：

Uncaught ReferenceError: _ is not defined
    at minimongo.min.js:1
    at minimongo.min.js:3
Uncaught ReferenceError: require is not defined
    at (index):5911
Uncaught ReferenceError: _ is not defined
    at (index):91
    at window.onload ((index):5889)

我错过了什么或误解了什么？如果可能的话如何让它发挥作用？

一些东西

1. 依赖关系

如果您阅读了README.MD of minimongo-standalone，它说

要求

下划线，异步

因此，您需要在页面上包含这两个库minimongo脚本标签。

<head>
  <script src="https://link/to/underscore.js"></script>
  <script src="https://link/to/async.js"></script>
  <script src="https://rawgit.com/rurri/minimongo-standalone/master/minimongo.min.js"></script>

值得一提的是，您需要获取这些库的浏览器版本。看起来async不要使用通用模块定义（UMD），因此为不同的目标提供单独的文件。

2. 要求

功能require除非您使用 browserify 或其他 commonJS 模块加载框架，否则不存在。

我没查过async or underscore，但如果不存在模块系统，大多数库将回退到浏览器中的普通全局变量。

包含三个脚本标签后，您应该能够全局访问 minimongo-standalone 的导出符号

3. `minimongo-standalone`有一个非常不同的 API`minimongo`

令人沮丧的一点；minimongo-standalone实施Meteor周围的包装纸minimongo，然后再次重命名它们。这意味着任何minimongo or Meteor代码不可直接转让。

好的部分是 API 更加简单。您的示例的等效代码是

// Create collection
var animals = new LocalCollection('animals');
// Insert/update a document

var doc = { species: "dog", name: "Bingo" };
animals.upsert('dog', doc);

// Fetch document and log
var myDog = animals.findOne({ species: "dog" });
console.log("Dog's name is: " + myDog.name);

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Meteor

minimongo