編輯導(dǎo)語(yǔ)：產(chǎn)品經(jīng)理的工作常常需要和多個(gè)崗位的人進(jìn)行對(duì)接，因此，對(duì)其他崗位的名稱(chēng)、工作內(nèi)容等，產(chǎn)品經(jīng)理最好有所了解，以免工作時(shí)找錯(cuò)對(duì)應(yīng)人員。其中，前端、后端、API、SDK等名詞便是產(chǎn)品經(jīng)理需要了解的，本文作者進(jìn)行了總結(jié)，一起來(lái)看一下。

一、如何區(qū)分前臺(tái)、后臺(tái)、前端開(kāi)發(fā)人員、后端開(kāi)發(fā)人員

前臺(tái)、后臺(tái)，指的是具體頁(yè)面。

• 前臺(tái)，是用戶(hù)直接能看到的頁(yè)面，所有人都可以訪問(wèn)。
• 后臺(tái)，是有權(quán)限的運(yùn)營(yíng)人員或特殊用戶(hù)（比如淘寶賣(mài)家）用權(quán)限登錄后才看得到的頁(yè)面，除了能看到其他人看不到的報(bào)表外，在后臺(tái)還能修改前臺(tái)顯示給用戶(hù)看的內(nèi)容。
• 前端/后端，很多時(shí)候指的是人，即前/后端工程師。衍生含義為——前/后端工程師的工作內(nèi)容。

不嚴(yán)謹(jǐn)?shù)恼f(shuō)法是：寫(xiě)頁(yè)面的就是前端，操作數(shù)據(jù)的就是后端。前端負(fù)責(zé)還原UI設(shè)計(jì)的界面，以及與后端聯(lián)調(diào)接口。一般設(shè)計(jì)師只需要與前端溝通，產(chǎn)品經(jīng)理需要與兩者溝通。

前端若細(xì)分，可分為小程序前端、web前端、H5前端。一般來(lái)說(shuō)，小程序前端、web前端、H5前端使用的語(yǔ)言都是html+css，因此一個(gè)前端一般能做web頁(yè)面也能做H5頁(yè)面，也能干小程序的頁(yè)面開(kāi)發(fā)的活。而對(duì)于APP開(kāi)發(fā)，安卓開(kāi)發(fā)和iOS開(kāi)發(fā)就是前端，一般只會(huì)專(zhuān)注于某端APP的活。

• Web前端開(kāi)發(fā)：HTML+CSS+JavaScript。
• Android終端開(kāi)發(fā)：Java（開(kāi)發(fā)工具：Androidstudio）。
• iOS終端開(kāi)發(fā)：Objective-C（開(kāi)發(fā)工具：Xcode)。

前臺(tái)頁(yè)面和數(shù)據(jù)庫(kù)的溝通，主要通過(guò)API進(jìn)行溝通。

舉例：貓眼APP的影院列頁(yè)面，前端只要需要負(fù)責(zé)頁(yè)面布局還原和接口（API）聯(lián)調(diào)的工作，如文字大小、頁(yè)面布局排版、標(biāo)簽的樣式等；但是影院列表的數(shù)據(jù)返回就要連接數(shù)據(jù)庫(kù)，這個(gè)就需要后端開(kāi)發(fā)做邏輯處理了，頁(yè)面調(diào)用接口，后端根據(jù)入?yún)臄?shù)據(jù)庫(kù)中查詢(xún)相應(yīng)數(shù)據(jù)，再進(jìn)行邏輯處理，最后返回到前端頁(yè)面，可以理解為一個(gè)輸入輸出的過(guò)程。

如果你發(fā)現(xiàn)你身邊有這樣一個(gè)人，他前端后臺(tái)，樣樣精通，文能提筆發(fā)paper，武能調(diào)試除bug。這種人叫做：全棧工程師。

再進(jìn)一步探討貓眼APP頁(yè)面，貓眼APP“影院列表頁(yè)”的接口除了“獲取影院列表”的接口外，還有其他接口，比如城市列表接口、品牌列表接口、區(qū)域列表接口、地鐵列表接口、搜索接口等，但是“獲取用戶(hù)當(dāng)前位置”功能，這個(gè)就不需要后端參與了，前端直接調(diào)用系統(tǒng)定位服務(wù)就可以實(shí)現(xiàn)了。

