Mysql 如何将我正在使用webpack构建的react应用程序链接到phpmyadmin外部数据库并查询它,而不在代码中显示我的数据库密码?

Mysql 如何将我正在使用webpack构建的react应用程序链接到phpmyadmin外部数据库并查询它,而不在代码中显示我的数据库密码?,mysql,node.js,reactjs,webpack,Mysql,Node.js,Reactjs,Webpack,因此,我目前正在学习react和webpack,以便将其应用到我当前的网站中。我已经有了一个已建立的phpmyadmin数据库,可以输出我希望出现在我的网站上的信息,但我不知道如何在编程时将我的用户名和密码隐藏到数据库中。我习惯于使用php与数据库总线交互,因为react纯粹是javascript,我不知道该怎么做。您需要运行一个服务器,与您的数据库和react应用程序通信。这听起来像是以PHP应用程序的形式出现的。PHP应用程序需要通过HTTP端点公开数据,然后可以从React应用程序内部获取

因此,我目前正在学习react和webpack,以便将其应用到我当前的网站中。我已经有了一个已建立的phpmyadmin数据库,可以输出我希望出现在我的网站上的信息,但我不知道如何在编程时将我的用户名和密码隐藏到数据库中。我习惯于使用php与数据库总线交互,因为react纯粹是javascript,我不知道该怎么做。

您需要运行一个服务器,与您的数据库和react应用程序通信。这听起来像是以PHP应用程序的形式出现的。PHP应用程序需要通过HTTP端点公开数据,然后可以从React应用程序内部获取这些数据

本教程:将是您开始学习的好地方。

我同意您需要“运行一台与数据库和react应用程序对话的服务器”,正如公认的答案所述。另一方面,这并不意味着您必须从头开始编写代码

如果您不想为后端编程PHP,那么您也可以从中配置软件。自动API是“将数据库转换为REST/GraphQLAPI的软件”


我是的作者,这是一个“自动API”,我认为它适合您的需要,但您也可以使用上面列出的任何其他软件。

ooh ok。谢谢你的回复!因此,为了澄清这一点,我基本上需要编写一系列与数据库交互并返回json数据的php函数。然后使用axios在我的react应用程序中根据需要调用上述函数?这是基本想法!一般流程是:数据库-->服务器端数据库查询->通过HTTP公开查询结果,格式为json或其他数据类型->获取React组件中的HTTP端点(通过axios、获取api等)。请从答案中删除该链接。它促进了错误的做法(字符串连接以构建SQL),从而导致软件中存在严重的漏洞。这种类型的漏洞称为“SQL注入”,可导致未经授权访问数据库。见: