产品经理须知:如何区分前端后端,常说的API和SDK又是什么?

前端/后端,很多时候指的是人,即前/后端工程师。衍生含义为——前/后端工程师的工作内容。

不严谨的说法是:写页面的就是前端,操作数据的就是后端,一般设计师只需要与前端沟通,产品经理需要与两者沟通。

前端若细分,可分为小程序前端、web前端、H5前端。一般来说,小程序前端、web前端、H5前端用户的语言都是html+css,因此一个前端一般能做web页面也能做H5页面,也能干小程序的页面开发的活。而对于APP开发,安卓开发和iOS开发就是前端,一般只会专注于某端APP的活。

前台页面和数据库的沟通,主要通过API进行沟通。

举例:猫眼APP的影院列页面,前端只要需要负责页面布局部分和接口(API)联调的工作,如文字大小、页面布局排版、标签的样式等;但是影院列表的数据返回就要连接数据库,这个就需要后台开发做逻辑处理了。

如果你发现你身边有这样一个人,他前端后台,样样精通,文能提笔发paper,武能调试除bug。这种人叫做:全栈工程师。

再进一步探讨猫眼APP页面,前端的任务就是页面的搭建,而后端负责开发接口,定义接口的入参和出参数。

影院列表页的接口除了获取影院列表的接口外,还有其他接口,比如城市列表接口、品牌列表接口、区域列表接口、地铁列表接口、搜索接口等,获取用户当前位置,这个就不需要后端参与了,前端直接调用系统定位服务就可以实现了

那么产品经理的验收的时候,如果是数据返回不对的问题,一般就需要跟后端沟通了,当然也有可能是前端入参传错了。了解了前后端的原理后,后续对于功能出现bug时,就不至于不知道找谁了。

API是前端调用后端数据的一个通道,就是我们俗说的接口,通过这个通道,可以访问到后端的数据,但是又无需调用源代码。

接口的关键在于入参和出参,接口相当于函数,客户端调用API,输入信息后,执行完函数,输入结果返回前端,下图是1个银行看OCR识别的接口例子。也可看上方猫眼APP的案例。

注:可到阿里云、百度云、腾讯云等云平台找更多的接口案例。

SDK:概念:软件开发工具包(SDK,全称:SoftwareDevelopmentKit)。

一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。

通俗点是指由第三方服务商提供的实现软件产品某项功能的工具包。

就相当于很多API和其他文件的集合体,你可以用这个完成某一个事情。SDK可不需要依赖网络,如APP安装包里只要涵盖人脸对比SDK,因为人脸对比的方法已经封装在SDK,而SDK在用户安装APP时,已经下载到手机,中因此可以实现离线场景下的人脸对比。如百度人脸对比SDK。

举例子:整个计算器产品可以看做是一个SDK,它里面有API集合(计算器),说明文档(说明书),以及一些其他文件。这个SDK的功能就是计算,可能要算什么不确定,但是你可以通过这个SDK中的某个方法完成,实现你的目的。

THE END
1.前端和后端的区别前端和后端有什么区别常见问题前端和后端有什么区别 区别:前端主要关注用户界面和用户交互,而后端则负责处理数据和业务逻辑,二者相互配合构建完整的web应用程序。 前端和后端在Web开发中扮演着不同的角色,主要区别如下: 功能: 前端:负责用户界面和用户体验,包括网页的设计、布局、交互和样式。https://www.php.cn/faq/713299.html
2.Web前端开发和后端开发的区别Web前端开发和后端开发的区别 web前端分为网页设计师、网页美工、web前端开发工程师首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块儿的东西,比如网站是否做的漂亮web前端开发工程师是负责交互设计的。 web前端分为网页设计师、网页美工、web前端开发工程师,首先网页设计师是对网页的...https://www.imooc.com/article/8139
3.web前端开发和后端开发的区别有哪些企业在引入信息化系统的初期阶段,务必要合理、有效地运用工具。这样不仅可以保证公司内部业务更加高效地运转,还能确保团队目标的顺利达成。而且,这还能大幅缩短系统的开发和部署时间成本。 工具的有效运用 尤其对于那些有特定需求需要定制化功能的企业,可以考虑使用我们公司的织信Informat企业级低代码平台。织信平台基于数据模型...https://www.informat.cn/qa/308918
4.前端工程师和后端工程师的区别有哪些?后端开发人员通常的工作是从数据库或其他数据源写入、读取和处理数据,因此拥有 SQL 等技能会非常重要。后端开发人员——至少对于 Web 开发也需要擅长他们正在使用的技术栈的服务器端语言。前端工程师和后端工程师的区别有哪些?前端工程师和后端工程师的区别1、职能不同前端工程师是互联网时代软件产品研发中不可缺少的...https://edu.iask.sina.com.cn/jy/5bqdahCOsbJ.html
5.后端开发与前端开发的区别?前端开发和后端开发的主要区别在于关注点和职责不同。前端开发主要关注用户界面设计和用户体验,负责实现用户交互相关的功能;而后端开发主要关注数据管理和业务逻辑实现,负责处理数据存储和数据交互等操作。此外,在技能方面也存在一些差异,前端开发者需要掌握前端技术,如HTML、CSS和JavaScript等;而后端开发者则需要掌握数据库...http://m.lewlx.com/member/9220-article/17330
6.web前端开发与后端开发有什么区别?企业对于web前端开发工程师的需求量也越来越大,使得很多人也通过Web前端开发工程师培训课程成功的晋升为Web前端开发工程师,Web前端开发工程师作为一个专业技术岗位,需要掌握多种技术来构建现代化的网页和应用程序,今天八维职业学校和大家一起来看看web前端开发与后端开发有什么区别,希望对想要学习和了解web前端开发工程师...https://www.bwie.com/jsgh/231.html
1.前端开发和后端有什么区别工资待遇区别 岗位名称 平均工资 较上年 前端开发 ¥16.7K -4% 后端 ¥22.9K -7% 说明:前端开发和后端哪个工资高?前端开发低于后端。前端开发平均工资¥16.7K/月,2024年工资¥16.9K,2024年工资低于2023年,后端平均工资¥22.9K/月,2024年工资¥22.9K,2024年工资低于2023年,统计依赖于各大平台发布的...https://www.jobui.com/gangwei/pk/qianduankaifa-houduan/
2.前端和后端的区别是什么?近几年,很多小伙伴想学习web开发,但是对于前端和后端的区别却不是很清楚。那么针对两者的概念、工作内容、掌握技能等方面来看看前端和后端的区别呢?下面小编给大家简单分析一下。 1、概念不同 前端 前端就是用户可以在网页或者应用程序上浏览的内容。早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也...https://blog.csdn.net/univerised/article/details/118363914
3.前端和后端的区别(共6篇)“小蜜蜂别惹我哭”投稿了6篇前端和后端的区别,以下是小编帮大家整理后的前端和后端的区别,供大家参考借鉴,希望可以帮助到您。 篇1:前端和后端的区别 前端就是我们可以直接查看的一部分,它涉及用户可以看到,触摸和体验的`一切。比如你在网站上看到的各种各样的图形、按钮,图片,导航菜单等。前端也被称为“客户端”...https://www.hrrsj.com/wendang/qitafanwen/850453.html
4.网页设计前端和后端的区别是什么网页设计前端和后端的区别主要在于职责和工作内容。前端主要负责用户界面的设计和交互,后端则负责处理用户请求和与数据库进行交互。两者需要充分配合和交互,才能实现一个完整的网站。为了成为优秀的前端或后端开发者,需要不断学习和掌握最新的技术和知识。同时,随着互联网技术的发展,前端和后端的工作范围和发展方向也在不...https://www.300.cn/xxzx/8693.html
5.网页前端和后端的区别有哪些开发网页前端和后端的区别有哪些 没有接触过的网站制作的小伙们经常会问到网页前端和后端有哪些区别,首先,网页设计师是对网页的架构、色彩以及网站的整体页面代码负责,网页美工只针对UI设计,比如网站是否做的漂亮,Web前端开发工程师是负责交互设计的,需要和程序员进行交互设计的配合,下面为大家提供网页前端和后端的主要区别...https://www.yungong.com/work-3025.html
6.芯片设计的前端和后端区别模拟前端和后端的区别 模拟前端和模拟后端在电子系统设计中各自扮演着重要的角色,它们之间有着明显的区别。 2024-03-15 15:59:05 芯片设计分为哪些步骤?为什么要分前端后端?前端后端是什么意思 芯片设计分为哪些步骤?为什么要分为前端后端?前端后端分别是什么意思?芯片设计分为前端和后端两个主要步骤。前端设计由逻辑...https://www.elecfans.com/zt/1245991/
7.前端测试和后端测试的区别是什么那么,前端测试和后端测试的区别是什么呢? 1、测试重点不同:前端测试主要关注用户界面的设计和交互体验,包括页面布局、按钮、文本框、表单、链接等元素的设计和功能测试,以确保用户可以轻松地与应用程序或网站进行交互并完成所需的任务。后端测试则更注重系统功能的正确性、性能和安全性等方面的测试,以确保应用程序或网...https://www.pxwy.cn/news-id-80180.html