多個(gè)接口的組合使用形成了功能，如上方貓眼APP，多個(gè)接口組合，形成了一個(gè)完整的找影院的功能。后續(xù)如果產(chǎn)品要去接入第三方的開(kāi)放平臺(tái)，本質(zhì)就是對(duì)第三方開(kāi)放出來(lái)的接口進(jìn)行組合使用，來(lái)實(shí)現(xiàn)自己所需的功能。

了解了前后端的原理后，后續(xù)對(duì)于功能出現(xiàn)bug時(shí)，就不至于不知道找誰(shuí)了。產(chǎn)品經(jīng)理在驗(yàn)收的時(shí)候，如果是頁(yè)面布局問(wèn)題，直接找前端溝通，但如果是頁(yè)面數(shù)據(jù)返回不對(duì)的問(wèn)題，這一般是接口的問(wèn)題，就需要跟后端溝通了，當(dāng)然也有可能是前端入?yún)麇e(cuò)了。

二、API與SDK的區(qū)別

上文提到接口，也就是API，那么API到底是什么？API是前端調(diào)用后端數(shù)據(jù)的一個(gè)通道，通過(guò)這個(gè)通道，前端頁(yè)面可以訪問(wèn)到后端的數(shù)據(jù)，但是又無(wú)需調(diào)用源代碼。

API又分為open API和私有API。Open API顧名思義，即是向所有人公開(kāi)的接口，允許任何人調(diào)用它并獲取到它背后的數(shù)據(jù)。在也有些公司作為產(chǎn)品出售。如百度的AI市場(chǎng)，有語(yǔ)音識(shí)別、語(yǔ)音合成、人臉識(shí)別、美顏SDK等出售，研發(fā)使用現(xiàn)成的SDK，節(jié)省了研發(fā)時(shí)間。

閱讀接口文檔的關(guān)鍵在于讀懂入?yún)⒑统鰠?，接口相?dāng)于函數(shù)，客戶(hù)端調(diào)用API，輸入信息后，執(zhí)行完函數(shù)，輸出結(jié)果返回前端，下圖是“銀行卡OCR識(shí)別”接口實(shí)例。

入?yún)ⅲ恒y行卡圖片
出參：OCR識(shí)別到的卡號(hào)，以及根據(jù)卡號(hào)查詢(xún)到的銀行卡基本信息：卡類(lèi)型、銀行l(wèi)ogo、銀行名稱(chēng)等

注：可到阿里云、百度云、騰訊云等云平臺(tái)找更多的接口案例。

SDK：概念：軟件開(kāi)發(fā)工具包（SDK，全稱(chēng)：Software Development Kit）。

一般都是一些軟件工程師為特定的軟件包、軟件框架、硬件平臺(tái)、操作系統(tǒng)等建立應(yīng)用軟件時(shí)的開(kāi)發(fā)工具的集合。

通俗點(diǎn)是指由第三方服務(wù)商提供的實(shí)現(xiàn)軟件產(chǎn)品某項(xiàng)功能的工具包。

就相當(dāng)于很多API和其他文件的集合體，你可以用這個(gè)完成某一個(gè)事情。SDK可不需要依賴(lài)網(wǎng)絡(luò)，如APP安裝包里只要涵蓋人臉對(duì)比SDK，因?yàn)槿四槍?duì)比的方法已經(jīng)封裝在SDK，而SDK在用戶(hù)安裝APP時(shí)，已經(jīng)下載到手機(jī)，中因此可以實(shí)現(xiàn)離線場(chǎng)景下的人臉對(duì)比。如百度人臉對(duì)比SDK。

舉例子：整個(gè)計(jì)算器產(chǎn)品可以看做是一個(gè)SDK，它里面有API集合（計(jì)算器），說(shuō)明文檔（說(shuō)明書(shū)），以及一些其他文件。這個(gè)SDK的功能就是計(jì)算，可能要算什么不確定，但是你可以通過(guò)這個(gè)SDK中的某個(gè)方法完成，實(shí)現(xiàn)你的目的。

作者：口述產(chǎn)品，公眾號(hào)：口述產(chǎn)品

本文由 @口述產(chǎn)品 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議