基于 Delphi 的前后端分离：之一

原创

已于 2022-12-02 20:57:08 修改 · 2.7k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #前端框架

于 2022-12-02 19:57:56 首次发布

本文介绍使用Delphi作为后端服务器与前端JavaScript进行数据交互的过程，包括配置跨域访问及通过axios发送HTTP请求获取数据。

# 缘起

看到Delphi盒子论坛里面有人讨论WEB开发，提到 IntraWeb 和 UniGUI 控件。

这两个控件都是在使用 Delphi 写后端（服务器端）的代码时，在后端构造页面代码，让浏览器访问时可以看到页面。这种做法把前端代码和后端代码混在一起了，基本上是 C/S 开发的模式。当然，传统的 WEB 开发，不管是 ASP，JSP 还是 PHP，也都是类似的模式。只是 Delphi 的上述两种框架提供了页面的可视化开发，拖拉控件就能出现页面。

从程序架构来说，后端只负责数据，前端代码只负责页面显示，这样分开，架构上更清晰，代码也更容易维护。WEB 开发转了一大圈，终于转到前端页面彻底用 JS 代码来实现并且也【组件化】了，基本上转到了 N 多年前 Delphi 的开发模式上了。

于是我想试试，后端用 Delphi 来写服务器，输出数据给前端，前端用 JS 来从服务器获取数据，渲染页面。当然，前端渲染页面的框架很多，比如 VUE 等等。这里我仅仅做研究，是否最终会用到哪个前端框架，接下来再说。

# 第一个测试

首先使用 Delphi 创建一个 Stand alone 模式的 WebBroker 工程，运行起来，默认工作在8080端口上面，让浏览器去访问它，就能看到页面。这个工程的基本代码是：

procedure TWebModule1.WebModule1DefaultHandlerAction(Sender: TObject;
  Request: TWebRequest; Response: TWebResponse; var Handled: Boolean);
begin
  
  Response.Content :=
    '<html>' +
    '<head><title>Web Server Application</title></head>' +
    '<body>Web Server Application</body>' +
    '</html&