本篇文章給大家談?wù)勑〕绦蜷_(kāi)發(fā)交互文檔，以及小程序開(kāi)發(fā)交流對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、開(kāi)發(fā)小程序流程
• 2、微信小程序開(kāi)發(fā)的完整流程介紹，新手必讀
• 3、美團(tuán)小程序功能設(shè)計(jì)（需求文檔）

開(kāi)發(fā)小程序流程

開(kāi)發(fā)小程序流程如下：

手機(jī)：華為mate40

系統(tǒng)：EMUI11

軟件：微信8.0.33

1、小程序賬號(hào)注冊(cè)

小程序需要在微信公眾平臺(tái)注冊(cè)賬號(hào)，來(lái)管理和發(fā)布小程序。賬號(hào)是郵箱類(lèi)型，需要公眾號(hào)認(rèn)證才能審核通過(guò)。

2、前期規(guī)劃小程序功能

小程序前期要確定功能及類(lèi)型，需要用到原型圖，畫(huà)出小程序的基本框架及功能。

3、小程序UI設(shè)滾譽(yù)物計(jì)

根據(jù)前期的策劃原型圖，需要設(shè)計(jì)出小程序的頁(yè)面。小程序的設(shè)計(jì)主要考慮用戶(hù)體驗(yàn)度，突出重點(diǎn)，流程明確、導(dǎo)航流暢、加載頁(yè)面等等。

4、小程序前后端開(kāi)發(fā)

小程序前端代碼有小程序源生代碼、html5、vue等代碼可以編寫(xiě)，有條件建議用源生的代碼，運(yùn)行更快。小程序后端代碼有php、jsp、asp.net、php，這些是應(yīng)用最廣泛的，性?xún)r(jià)比也是最高的。同樣的功能開(kāi)發(fā)，用虛仔php開(kāi)發(fā)的成本最低。前后端開(kāi)發(fā)完成之后，需要寫(xiě)下數(shù)據(jù)交互，這樣小程序和后臺(tái)的數(shù)據(jù)就連接起來(lái)了。

5、小程序開(kāi)發(fā)測(cè)試和線上提交

小程序要對(duì)開(kāi)發(fā)出來(lái)的功能進(jìn)行測(cè)試，找到bug及時(shí)修復(fù)。測(cè)試代碼運(yùn)行速度，優(yōu)化代碼結(jié)構(gòu)，測(cè)試各個(gè)手機(jī)端兼容性，能承載多少網(wǎng)絡(luò)帶寬壓力。當(dāng)小程序開(kāi)發(fā)完畢之后，就要用到小程序賬號(hào)來(lái)配置大液小程序的名稱(chēng)、圖片等信息。然后提交代碼給公眾號(hào)平臺(tái)審核，審核通過(guò)之后，在后臺(tái)點(diǎn)發(fā)布，你的小程序就正式上線了。

微信小程序

微信小程序是小程序的一種，英文名為WechatMiniProgram，是一種不需要下載安裝即可使用的應(yīng)用。它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。全面開(kāi)放申請(qǐng)后，主體類(lèi)型為企業(yè)、媒體、其他組織或個(gè)人的開(kāi)發(fā)者，均可申請(qǐng)注冊(cè)小程序。

微信小程序、微信訂閱號(hào)、微信服務(wù)號(hào)、微信企業(yè)號(hào)是并行的體系，微信小程序也是一項(xiàng)創(chuàng)新。經(jīng)過(guò)將近兩年的發(fā)展，已經(jīng)構(gòu)造了新的微信小程序開(kāi)發(fā)環(huán)境和開(kāi)發(fā)者生態(tài)。微信小程序也是這么多年來(lái)中國(guó)IT行業(yè)里一個(gè)真正能夠影響到普通程序員的創(chuàng)新成果，已經(jīng)有超過(guò)150萬(wàn)的開(kāi)發(fā)者加入到了微信小程序的開(kāi)發(fā)。

微信小程序開(kāi)發(fā)的完整流程介紹，新手必讀

自從跳一跳小程序游戲出現(xiàn)后，一夜之間，小程序就變得家喻戶(hù)曉了，功能開(kāi)發(fā)也越來(lái)越豐富，在微信搜一搜就會(huì)發(fā)現(xiàn)許多大品牌早已有自己的小程序了，越來(lái)越多的企業(yè)和商家都看中了這個(gè)風(fēng)口，想快速開(kāi)發(fā)出一款屬于自己的小程序，那小程序開(kāi)發(fā)的流程是怎樣的呢？

一、準(zhǔn)備好小程序開(kāi)發(fā)所要用到的材料

企業(yè)開(kāi)發(fā)小程序所需的材料有：

公司的營(yíng)業(yè)執(zhí)照、法人的手機(jī)號(hào)、身份證號(hào)、微信號(hào)掃描、認(rèn)證單——用于微信公眾號(hào)認(rèn)證。

銀行對(duì)公賬號(hào)、銀行開(kāi)戶(hù)許可證、企業(yè)網(wǎng)銀——申請(qǐng)支付接口。

