访问我的 React Web 应用程序的 Azure SQL 数据库

Posted

技术标签:

【中文标题】访问我的 React Web 应用程序的 Azure SQL 数据库【英文标题】:Accessing Azure SQL database for my react web application 【发布时间】:2021-12-28 21:49:28 【问题描述】:

我已经部署了一个带有 SQL 数据库的 Azure Web 应用程序。对于前端,我使用 ReactJS。我已经使用 NodeJS 成功连接到 SQL 数据库,并且可以执行查询并访问 sql 数据库中的数据。所以此时我想在前端使用该数据。我只能在终端中看到数据,我想我在服务器端和客户端之间的通信方面缺少了一块。所以我的问题是如何将数据发送到前端?

很高兴有任何建议。

【问题讨论】:

【参考方案1】:

您必须创建一个端点,以允许您的前端向您的节点应用程序发出 http 请求。 您的节点应用程序应该从数据库中获取数据并作为请求的响应返回。 然后你的前端就会得到你想要的数据。

前端---http请求(ajax,fetch)-->后端节点应用--query->数据库

Create a REST API with Node

Using Fetch

客户端层是您的 React 应用程序(前端)

应用层是您的节点应用(后端)

数据库层这个名字不言自明:D

【讨论】:

以上是关于访问我的 React Web 应用程序的 Azure SQL 数据库的主要内容,如果未能解决你的问题,请参考以下文章

使用 React 在 Azure Blob 存储中上传文件

当试图直接访问它们时,React网站w /表示不在生产中加载路由,在dev中工作正常

Azure 存储错误:“尝试以访问权限禁止的方式访问套接字。”

为啥我的代码不能在 web 中的 react-native 代码中运行

React + Sails:处理路线

使用 React 使 Web 应用程序完全适合屏幕