小程序開發(fā)排坑指南

時(shí)至今日，小程序發(fā)布已有一天，想必大家除了因?yàn)槲⑿艑?duì)整個(gè)互聯(lián)網(wǎng)生態(tài)帶來(lái)的變化，而感到震驚之外，也體驗(yàn)了不少小程序產(chǎn)品。好壞與否都已不能阻擋微信對(duì)未來(lái)趨勢(shì)的一個(gè)帶動(dòng)。

那么下一步，我相信會(huì)有更多的企業(yè)，前仆后繼的加入小程序的開發(fā)大軍。小程序雖然不需要像Apple store那樣的應(yīng)用市場(chǎng)，但是它作為一個(gè)平臺(tái)，是有自己的規(guī)范和審核規(guī)則的，所以難免大家會(huì)在開發(fā)過(guò)程中遇到一些坑。

作為產(chǎn)品，我之前已經(jīng)參與開發(fā)過(guò)幾個(gè)小程序，所以今天這篇文章，就是告訴大家，如何優(yōu)雅的開發(fā)并且上線小程序，俗稱排坑指南。

如果還沒(méi)體驗(yàn)過(guò)小程序的，可以移步：《目前最實(shí)用的七款小程序【內(nèi)附最全小程序清單】》

了解規(guī)范

小程序的規(guī)范，分為《介紹》《設(shè)計(jì)》《開發(fā)》《運(yùn)營(yíng)》幾個(gè)文檔，想必有意了解小程序的人都已經(jīng)看過(guò)了，這里只是著重說(shuō)幾個(gè)。

1.絕對(duì)不允許出現(xiàn)和設(shè)計(jì)規(guī)范中風(fēng)格不同的UI

微信在規(guī)范中明確說(shuō)明了，操作型的按鈕要使用圓角長(zhǎng)方形的，如果你使用了圓形或者多邊形的按鈕，會(huì)被以風(fēng)格不符的理由拒絕。

微信明確規(guī)定，底部Tab欄只能在一個(gè)頁(yè)面布局，并且不能有功能性的按鈕存在，如果你想做成ins那種，中間是個(gè)按鈕的，是不可以的。

2.微信絕對(duì)不允許出現(xiàn)復(fù)雜界面和操作

頁(yè)面要突出重點(diǎn)，不允許出現(xiàn)兩種以上意義的按鈕。比如你的頁(yè)面內(nèi)有“拍照”、“相冊(cè)”、“發(fā)布”按鈕的時(shí)候，就要好好規(guī)劃一下頁(yè)面布局了，如果同時(shí)出現(xiàn)，將會(huì)被拒。

3.微信絕對(duì)不允許出現(xiàn)外鏈

想要吃前期小程序紅利的，要多想想了，微信不允許頁(yè)面內(nèi)出現(xiàn)任何外鏈以及廣告，所以當(dāng)你設(shè)計(jì)小程序的時(shí)候，切勿預(yù)留banner位置。

4.小程序信息規(guī)范

只支持企業(yè)微信賬號(hào)申請(qǐng)開發(fā)小程序，并且每個(gè)公眾號(hào)只能獲得一個(gè)app id，也就是只能開發(fā)一個(gè)小程序。如果你想開發(fā)多個(gè)，就需要單獨(dú)申請(qǐng)多個(gè)公眾號(hào)。

小程序名稱不能和已有公眾號(hào)的名稱一樣，并且一旦確定就不能修改。所以，起名字前多調(diào)研一下比較好。

認(rèn)證過(guò)的企業(yè)公眾號(hào)，才可以獲取支付權(quán)限。

動(dòng)手開發(fā)

1.scrollview和刷新的沖突問(wèn)題

由于微信對(duì)于小程序的定位就不是網(wǎng)頁(yè)，所以開發(fā)人員也不要以寫h5的心態(tài)去寫小程序。當(dāng)然如果遇到srollview滾動(dòng)條問(wèn)題，你也可以直接把它當(dāng)成小程序自身的bug對(duì)待。

簡(jiǎn)單來(lái)說(shuō)，如果你在小程序內(nèi)使用了scrollview來(lái)使頁(yè)面滾動(dòng)，那么在ios設(shè)備上將會(huì)出現(xiàn)，頁(yè)面無(wú)法下拉刷新的問(wèn)題，解決的方法就是棄用scrollview的控件。

2.在國(guó)外注冊(cè)的賬號(hào)，獲取個(gè)人信息失效問(wèn)題（小程序已經(jīng)升級(jí)解決）

小程序上個(gè)版本中，如果你使用國(guó)外注冊(cè)的微信號(hào)登錄小程序，獲取個(gè)人信息會(huì)無(wú)效，不過(guò)好在當(dāng)前版本已解決。

3.彈窗只有l(wèi)oading和success兩種。

微信嚴(yán)格控制自己的頁(yè)面規(guī)范，所以小程序頁(yè)面上的彈出框，不允許自己定制。且只有l(wèi)oding和success，有設(shè)計(jì)潔癖的可能要扣眼了。

4.不支持其他代碼標(biāo)簽，微信自帶標(biāo)簽無(wú)法做出復(fù)雜特效。

微信自帶的代碼標(biāo)簽，只能做常規(guī)效果。如果想要追求好看的特效，除非你像自選股那樣是騰訊自己家的產(chǎn)品，可以隨意定制，否則還是別想了。

5.分享

昨天在體驗(yàn)小程序的過(guò)程中，有人發(fā)現(xiàn)，部分小程序的頁(yè)面支持分享給好友，而有些卻不支持。這個(gè)是小程序自身的問(wèn)題，新版本已經(jīng)添加分享的接口。

上線指南

1.不能發(fā)生無(wú)響應(yīng)的情況

上線之前一定要多做測(cè)試，完善細(xì)節(jié)。在頁(yè)面上點(diǎn)擊任何操作，都需要有明確反饋，即便是無(wú)反應(yīng)，也要有提示說(shuō)明，否則將會(huì)被打回。

2.選擇業(yè)務(wù)類型很重要

小程序在提交的時(shí)候，提供了一系列的產(chǎn)品業(yè)務(wù)類型選擇，類似app在提交到各大應(yīng)用市場(chǎng)的時(shí)候一樣。這里需要注意的是，微信似乎有意杜絕在企業(yè)在小程序里面做社交產(chǎn)品，所以，對(duì)于選擇社交的分類，控制的很嚴(yán)格，需要一堆證書。

另外有很多分類，例如電商、政治民生、金融業(yè)務(wù)等等，都需要有相關(guān)的資質(zhì)證書才能提交。

3.拒絕同質(zhì)化產(chǎn)品

這個(gè)要求，是微信為了防止出現(xiàn)過(guò)多同類型的小程序所設(shè)立的。比如已經(jīng)有很多做公交車查詢的小程序了，所以就不要總盯著這個(gè)需求不放了。

以上，就是在實(shí)戰(zhàn)過(guò)程中，可能會(huì)遇到的小程序開發(fā)問(wèn)題，如有補(bǔ)充，歡迎各位留言。

文/HDMonkey
原文：http://www.jianshu.com/p/939007fd22a3
本文版權(quán)歸原作者所有，轉(zhuǎn)載請(qǐng)注明原出處。如有任何問(wèn)題，請(qǐng)加微信ixdc-apply詳談。