0

0

将Web APP UI和API分离的4个原因

巴扎黑

巴扎黑

发布时间:2017-08-16 09:22:56

|

1734人浏览过

|

来源于php中文网

原创

除非你的web应用程序是100%的客户端代码,否则你就应该将前后端分离开来。人们常常会陷入这样的陷阱:因为实际工作中经常需要做很大的调整,所以他们不应该花时间开发一个单独的api和客户端应用程序,或者他们认为他们的应用程序太小了,他们跟本不需要进行分离。

这种应用就是我称之为一体化的应用程序。在这种应用程序中,你的业务逻辑和用户界面是在服务器上运行的一个实体。但是,让web应用程序具有独立的前端和后端有很多好处。

1.模块化

将应用划分为单独的前后端应用,其中的一个好处就是模块化。由于应用程序逻辑与用户界面完全分离,所以你的Web应用程序可能已经有初步的模块化结构了。模块化在许多方面都有帮助,包括测试、可读性和可维护性。

2.可复用性

使用一个单独的API,你的应用程序逻辑可以被很多应用程序复用。这意味着你可以创建一个使用API的移动应用程序,或者在一个完全独立的应用程序中使用API,或者允许其他人访问API(免费或付费)。

3.内容交付

由于客户端应用程序是一个完全独立的实体,你可以处理高级静态文件服务技术,而在需要将UI呈现为服务器端的应用程序中,这些技术是不可用的。例如,现在可以使用NGINX和一些简单的规则来将整个客户端应用程序放在缓存中。

4.响应性

“一体化”服务器端应用程序的最大缺陷之一是反馈用户响应性方面。在服务器端应用程序中,用户单击按钮来获取数据的这个动作,最常见的流程描述如下:

Bandy AI
Bandy AI

全球领先的电商设计Agent

下载

1. 用户单击一个按钮来获取数据 
2. 浏览器向服务器发送请求 
3. 服务器查询数据库 
4. 应用程序对数据进行逻辑处理 
5. 应用程序在展示层呈现数据 
6. 服务器将响应返回给用户 
7. 用户在等待页面加载之后,会看到反馈 
8. 有了一个单独的客户端应用程序,你可以利用许多反馈机制,例如使用加载器或进度条。一旦你的请求返回(例如通过一个AJAX调用),你就可以更新你的展示。

5.版本控制

是的,我加了一个5。有了独立的API和UI项目,你可以不用同时再更新或部署两个应用了。如果在新部署的UI中出现了关键问题,你可以直接回滚它,而不用担心会影响你在API项目中所做的改善性能的调整。

一个整体架构的优点是什么?

这种分离的架构有很多优点。但是,使用整体架构也有一些好处。例如,如果你的应用程序包含在一个项目中,那么你可以更快地完成开发工作。有更多的编码涉及到单独的用户界面和API(但是许多框架使这更容易),这已经不是什么秘密了。还有一些安全方面的好处。例如,实际上你根本没有将API公开出来。有一些方法可以保护API,但是不公开这种做法会更好一点。如果你觉得还有其它的好处,你可以谈谈留下评论,让我们来讨论一下。

结论

对许多软件开发人员来说,这似乎是一个很正常的选择。然而有的人要么因为不熟悉这个概念,要么就是简单的因为懒惰,所以他们根本就不采用这种架构。从个整体架构来说,可能不采用这种结构但是也很成功的例子有很多。但是,我看到的更多的是分离API和UI以后会带来很多好处。建议那些尚未尝试过这个概念的开发人员可以试一试,亲自感受一下前后端分离带来的好处。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

19

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

15

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

17

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

2

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

clawdbot ai使用教程 保姆级clawdbot部署安装手册
clawdbot ai使用教程 保姆级clawdbot部署安装手册

Clawdbot是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。

38

2026.01.29

clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址
clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址

clawdbot龙虾机器人官网入口:https://clawd.bot/,clawdbot ai是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。

22

2026.01.29

Golang 网络安全与加密实战
Golang 网络安全与加密实战

本专题系统讲解 Golang 在网络安全与加密技术中的应用,包括对称加密与非对称加密(AES、RSA)、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范(如SQL注入、XSS、CSRF)及其防护措施。通过实战案例,帮助学习者掌握 如何使用 Go 语言保障网络通信的安全性,保护用户数据与隐私。

14

2026.01.29

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

902

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Go语言实战之 GraphQL
Go语言实战之 GraphQL

共10课时 | 0.8万人学习

微信小程序开发之API篇
微信小程序开发之API篇

共15课时 | 1.2万人学习

Laravel---API接口
Laravel---API接口

共7课时 | 0.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号