小程序logo、企業(yè)介紹。產(chǎn)品信息、聯(lián)系方式等——小程序開(kāi)發(fā)。

注： 個(gè)人可以申請(qǐng)微信小程序，但無(wú)法申請(qǐng)微信支付接口。

二、微信小程序開(kāi)發(fā)的完整流程介紹

1. 設(shè)計(jì)原型圖，把想要實(shí)現(xiàn)的功能大概畫(huà)出來(lái)，這一步主要探討的是邏輯思維，只有把邏輯理清楚了，后面的工作才會(huì)開(kāi)展的更順暢，需要客戶(hù)和設(shè)計(jì)師反復(fù)溝通確定才可以實(shí)現(xiàn)，減少溝通過(guò)程中存在的一些誤差。

2. 注冊(cè)小程序賬號(hào)，需要支付300元的認(rèn)證費(fèi)用，假如需要使用微信支付功能，那還要申請(qǐng)支付接口。

3. UI設(shè)計(jì)，UI設(shè)計(jì)師根據(jù)原型圖、產(chǎn)品特點(diǎn)、公司文化等來(lái)設(shè)計(jì)界面，比較注重外觀和細(xì)節(jié)，優(yōu)質(zhì)的界面會(huì)讓人有流連忘返的感覺(jué)，讓用戶(hù)把小程序添加到收藏列表中。

4. 后端開(kāi)發(fā)，根據(jù)原型圖制作系統(tǒng)后臺(tái)和開(kāi)發(fā)相關(guān)接口，包括后臺(tái)數(shù)據(jù)管理、和小程序前臺(tái)交互的接口。小程序接口需要使用HTTPS，也就是服務(wù)器必須按照SSL證書(shū)，同時(shí)需要加入相關(guān)域名到管理后臺(tái)。

5. 前端開(kāi)發(fā)，小程序前端工程師除了制作界面外，還需要對(duì)接后臺(tái)的接口來(lái)進(jìn)行數(shù)據(jù)交互，從而制作出完整的流程，制作完成生成體驗(yàn)版，供大家內(nèi)部測(cè)試。

6. 測(cè)試環(huán)節(jié)，小程序也講究兼容性，測(cè)試人員要測(cè)一下開(kāi)發(fā)出來(lái)的功能是否能正常使用，蘋(píng)果和安卓版本是否會(huì)有誤差，確保小程序的各項(xiàng)功能正常。

7. 最后提交申請(qǐng)上線，體驗(yàn)版測(cè)試通過(guò)后，管理員可以提交到平臺(tái)審核，平臺(tái)審核通過(guò)后即可發(fā)布上線，供所有平臺(tái)用戶(hù)使用。

美團(tuán)小程序功能設(shè)計(jì)（需求文檔）

? ? ? ? ?墨刀連接：?

一.需求背景

二.需求目的及明細(xì)

三.業(yè)務(wù)流程

? ? 3.1業(yè)務(wù)流程

? ? 3.2頁(yè)面流程

四.功能詳細(xì)設(shè)計(jì)

? ? 4.1交互設(shè)計(jì)

? ? 4.2原型

五.考核指標(biāo)

六.總結(jié)

公司最近想把用戶(hù)約見(jiàn)這個(gè)場(chǎng)景在微信小程序上做深做透，基于這個(gè)業(yè)務(wù)訴求，設(shè)計(jì)聚餐投票的功能，便微信群用戶(hù)在線下聚會(huì)前，能先在線上把大家喜歡的美團(tuán)店鋪匯總在一起，然后投票決策聚會(huì)去吃哪個(gè)店，可以節(jié)約用戶(hù)的時(shí)間成本。

使用投票聚餐一定是針對(duì)的一個(gè)小群體，這個(gè)小群體一定是有一定關(guān)系的，如;同事，朋友，同學(xué)，家人等，基于上述理論對(duì)用戶(hù)-場(chǎng)景-需求分析：

需求目的：完整的投票聚餐功能，選擇商戶(hù)到統(tǒng)計(jì)投票。解決用戶(hù)在聚餐選擇商家時(shí)意見(jiàn)不統(tǒng)一或者想要統(tǒng)計(jì)大家意見(jiàn)時(shí)的需求。

創(chuàng)建流程 ：

編輯流程 ：

1.我的

在我的頁(yè)面中新增入口圖標(biāo)，點(diǎn)擊后可進(jìn)入投票聚餐

2.新增投票頁(yè)

頁(yè)面分為新增投票模塊以及歷史投票模塊，歷史投票模塊以時(shí)間順序排列

創(chuàng)建投票：創(chuàng)建投票后進(jìn)入選擇餐廳頁(yè)面

編輯：點(diǎn)擊編輯后，重新編輯此次記錄，進(jìn)入確認(rèn)頁(yè)面，可重新發(fā)起投票

3.選擇餐廳頁(yè)

選擇餐廳頁(yè)面分為3個(gè)模塊，頂部的搜索模塊，排序模塊以及商家展示模塊。

排序模塊分為4種篩選模式：

