如何使用把手将 req 参数传递给 js？

Question

晚安，

我现在正在制作商店页面。我需要在 fetch 调用中发送两件事，即项目列表和用户的 id。从我的 nodejs 代码中，我像这样传递我的用户 ID：

router.get('/testing', async (req, res) => {
    if (req.user) {
        let query = await User.findOne({ userid: req.user.steamid })
        res.render('testing', {
            user: req.user,
            balance: (query.balance/100),
            steamid: req.user.steamid
        })
    } else {
        res.redirect('/')
    }
});

我的 HTML 文件和我的 JS 代码是分开的。在我的 HTML 中，我通常使用把手调用变量。例如：

<a class="nav-link" >Balance: ${{balance}}</a>

但是我不明白的一件事是如何在我的 JS 代码中使用这些参数？这是在外部文件中。我是否首先在 HTML 中设置变量？如果是这样，那是否意味着有人可以将其更改为说出我的身份，然后我就会失去平衡？我需要使用 bcrypt 来散列用户标识吗？真的很感激一些建议！ :)

Answer 1

您可以在加载外部脚本之前在模板中简单地设置为 JavaScript 变量，它们将作为全局变量提供：

const userid = {{user.id}};
const balance = {{balance}};
const steamid = '{{steamid}}';

<script src="/js/site.js" type="text/javascript"></script>
<script type="text/javascript">
  someFunctionFromSiteJsFile(userid, balance, steamid);

   // test displaying userid
   console.log('user id', userid);
</script>

至于您需要安全性的其他问题，这取决于许多不同的因素，如果没有更多详细信息，很难回答您应该对这些变量做什么，或者您是否应该使用这种技术。