聊聊前端和后臺的數(shù)據(jù)交互與協(xié)議

目前趣苏,除了一些特別簡單非聯(lián)網(wǎng)類應(yīng)用(比如計算器、鬧鐘等)梯轻,幾乎所有的應(yīng)用均是聯(lián)網(wǎng)應(yīng)用(比如新聞客戶端食磕,微信等等),這些 app 客戶端基本都只是負(fù)責(zé)用戶的交互與數(shù)據(jù)收集與展示喳挑,真正的數(shù)據(jù)和服務(wù)均存儲在云端彬伦。

那移動端究竟如何和后臺來交換數(shù)據(jù)并展示呢?我們打個比喻蟀悦,其實整個過程跟去燒烤店兒擼串一樣一樣的媚朦。

拿任意一個新聞客戶端舉例,當(dāng)用戶刷新的那一刻(你萌生了吃燒烤的想法)日戈,客戶端開始組織數(shù)據(jù)請求(你開始穿衣洗臉打扮询张,并思考該去哪一家吃呢),當(dāng)用戶界面開始展示 loading 的時候(這個時候你正走在 “馬大姐燒烤店” 的路上)浙炼,經(jīng)過幾百毫秒的時間份氧,這個時候請求數(shù)據(jù)已經(jīng)到了服務(wù)器(你已經(jīng)坐在了馬大姐燒烤店的桌子上),服務(wù)器開始查看客戶端想要請求哪方面的數(shù)據(jù)弯屈,是請求財經(jīng)頻道的蜗帜,還是請求汽車頻道的數(shù)據(jù)(服務(wù)員遞來了菜單,問你想吃啥)资厉,服務(wù)器看懂了客戶端的想法開始準(zhǔn)備數(shù)據(jù)(你點了 20 個肉串厅缺,10 個大腰子),服務(wù)器看到你請求的是汽車頻道和財經(jīng)頻道的數(shù)據(jù)(光著膀子的烤串師傅開始烤這 20 個串和 10 個大腰子)宴偿,并給回到服務(wù)員湘捎,服務(wù)員一路小跑,將你要的串和腰子遞到你的面前窄刘,這個時候相當(dāng)于數(shù)據(jù)已經(jīng)傳回到了客戶端窥妇,客戶端 loading 消失,你看到了最新的兩個頻道的數(shù)據(jù)娩践。

那客戶端和服務(wù)器之間傳輸數(shù)據(jù)的格式是怎么樣的呢活翩?

現(xiàn)在流行的做法通常有兩種,一種是類似于 PB(Protocol Buffer翻伺,Google 定義的一個數(shù)據(jù)傳輸協(xié)議材泄,以簡潔,省流穆趴,易用出名)的二進(jìn)制數(shù)據(jù)(二進(jìn)制數(shù)據(jù)的意思就是你打開這個文件你只能看到 0 和 1 組成的數(shù)字串脸爱,是沒辦法和你生活中任何認(rèn)識的字母聯(lián)系在一起的)傳輸,這種格式的好處是包小未妹,重復(fù)的字段會被節(jié)省簿废。另一種是 JSON(JavaScriptObject Notation)空入,這也是一種輕量級的數(shù)據(jù)傳輸格式,就是用一堆中括號把數(shù)據(jù)組織起來族檬,不像二進(jìn)制歪赢,這種格式是人可讀的,并且比較輕巧单料,所以也有大量的應(yīng)用場景埋凯。下面這段數(shù)據(jù)就是 JSON 格式,簡單解讀一下扫尖,就是 people 對應(yīng)了三個人白对,三個人分別是中括號間的三個花括號中的人。

總結(jié)起來换怖,十分簡單甩恼,移動端提出需求,服務(wù)器按要求組織好數(shù)據(jù)發(fā)給你沉颂,針對不同的格式条摸,移動端自己解析,展示铸屉,完活兒钉蒲。其實,不止移動端彻坛,前端網(wǎng)頁和后臺顷啼,后臺和后臺之間也是這個道理。至于在傳輸?shù)倪^程中都經(jīng)歷了什么昌屉,我們找機會再細(xì)聊线梗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市怠益,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌瘾婿,老刑警劉巖蜻牢,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異偏陪,居然都是意外死亡抢呆,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門笛谦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抱虐,“玉大人,你說我怎么就攤上這事饥脑】已” “怎么了懦冰?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長谣沸。 經(jīng)常有香客問我刷钢,道長,這世上最難降的妖魔是什么乳附? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任内地,我火速辦了婚禮,結(jié)果婚禮上赋除,老公的妹妹穿的比我還像新娘阱缓。我一直安慰自己,他們只是感情好举农,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布荆针。 她就那樣靜靜地躺著,像睡著了一般并蝗。 火紅的嫁衣襯著肌膚如雪祭犯。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天滚停,我揣著相機與錄音沃粗,去河邊找鬼。 笑死键畴,一個胖子當(dāng)著我的面吹牛最盅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播起惕,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼涡贱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了惹想?” 一聲冷哼從身側(cè)響起问词,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嘀粱,沒想到半個月后激挪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡锋叨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年垄分,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片娃磺。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡薄湿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情豺瘤,我是刑警寧澤吆倦,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站炉奴,受9級特大地震影響逼庞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞻赶,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一赛糟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧砸逊,春花似錦璧南、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至篓像,卻和暖如春动知,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背员辩。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工盒粮, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人奠滑。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓丹皱,卻偏偏與公主長得像,于是被迫代替她去往敵國和親宋税。 傳聞我的和親對象是個殘疾皇子摊崭,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容