目录结构：纯 Javascript/PHP 中的简单应用程序前端/后端无框架或 CMS

如何解决目录结构：纯 Javascript/PHP 中的简单应用程序前端/后端无框架或 CMS

我正在开发一个基本的 Web 应用程序，它有一个用纯 HTML5/CSS3/JavaScript 编写的单页前端。它不基于任何框架。

前端有一个表单，它向用 PHP 编写的后端发送 HTTP POST 请求，并处理数据。后端的“入口点”是一个 app.PHP 文件。

目前我的简化目录结构是：

html_public/
     index.html
     js/
     css/
     backend/
         app.PHP
         PHP/
            otherfiles.PHP

我在 .htaccess 目录中设置了一个 backend/ 文件，以限制从 HTTP 服务器访问 app.PHP 文件。

我不确定这是否是一个好的目录结构。我已经读过，出于安全原因，将我的 backend/ 目录放在 html_public/ 目录之外是一个更好的选择：

backend/
     app.PHP
     PHP/
         otherfiles.PHP
     html_public/
          index.html
          js/
          css/

有更好的结构吗？但在这种情况下，我的前端 index.html 如何访问我的文件 app.PHP？

任何建议将不胜感激。我发现的大部分相关信息都是关于使用框架构建的网站，在这里并不真正相关。