如何在reactjs（Web前端）中隱藏硬編碼的系統帳戶用戶名/密碼以直接連接到Mongodb

Question

在 Web 應用程序中，通常 Web 前端會使用一些安全令牌調用后端 api 服務。 使用該令牌，服務器端 api 服務可以毫無問題地對前端進行身份驗證。

但是，當我從 Microsoft Azure 應用程序架構指南中閱讀Web-Queue-Worker 架構風格時，從圖中您可以看到它建議從 Web 前端到后端數據庫服務器的可能的直接數據庫連接，讓我們假設它們是 reactjs 和mongodb。

問題是，如果實現了這樣的連接，web前端如何隱藏mongodb服務器賬戶的用戶名/密碼？ 假設只有一個系統賬號，只供web前端連接mongodb使用。

Answer 1

我假設您正在使用 mongoose 並創建某種類型的 UserSchema，在這種情況下，您可以與架構通信而不顯示密碼，如下所示：

    password: {
        type: String, 
        select: false, // will hide the password
        required: "password is required",
        minlength: 6,
    },

Answer 2

對於這種情況，我通常使用.env文件。