当前位置:首页> 网站建设技巧> 网站开发前后台如何通过界面沟通

网站开发前后台如何通过界面沟通

发布时间:2020-05-14 17:00:00

如果产品经理在为程序员提供需求时,没有一个统一的技术大亨来分解需求,那么产品经理可能必须与前后研发人员直接沟通。也许PMS经常听到这样的说法:“我是前端,这是后端负责”,“这个细节只能由后端来实现,我做不到”,或者当产品报告错误时,他们去找研发人员,并经常遇到“扔锅”说:“报告502,这不是后端问题,你为什么要找我”,“我的数据”是正常的,前端连接到此无渲染。在程序猿(袁)的爱与杀的过程中,如何在技术的基础上进行有效的交流是PM必备的技能。在本文中,作者用白话文的术语来告诉你什么是网站的前端和后端,以及它们是如何交流的。技术说明通俗易懂,同时又过于基础,适合新引进的网站技术。

如果你把一个网站比作一个杂货店,它的前端和后端是什么?

如果把网站比作功能复杂的杂货店(外卖、自动销售、人工销售等),那么前端就像杂货店的门面。门面的装修和购买过程如何,是顾客直接感受到的,而后端就像是杂货店的“引擎”。杂货店每天都有什么商品,什么时候关门,关门后收钱有什么最后的决定权?在前端和后端之间,每天要传递的信息太多了。如果你把每件事都说得一团糟,那么每个人都会发疯的。消息太多了。在前端和后端之间,信息将按照特定的规则和渠道进行交换和操作。这个常规通道称为接口。

例如,当一个顾客来杂货店买东西时,背景通过界面告诉前端我们有任何商品要卖。前端把货物放在架子上。当客户对选择满意并需要下单时,前端通过界面告诉后端“有人买了东西,买什么,多少”,后端回复“有货,有折扣,卖!”,然后运行一组交互进程。

接口是我们常说的不仅是前端和后端的API,包括服务器之间通过接口的通信。此外,在很大程度上,许多硬件组件通过接口相互作用。接口是一个外部接口,可以传输信息并相互作用。这有点像大楼里负责传递信息的“安全人员”。当你去一栋楼想要什么的时候,跟保安说,保安会传递信息并提供给你,所以你不需要进去确保大楼的安全。

标准接口通常由以下部分组成:

·接口名称,标准名称可以让人们一眼就知道这个接口的用途

·URL,前端(客户端)提供的地址,告诉他在哪里可以找到他想要的

·请求协议,HTTP或HTTPS。前端和后端应该协商要使用的协议类型。否则,可能会有沟通问题

·常用的请求方法是get和post。得到就是得到。例如,如果用户需要在杂货店买东西,前端首先运行到后端以“获取列表”,以便知道可以销售什么。Post是指,例如,当杂货店的顾客下订单时,前端将一系列顾客信息带到后端,后端再次处理订单;

·还有其他部分,如头参数、请求参数、响应参数等,每一项都有自己统一的标准。我不想在这里细说

但谁知道许多事情的前前后后呢?如何区分它们?具体的场景也需要具体的分析。一般来说,核心数据和业务处理内容都存在于服务器上。为了业务安全,服务器上会有加密手段,前端很难做数据保护。我遇到了一个典型的案例,前端和后端的业务处理不好分割,然后用户“钻孔和收集羊毛”。

当商店从事促销活动时,有一种活动是用户在同一时间杀死某一产品50%的折扣。只有100个配额。如果用户进来时仍有配额,则会显示左边的数字。如果没有配额,将显示正确的数字(复选框将灰显)。

正常的逻辑应该是在下订单时在后台做出判断。如果没有配额,订单将失败。但当时,网站实际上把判断逻辑放在了前端。前端判断是否有配额,然后决定是否灰显复选框。后来,有用户发现了这个漏洞,在浏览器中稍微修改了代码,打开了复选框,然后检查了顺序,就成功了!~

当然,这样愚蠢的逻辑已经找不到了。我只是举个例子。核心业务逻辑在后台更可靠。

虽然产品经理在验收产品时并不能注意到每一个这样的细节,但他们应该有验收的观念。当他们设计产品时,他们应该根据每个交互节点的中心分布。毕竟,并不是每个用户都走普通的道路。此外,我们还需要多与应试学生沟通,是否会遇到这种场景,是否经过测试,并使之无所不包。

最后,当网站遇到问题时,如何初步确定问题所在。当然,这需要通过振铃器来解决。问题是可爱的程序员会高效而专业地解决它。以下是基本方法。PMS也能理解产品并使其产品更好。

关于网站常见的错误代码,我这里不介绍,毕竟我在百度上搜索了很多。常见的有200(正常状态)、404(未找到)、500(服务器错误)、502(服务器代理错误)等。

在使用网站时,有一种非常有用的模式叫做开发模式。点击网页上的F12或“右键点击-检查”可以看到很多关于该网站的信息。

在elements模块中,您可以看到前端的源代码。上述情况可在此修改和核实。

在控制台模块中,您可以看到网站交互时的信息。如果你更高级一点,你可以在这里看到日志信息并调试网站

此外,还有软件模块、网络等,感兴趣的朋友可以搜索关键字“浏览器调试模式”进行进一步学习。