Javascript 如何为初学者创建一个存储用户数据的登录系统?

Javascript 如何为初学者创建一个存储用户数据的登录系统?,javascript,authentication,backend,Javascript,Authentication,Backend,我正在使用ReactJs开发我的第一个web应用程序,并且已经基本完成了前端。现在,我希望能够将用户的数据与其用户名配对,以便下次登录时,一切都将与离开时一模一样。用户的数据目前都在一个JavaScript对象中,因此我想将其保存为json文件。然而,我甚至不知道该如何开始 我的第一个问题是创建登录系统。显然,我不能仅仅以明文形式存储用户名和密码,因此我需要以某种方式对其进行加密和解密。然而,我目前在Netlify上托管我的网站,因此我需要以某种方式将这些信息传递到那里,我唯一能想到的方法是将其

我正在使用ReactJs开发我的第一个web应用程序,并且已经基本完成了前端。现在,我希望能够将用户的数据与其用户名配对,以便下次登录时,一切都将与离开时一模一样。用户的数据目前都在一个JavaScript对象中,因此我想将其保存为json文件。然而,我甚至不知道该如何开始

我的第一个问题是创建登录系统。显然,我不能仅仅以明文形式存储用户名和密码,因此我需要以某种方式对其进行加密和解密。然而,我目前在Netlify上托管我的网站,因此我需要以某种方式将这些信息传递到那里,我唯一能想到的方法是将其添加到我的GitHub repo中,这是公开的,这样任何人都可以看到我的加密算法


我甚至不确定你是不是这样做的,因为我以前从未做过这样的事。有人知道我应该从哪里开始吗?我不需要非常复杂、合理的东西。

也许你可以使用谷歌的firebase和firestore服务。他们的网站上也有令人惊叹的文档,网上有大量的资源。谷歌firebase认证教程,你会发现很多。你听说过数据库吗?将信息保存为json文件效率极低且不安全。至于身份验证,您的安全性不可能依赖于算法的保密性。所有加密数据的正确方法都已经公开并为人所知。您将拥有一个密钥,作为环境变量或其他东西传递到您的程序中,以保持私密性。尽管如此,构建认证系统的教程非常多,但这个问题对于StackOverflow来说太广泛了。看看谷歌的Firebase或FireStore服务吧。可以在小型站点上免费使用,并提供存储和用户身份验证