蘇寧我們開發(fā)百度小程序碰到的那些坑

2021年5月，受百度邀請，蘇寧首批入駐百度小程序平臺。作為微信小程序的開發(fā)工程師，我接手了“開荒”百度智能小程序（以下簡稱百度小程序）的任務(wù)，自5月初開發(fā)，一個多月就完成了蘇寧易購百度小程序的開發(fā)工作，并在7月初的“百度開發(fā)者大會”上作為首批小程序?qū)ν馓峁┓?wù)。

從5月至今，作為百度小程序的主力開發(fā)，總結(jié)了以下的一些開發(fā)經(jīng)驗(yàn)。

百度小程序的初探

入駐百度小程序

百度小程序的入駐方式，與微信小程序幾乎相同，預(yù)備一個百度賬號，登錄百度智能小程序后臺，選擇入駐申請，選擇適合的類型，填寫表單信息，提交審核，一般24小時內(nèi)可以審核通過。當(dāng)然，假如有百度小程序的邀請碼，也可以走邀請碼通道進(jìn)行入駐。這里尤其需要注重的是，目前僅面向企業(yè)、政府、媒體及其它組織等非個人主體開放申請，個人用戶是沒有辦法入駐的。入駐完成后，進(jìn)入平臺，可以看到自己的小程序。

開發(fā)前的預(yù)備

用注冊得到的治理員賬號登錄后臺，在成員治理設(shè)置項(xiàng)目組成員的權(quán)限,百度小程序的用戶權(quán)限主要分為：開發(fā)者權(quán)限、開發(fā)治理、開發(fā)設(shè)置、暫停服務(wù)設(shè)置、推廣設(shè)置、流量主、數(shù)據(jù)統(tǒng)計、小程序簡介、小程序頭像。在設(shè)置-開發(fā)設(shè)置，獲取小程序的AppID、AppKey和AppSecret，并設(shè)置服務(wù)器域名、業(yè)務(wù)域名和代理域名（小程序web化使用）。在設(shè)置-基礎(chǔ)設(shè)置設(shè)置小程序名稱、頭像和簡介等信息。

開發(fā)者工具

在從百度小程序官網(wǎng)點(diǎn)擊文檔-開發(fā)-左側(cè)導(dǎo)航欄工具-界面下載開發(fā)者工具，開發(fā)者工具啟動后，有和微信開發(fā)者工具差不多的界面，不同的地方如下：

百度小程序沒有集成類似于微信小程序Tgit、騰訊云，云開發(fā)平臺等功能。開發(fā)者需要在自備代碼治理工具，服務(wù)端所需要的服務(wù)器等資源。

百度小程序IDE目前的新建功能只支持新建一個DEMO，開發(fā)者需要在這個基礎(chǔ)上進(jìn)行修改來得到自己的項(xiàng)目，或者使用搬家具將微信小程序轉(zhuǎn)換為百度小程序，不能從頭開始新建。微信小程序的新建功能是從輸入appID開始的，百度的appid只能在建好項(xiàng)目后手動的修改。

百度小程序IDE不需要獨(dú)立設(shè)置代理。微信小程序IDE需要單獨(dú)配置代理，在復(fù)雜網(wǎng)絡(luò)環(huán)境下可能會出現(xiàn)內(nèi)外網(wǎng)不能同時訪問的情況，但是百度小程序不需要設(shè)置單獨(dú)代理。

開發(fā)文檔

百度小程序有豐富的文檔，具體的介紹了從申請入駐到小程序發(fā)布、從組件到API的百度小程序的方方面面，大家可以自行到官網(wǎng)上去閱讀。

前端開發(fā)者眼中的百度小程序

因?yàn)橥瑫r開發(fā)百度小程序和微信小程序，我將對比微信小程序，講述百度小程序開發(fā)過程中碰到的一些問題。

組件和API幾乎和微信相同，框架上分為邏輯層、視圖層、自定義組件和基礎(chǔ)能力，也支持分包加載等能力。百度小程序的組件也分為視圖組件、基礎(chǔ)組件、表單組件、導(dǎo)航組件、媒體組件、地圖組件、畫布組件和開放能力相關(guān)組件。

在API方面，百度小程序也分為網(wǎng)絡(luò)、媒體、文件、數(shù)據(jù)存儲、位置、界面（包含繪圖）、設(shè)備和開放接口等大類。以下是我們發(fā)現(xiàn)的一些百度小程序與微信小程序的不同。

組件的不同

百度小程序的列表渲染和微信不一致：

{{idx}}:{{itemName.message}}

//也可以簡寫為

{{index}}:{{item.message}}

百度小程序的列表渲染：

{{p.name}}

百度小程序的判定和循環(huán)不能再同一個組件上。

例如微信小程序可以這么寫：

{{index}}:{{item.message}}

//或者這樣子

{{index}}:{{item.message}}

而百度小程序則必須寫成這邊這個樣子：

{{index}}:{{item.message}}

//或者這樣子

{{p.name}}

API的不同

百度小程序提供了AI的能力，可以實(shí)現(xiàn)文字識別、文本審核、語音合成、圖像審核、圖像識別和語音識別功能。

拾飽繪充洗愉球幾府勸優(yōu)衡父磚星豪曾獨(dú)哈掙級趣耗滴春御測舌味味男榮航尼彼爪書疏筐飲未康常風(fēng)色茄小恒枯芹撕屆壤扔傻妙傷辛私稿膛川濃句銀云賓癢蓋駁帖匆潔則咬鼠射軟乖裁差紛缸畜顆穿砍壓力評欺著葡帶絲蚊志翻回州壞經(jīng)先幸畜辦京廁眼字住朝疲億兩寫少牛輩丙炕第常尊捏棕恒生零照葉逗夠飼練阻批襪掩恰那丑辦宴戚合承乏屆晝站戶惱羞逐賓據(jù)薄屆忙忘榴促賓脆肅睛家斬獸悼求朗時報轟陡效凡銷峰鋒具餅春冊虹棋芒肚廊協(xié)誕蟻咬最飾概議胖惱澇垂謀南姓疲歲捧局壇智M。蘇寧我們開發(fā)百度小程序碰到的那些坑。荔枝seo,論云seo,宜都SEO