小程序開發(fā)實(shí)戰(zhàn)：支付寶小程序開發(fā)踩坑記錄

發(fā)表時(shí)間：2021-1-6

發(fā)布人：葵宇科技

瀏覽次數(shù)：70

最近公司業(yè)務(wù)需求入坑支付寶小程序，本人自以為有微信小程序開發(fā)的經(jīng)驗(yàn)會(huì)很簡(jiǎn)單，結(jié)果還是中了支付寶的坑，由于百度上對(duì)于支付寶小程序的教程少之又少，開發(fā)過(guò)程中遇到的問(wèn)題都是在釘釘群和與技術(shù)客服咨詢，而大多數(shù)回答都是抱歉暫時(shí)沒有，暫時(shí)沒開發(fā)。小程序copy的不咋樣，審核那是真特么的嚴(yán)，第一版審核8次才過(guò)審核，下面是自己的脫坑記錄。

代碼轉(zhuǎn)移
這個(gè)沒多大區(qū)別，把微信小程序代碼復(fù)制過(guò)來(lái)，只需要把文件名wxml->axml,wxss->acss，js中的大多數(shù)api名稱把wx.XXX改為my.XXX，但是有些微信里的api支付寶還沒有需要自己比較，axml頁(yè)面全局替換wx->a 例如wx:if -> a:if，還有事件支付寶以onTap駝峰命名，微信是bindtap 只需要改這幾點(diǎn)即可。
編輯器
這第一點(diǎn)記憶猶新，根據(jù)官方文檔下載了個(gè)0.28.xx(記不清了)的穩(wěn)定版編輯器，然后創(chuàng)建了兩個(gè)官方的demo，編輯器上沒有任何事情，預(yù)覽和真機(jī)調(diào)試的時(shí)候手機(jī)上就一直是加載中，報(bào)一堆node.js的錯(cuò)，然后自己創(chuàng)了個(gè)空白的demo也是同樣的，以為是mac原因在windows上試了下也一樣，咨詢了阿里的技術(shù)客服，建議是升級(jí)下編輯器試試，于是我升級(jí)了個(gè)嘗鮮版成功解決（不過(guò)想吐槽這bug怎么稱為穩(wěn)定版的）。
用戶登錄
總感覺小程序的開發(fā)文檔很是隱蔽，還是在開發(fā)文檔中搜索“用戶授權(quán)”才找到的文檔，發(fā)現(xiàn)還是不在開發(fā)文檔中，然后百度了下支付寶小程序用戶登錄就是螞蟻金服開發(fā)文檔中的支付寶會(huì)員授權(quán)信息查詢接口

官方返回的用戶信息為大坑中的大坑

如果你們用戶授權(quán)出現(xiàn)報(bào)錯(cuò)，可以看一下官方有沒有返回給你用戶的昵稱頭像之類的，我碰到的是用戶沒有此信息連下標(biāo)都不給返回寫的代碼就直接報(bào)錯(cuò)了，正常應(yīng)該是沒有數(shù)據(jù)返回個(gè)空，這就很難受，后來(lái)發(fā)版審核不過(guò)就因?yàn)轭^像昵稱改了，審核員的賬號(hào)性別沒設(shè)置就一直出錯(cuò)。

地址選擇（自定義組件通信問(wèn)題）
微信小程序有官方picker中mode提供了省-市-縣三級(jí)聯(lián)動(dòng)選擇功能，而支付寶提供了my.multiLevelSelect的級(jí)連選擇api，但是沒有地址表還得再找，由于懶得找還得寫接口我前端搞了個(gè)自定義地址選擇組件，到最后一步的時(shí)候發(fā)現(xiàn)父子組件不能通信。。黑人問(wèn)號(hào)臉，以為自己沒找到正確的辦法，咨詢了技術(shù)客服確實(shí)是他們沒做這功能。。。只能頁(yè)面調(diào)用組件里的方法，反之不可。

