MongoDb 连接初始化和查询很慢，而使用 Electron

Question

首先，我必须说我是 Electron 的新手。 而且我认为问题出在 Electron 上，因为没有 Electron （或使用 Electron，如果第一个 ZFC35FDC70D5FC69D526 页面使用了），相同的代码运行得非常快。 如果您能帮助我在案例 2 中更快地访问数据库，我将不胜感激。（附加信息，软件版本来自 package.json ==> "electron": "^9.0.5" & "mongodb": "^3.5 .9" & windows 10)

案例 1.它运行正常（这意味着，非常快，以毫秒为单位）

说明：在 Electron 中使用firstPage.html （渲染器进程）实例化 BrowserWindow 并在其 javascript 代码中调用以下函数后，

• client.connect(...) ==> 几毫秒
• 查询数据库，例如 db.find() ==> 几毫秒

---

案例 2.非常慢（以秒为单位）

Description: I put an " a tag " (see <a href="secondPage.html"...>) in this first BrowserWindow's HTML page ( firstPage.html ) and click to this link to see another HTML page ( secondPage.html ）。 如果我单击 secondPage.html 中的按钮，我意识到数据库访问变得非常缓慢。

• client.connect(...) ==> 大约 10 秒
• 查询数据库，例如 db.find() ==> 超过 10 秒

---

以下是相关代码：

    firstPage.html:
        <a id="idInFirstPage" class="button-link">Get Data</a> <!-- very fast db access -->
        <a href="secondPage.html">Change Page</a>
        <script src="firstPage.js"></script>

    secondPage.html:
        <a id="idInSecondPage" class="button-link">Get Data</a> <!-- very slow db access -->
        <script src="secondPage.js"></script>

---

    firstPage.js (the only difference to secondPage.js is the id in querySelector):
        // I searched in internet for similar problems and optimized this url connection string, 
        // i.e. i changed localhost with 127.0.0.1 and added family, but problem still persists

        const url = "mongodb://127.0.0.1:27017&family=4"; 
        const client = new MongoClient(url, { useUnifiedTopology: true,
                                          useNewUrlParser: true });
        const dbName = "myDatabase";

        // only change the #idInFirstPage to #idInSecondPage in secondPage.js
        document.querySelector("#idInFirstPage").addEventListener("click", () => 
             {
                 client.connect(function (err) {
                     assert.equal(null, err);
                     console.log("Connected successfully to server");
                     try {
                           const db = client.db(dbName);

                           findDocuments(db, () => 
                           {
                              client.close();
                           });
                     } catch (e) {
                          console.log("Something gone wrong ==> " + e);
                          client.close();
                     }
                  });
               });

        var findDocuments = function (db, callback) {
            // Get the documents collection
            var collection = db.collection("myDataProducts");
            // Find some documents
            collection.find({}).toArray((err, docs) => {
                assert.equal(err, null);

                if (typeof docs !== "undefined" && docs.length > 0) {
                    // the array is defined and has at least one element
                    console.log("Found the following documents");
                    console.log(docs);
                }
                else {
                    console.log("No element in array!");
                }
                callback(docs);
            });
        };

Answer 1

您每次都在创建和连接数据库客户端实例。 在这种情况下，您将在第一页上创建一个实例，然后在第二页上再次创建一个实例。

我建议你在你的主进程中进行数据库操作，这样你只需要一个实例，渲染的进程就不会面临繁重的任务。 实际上，渲染器是用于在 chromium-browser 上渲染组件。

所以你可以像这样使用。

main.js

...
var MongoClient = require("mongodb").MongoClient;
var assert = require("assert");

const url = "mongodb://127.0.0.1:27017&family=4";
const client = new MongoClient(url, {
  useUnifiedTopology: true,
  useNewUrlParser: true,
});
const dbName = "yourDBName";

const readData = async () => {
     ... // you don't need to close your client instance
}

ipcMain.on('readData', async (event, arg) => {
    const data = await readData();
    event.reply('data', data);
})

...

renderer.js （你的情况，firstPage 和 secondPage）

...
document.querySelector("#idInSecondPage").addEventListener("click", () => {
     ipcRenderer.send('readData', {dbName: 'products'} )
});
ipcRenderer.on('data', data => {console.log(data} )
...