## ##

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

        2017-01-12 14:51:38 閱讀 251588 本文來源: HDMonkey
        分享至:

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

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

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

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

        了解規(guī)范

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

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

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

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

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

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

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

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

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

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

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

        認(rèn)證過的企業(yè)公眾號,才可以獲取支付權(quán)限。

        動手開發(fā)

        1.scrollview和刷新的沖突問題

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

        簡單來說,如果你在小程序內(nèi)使用了scrollview來使頁面滾動,那么在ios設(shè)備上將會出現(xiàn),頁面無法下拉刷新的問題,解決的方法就是棄用scrollview的控件。

        2.在國外注冊的賬號,獲取個(gè)人信息失效問題(小程序已經(jīng)升級解決)

        小程序上個(gè)版本中,如果你使用國外注冊的微信號登錄小程序,獲取個(gè)人信息會無效,不過好在當(dāng)前版本已解決。

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

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

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

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

        5.分享

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

        上線指南

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

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

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

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

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

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

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

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


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

        責(zé)任編輯:小美姑娘

        認(rèn)可我的創(chuàng)作,就鼓勵(lì)一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