自定義tabBar
業(yè)務(wù)功能tabBar里有個(gè)掃一掃，咨詢官方回復(fù)：暫時(shí)不支持自定義tabBar，然后找UI把掃一掃調(diào)到頁(yè)面了。

生命周期坑
tabBar上的兩個(gè)頁(yè)面來(lái)回切換onShow只加載一次，跳轉(zhuǎn)其他頁(yè)面再回來(lái)onShow正常展示。

客服
支付寶也提供了一鍵客服功能

<view class='kfBox'>
    <contact-button tnt-inst-id="企業(yè)編碼" scene="聊天窗編碼" size="35" color="#00A3FF" icon="/images/wd-ico06.png" />
    <!-- <text class='kfText'>客服與幫助</text> -->
</view>

該標(biāo)簽不能包含文字，也不能定義文字，只能自定義圖片。（有一次審核被駁回就是因?yàn)閷徍藛T說(shuō)點(diǎn)擊文字不能打開客服，我特么你們組件不能定義文字，我給個(gè)提示說(shuō)點(diǎn)不動(dòng)，然后就把文字去掉了，標(biāo)簽客服圖標(biāo)放大）

審核
述說(shuō)幾次被駁回的記錄，吐槽下支付寶審核惡心的地方，一是非常的嚴(yán)，二是遇見不符合的就駁回，絕對(duì)不會(huì)給你往下多看幾個(gè)問(wèn)題讓你一次改，來(lái)來(lái)回回的非常浪費(fèi)時(shí)間??！
1.支付寶不允許打開小程序就有授權(quán)彈框的功能，這點(diǎn)和微信一樣。但是官方給的demo就是打開先授權(quán)，這點(diǎn)就誤導(dǎo)我以為支付寶允許。
微信獲取code和授權(quán)是分為兩個(gè)方法，而支付寶都整合在my.getAuthCode這個(gè)api了，控制my.getAuthCode用戶授權(quán)框的是scopes參數(shù)，這個(gè)參數(shù)不是必填的，但是當(dāng)該參數(shù)為auth_user（主動(dòng)授權(quán)） / auth_zhima（芝麻信用）的時(shí)候授權(quán)框才會(huì)彈出。
首次用戶獲取code去后臺(tái)判斷用戶是否存在的時(shí)候可以把這參數(shù)去掉，就不會(huì)直接彈出授權(quán)框了。
還有一點(diǎn)需要說(shuō)明，支付寶小程序的授權(quán)框可以不用button激活，就是說(shuō)寫個(gè)公共授權(quán)的方法，判斷用戶沒授權(quán)就直接調(diào)用該方法就能彈出授權(quán)框了。
2.支付寶審核非常的嚴(yán)格，每個(gè)頁(yè)面的功能都要點(diǎn)擊，我有個(gè)回首頁(yè)的按鈕事件忘記調(diào)回來(lái)就給駁回了。
3.沒做完的功能或者不完整的別上架審核，因?yàn)榈刂愤x擇的問(wèn)題沒做完，我想先發(fā)一版測(cè)試一下掃一掃的功能，結(jié)果駁回內(nèi)容是地址不能添加。要是在微信很多時(shí)候就直接給過(guò)了。
4.我們的產(chǎn)品是線上線下結(jié)合的，因?yàn)閽咭粧叩墓δ?，支付寶讓錄個(gè)視頻給審核，但是線下的機(jī)器還沒連調(diào)成功沒辦法模擬了個(gè)假視頻的給上傳的。（這一點(diǎn)感覺很膈應(yīng)，我做的是小程序功能不對(duì)不給過(guò)就算了，線下的機(jī)器也要看一眼就有點(diǎn)煩了，微信我發(fā)了二十多小版本毛事沒有）
5.敏感詞匯。最后一次審核把bug都調(diào)完了，小程序由于是重微信小程序直接轉(zhuǎn)回來(lái)的，介紹里面有幾個(gè)微信的詞語(yǔ)，所以給駁回了讓刪除，這一個(gè)點(diǎn)又耽誤了一天審核。