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

2021年5月，受百度邀請，蘇寧首批入駐百度小程序平臺。作為微信小程序的開發工程師，我接手了“開荒”百度智能小程序（以下簡稱百度小程序）的任務，自5月初開發，一個多月就完成了蘇寧易購百度小程序的開發工作，并在7月初的“百度開發者大會”上作為首批小程序對外提供服務。

從5月至今，作為百度小程序的主力開發，總結了以下的一些開發經驗。

百度小程序的初探

入駐百度小程序

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

開發前的預備

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

開發者工具

在從百度小程序官網點擊文檔-開發-左側導航欄工具-界面下載開發者工具，開發者工具啟動后，有和微信開發者工具差不多的界面，不同的地方如下：

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

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

百度小程序IDE不需要獨立設置代理。微信小程序IDE需要單獨配置代理，在復雜網絡環境下可能會出現內外網不能同時訪問的情況，但是百度小程序不需要設置單獨代理。

開發文檔

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

前端開發者眼中的百度小程序

因為同時開發百度小程序和微信小程序，我將對比微信小程序，講述百度小程序開發過程中碰到的一些問題。

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

在API方面，百度小程序也分為網絡、媒體、文件、數據存儲、位置、界面（包含繪圖）、設備和開放接口等大類。以下是我們發現的一些百度小程序與微信小程序的不同。

組件的不同

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

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

//也可以簡寫為

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

百度小程序的列表渲染：

{{p.name}}

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

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

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

//或者這樣子

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

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

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

//或者這樣子

{{p.name}}

API的不同

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

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