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.响应性

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

LibLibAI
LibLibAI

国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达。

下载

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不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

18

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

4

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

15

2026.01.28

php怎么写接口教程
php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程,助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

1

2026.01.28

php中文乱码如何解决
php中文乱码如何解决

本文整理了php中文乱码如何解决及解决方法,阅读节专题下面的文章了解更多详细内容。

3

2026.01.28

Java 消息队列与异步架构实战
Java 消息队列与异步架构实战

本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用,涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理,以及在高并发系统中的异步解耦设计。通过实战案例,帮助学习者掌握 使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。

4

2026.01.28

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

23

2026.01.27

拼多多赚钱的5种方法 拼多多赚钱的5种方法
拼多多赚钱的5种方法 拼多多赚钱的5种方法

在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。

122

2026.01.26

edge浏览器怎样设置主页 edge浏览器自定义设置教程
edge浏览器怎样设置主页 edge浏览器自定义设置教程

在Edge浏览器中设置主页,请依次点击右上角“...”图标 > 设置 > 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”,点击“添加新页面”并输入网址。若要使用主页按钮,需在“外观”设置中开启“显示主页按钮”并设定网址。

51

2026.01.26

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
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号