小程序原型設計

開發(fā)前，最好先做個原型，把自己的需求理順（我用的工具為Axure， 下載的是一個免費版，功能不全，但自己梳理想法足夠了）。

注冊一個開發(fā)工具賬號

現(xiàn)在微信小程序開發(fā)工具大多都是純線上版本，無需下載；并且，打開注冊頁后一般都可以用微信掃碼即可完成注冊，非常簡便。

需要補充說明下：想開發(fā)微信小程序，微信官方的開發(fā)工具肯定是要用的，但是對于沒有編程基礎的人來說，這個官方工具只能做做最后的發(fā)布。最復雜的開發(fā)制作環(huán)節(jié)，咱這種初級人員玩不轉(zhuǎn)。所以像我這樣的菜鳥群體，制作時得依靠市面上第三方工具。有很多，各有特色；當然，工具固然重要，但背后思路方法更為本質(zhì)（此經(jīng)驗基于牛刀云舉例）。

選擇模板

在模板市場中，選擇跟自己需求最為接近的模板，點擊“使用”，即可進入開發(fā)制作臺，開始小程序的正式制作。開發(fā)微信小程序，早期最好基于現(xiàn)成模板就行搭建，在使用過程中再逐步調(diào)整，在后期越來越熟悉后，就可以嘗試進行深度個性化開發(fā)。

對模板進行修改、開發(fā)

選好模板并“使用”后，在制作臺中央，模板以及模板的各個組成部分就會可視化的展現(xiàn)出來了。選中希望修改的模塊，在右側(cè)對基礎屬性、樣式和觸發(fā)條件（什么情況下該模塊開始工作）等進行設置。如果需要增加一些新功能模塊，可以在制作臺左側(cè)找到相應的模塊（牛刀云稱為組件），然后直接拖放到屏幕中央的小程序界面里，再回到右側(cè)做做樣式設置，就能完成一個基本模塊的開發(fā)。

開發(fā)制作操作完成后，將進入配置、發(fā)布環(huán)節(jié)。

注冊并配置微信小程序賬號信息

首次發(fā)布小程序，需要先進行小程序注冊，獲得小程序賬號的appid和appsecret。

然后再回到所使用的開發(fā)制作工具（牛刀云）里完成小程序賬號信息配置。在牛刀云制作臺導航欄上選"高級"——>再在屏幕左上方選“管理后臺”——>左側(cè)功能樹列表里選“微信配置”

為微信小程序獲取并配置上服務器域名

小程序正式發(fā)布前需要進行服務器域名配置。有服務器域名微信小程序才能正常工作。

在牛刀云制作臺的“發(fā)布”頁面中，單擊“第三步 導入微信開發(fā)者工具”按鈕，顯示出發(fā)布版本的服務器域名；

然后，在小程序官網(wǎng)登錄小程序賬號，單擊首頁中的“開發(fā)頁面”按鈕，打開開發(fā)頁面，向下滾動，即可看到服務器域名的配置。注意服務器域名在一個月內(nèi)只能修改5次。

下載安裝微信開發(fā)者工具

下載 · 微信官方的小程序開發(fā)工具（即所謂的"微信開發(fā)者工具"）

下載制作好的微信小程序包

點擊牛刀云制作臺右上角的“發(fā)布”按鈕，進入“發(fā)布”頁面，單擊頁面中的“第二步 下載小程序”按鈕，頁面中顯示“正在生成微信小程序，請稍等…”，使用瀏覽器的下載功能，下載步驟4中制作好的微信小程序包

在微信開發(fā)者工具里創(chuàng)建一個新項目

打開微信開發(fā)者工具。在微信開發(fā)者工具中新建一個項目，輸入小程序賬號的appid、項目名稱、選擇項目目錄，為導入制作好的微信小程序包做準備

上傳微信小程序包到微信開發(fā)者工具

在微信開發(fā)者工具中，單擊“上傳”按鈕，上傳步驟8導出的小程序包。上傳后，因為還未審核，所以都叫"開發(fā)版本"。

上傳后，登錄微信公眾平臺|小程序，在“開發(fā)管理”中可以看到剛上傳的開發(fā)版本。

提交開發(fā)版本進行審核

將開發(fā)版本提交審核，審核通過后，才能提交發(fā)布，提交審核的方法是：單擊“開發(fā)版本”右側(cè)的“提交審核”按鈕，打開“提交審核相關須知”，按向?qū)瓿商峤粚徍肆鞒獭?/P>

提交審核后，登錄微信公眾平臺|小程序，在"開發(fā)管理"頁面中的審核版本中會顯示“審核中”。等待審核結(jié)果。

正式發(fā)布微信小程序

審核通過后，審核版本中顯示“審核通過，待發(fā)布”，單擊審核版本右側(cè)的“提交發(fā)布”按鈕，小程序?qū)⒄桨l(fā)布到線上提供服務。

下載微信小程序碼

小程序提供了小程序碼，用于掃描后打開小程序。登錄微信公眾平臺|小程序，在設置頁面中下載小程序碼，單擊“下載更多尺寸”按鈕，打開更多尺寸對話框，提供多種顏色和尺寸的小程序碼用于下載。