按照美食種類(lèi)分類(lèi)，其中默認(rèn)為全部美食，用戶(hù)點(diǎn)擊后出現(xiàn)下拉菜單，用戶(hù)可選擇美食分類(lèi)（如：食品保健，特色菜，福建菜等）

按照地理位置進(jìn)行排序，分類(lèi)模塊按城市區(qū)域地理性標(biāo)志劃分，默認(rèn)選擇為附近

為用戶(hù)篩選的常用關(guān)鍵字排序，分為：智能排序，離我最近，好評(píng)優(yōu)先，銷(xiāo)量最高，默認(rèn)為智能排序

按照餐廳服務(wù)以及用餐人數(shù)為用戶(hù)進(jìn)行篩選，默認(rèn)狀態(tài)為關(guān)閉

確認(rèn)添加：點(diǎn)擊確認(rèn)添加后，進(jìn)入確認(rèn)頁(yè)

添加商戶(hù)：點(diǎn)擊加號(hào)添加商戶(hù)，再此點(diǎn)擊取消添加商戶(hù)

搜索：點(diǎn)擊搜索頁(yè)進(jìn)入搜索頁(yè)面

已添加商戶(hù):點(diǎn)擊后進(jìn)入展開(kāi)已添加商戶(hù)，可以對(duì)已添加商戶(hù)進(jìn)行刪除

4.確認(rèn)頁(yè)

確認(rèn)頁(yè)分為主題元素，商戶(hù)展示模塊

主題默認(rèn)為系統(tǒng)填寫(xiě)，用戶(hù)點(diǎn)擊后可進(jìn)行修改

生成投票分享好友：點(diǎn)擊后進(jìn)入好友頁(yè)

添加喜歡餐廳：點(diǎn)擊后進(jìn)入選擇餐廳頁(yè)，無(wú)人員限制

刪除商家：點(diǎn)擊后刪除商家

5.結(jié)果頁(yè)

模塊分為主題模塊，商戶(hù)展示模塊以及出現(xiàn)在商戶(hù)暫時(shí)模塊下面的統(tǒng)計(jì)模塊

投票：點(diǎn)擊投票按鈕投票，再次點(diǎn)擊取消投票；用戶(hù)若已選擇商戶(hù)，在點(diǎn)擊其他商戶(hù)的投票按鈕將自動(dòng)取消已選的上加商戶(hù)。

隨機(jī)功能：場(chǎng)景為當(dāng)出現(xiàn)平票時(shí)為用戶(hù)隨機(jī)一家商戶(hù)，沒(méi)有操作權(quán)限，任何人都可以操作，但點(diǎn)擊一次后默認(rèn)10分鐘后才能再次點(diǎn)擊，隨機(jī)結(jié)果將一直展現(xiàn)，直到下次隨機(jī)出現(xiàn)新的結(jié)果

回首頁(yè)：點(diǎn)擊后返回首頁(yè)

添加喜歡餐廳：點(diǎn)擊后進(jìn)入餐廳選擇頁(yè)，選擇完畢后直接進(jìn)入到結(jié)果頁(yè)。

1.考察用戶(hù)日活增長(zhǎng)指數(shù)：當(dāng)天日貨量-前一天的日活量/前一天的日活量x100%。投票聚餐是有分享屬性存在的，純?cè)诜窒韺傩?，進(jìn)入小程序的用戶(hù)數(shù)應(yīng)相應(yīng)增多。

2.對(duì)投票聚餐的入口，新增投票以及生成投票分享好友進(jìn)行埋點(diǎn)，統(tǒng)計(jì)訪問(wèn)人數(shù)，分別計(jì)算轉(zhuǎn)化率。是考核功能的轉(zhuǎn)換率，用戶(hù)流入入口的數(shù)據(jù)，是判斷這個(gè)需求是真需求還是偽需求的根本。

3.使用流程轉(zhuǎn)化率：新增投票訪問(wèn)人數(shù)/投票聚餐的訪問(wèn)人數(shù)x100%，生成投票分享好友訪問(wèn)人數(shù)/投票聚餐的訪問(wèn)人數(shù)x100%。此數(shù)據(jù)是對(duì)流程的考察，用戶(hù)是否覺(jué)得流程好用，從此數(shù)據(jù)能夠得出一定的結(jié)論。

總結(jié)

投票聚餐是針對(duì)于當(dāng)代年輕人常出現(xiàn)的聚餐場(chǎng)景，由于每個(gè)人都有自己的喜好而出現(xiàn)的意見(jiàn)不統(tǒng)一的需求，因此誕生出來(lái)的功能。此功能要包含完整的投票流程，從選擇餐廳-投票，并需將選擇餐廳的分類(lèi)功能盡量做詳細(xì)，給用戶(hù)更多的參考意見(jiàn)。此功能完成后，用戶(hù)日活應(yīng)有一定程度的增長(zhǎng)。

小程序開(kāi)發(fā)交互文檔的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于小程序開(kāi)發(fā)交流、小程序開(kāi)發(fā)交互文檔的信息別忘了在本站進(jìn)行查找喔。