一,、小程序開發(fā)教程

1,、注冊微信小程序賬號

2、獲取APPID

APPID在哪里獲取呢,，根據(jù)第一步注冊的小程序帳號,，然后登陸上，找到左側(cè)“設(shè)置”,，“開發(fā)設(shè)置”,，就看到APPID啦，把APPID復(fù)制下來,，留作備用,。

3、綁定開發(fā)者

如果在第一步注冊小程序帳號的時候,，你不是管理員,，那么這個時候，還需要綁定個開發(fā)者,，直接登錄小程序后臺,，點左側(cè)“用戶身份”-點右側(cè)“編輯”添加成員，出現(xiàn)個二維碼,，管理員掃描二維碼后,，然后輸入開發(fā)者微信號，勾選權(quán)限,，確定,，就可以了。

4,、下載微信小程序開發(fā)者工具

直接在微信小程序官方下載即可,，根據(jù)不同的電腦系統(tǒng)下載對應(yīng)的版本，安裝即可,。

5,、創(chuàng)建微信小程序項目

打開步驟4中安裝好的小程序開發(fā)工具，然后用開發(fā)者（或者管理員）掃碼登錄,，選擇創(chuàng)建“新項目”,，填入步驟2獲取到的AppID，設(shè)置一個本地項目的名稱,，并選擇一個本地的文件夾作為代碼存儲的目錄,，點擊「新建項目」就可以了,。

6、編寫微信小程序代碼

編寫代碼對新手來說有點難度,，不過我們可以從微信小程序官方上直接下載代碼實例,，下載后，直接解壓到步驟5代碼存儲目錄內(nèi)即可,。這時我們會發(fā)現(xiàn),，有三個后綴的文件，分別為app.js,、app.json,、app.wxss。其中,，.js后綴的是腳本文件,，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件,。

app.js是小程序的腳本代碼,。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量,。調(diào)用MINA提供的豐富的API,，如本例的同步存儲及同步讀取本地數(shù)據(jù)。

app.json是對整個小程序的全局配置,。我們可以在這個文件中配置小程序是由哪些頁面組成,，配置小程序的窗口背景色，配置導(dǎo)航條樣式,，配置默認(rèn)標(biāo)題,。注意該文件不可添加任何注釋。

app.wxss是整個小程序的公共樣式表,。我們可以在頁面組件的class屬性上直接使app.wxss中聲明的樣式規(guī)則,。

7、創(chuàng)建微信小程序頁面

微信小程序中的每一個頁面的【路徑 頁面名】都需要寫在app.json的pages中,，且pages中的第一個頁面是小程序的首頁,。

每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js,、index.wxml、index.wxss,、index.json,。.js后綴的文件是腳本文件，.json后綴的文件是配置文件,，.wxss后綴的是樣式表文件,，.wxml后綴的文件是頁面結(jié)構(gòu)文件,。

8、手機預(yù)覽

開發(fā)者工具左側(cè)菜單欄選擇"項目",，點擊"預(yù)覽",，掃碼后即可在微信客戶端中體驗。

9,、上傳小程序代碼

開發(fā)者工具左側(cè)菜單欄選擇"項目",，點擊"上傳"即可將代碼上傳到微信小程序服務(wù)器。

10,、提交微信審核及小程序發(fā)布

步驟9上傳好小程序代碼后,，提交微信進行審核。審核現(xiàn)在也很快,，一把幾個小時就審核過了,，慢的話估計2-5天吧，等審核通過后,，就可以在小程序后臺,，進行發(fā)布上線了。

1,、友好禮貌

為了避免用戶在微信中使用小程序服務(wù)時，注意力被周圍復(fù)雜環(huán)境干擾,，小程序在設(shè)計時應(yīng)該注意減少無關(guān)的設(shè)計元素對用戶目標(biāo)的干擾,，禮貌地向用戶展示程序提供的服務(wù)，友好地引導(dǎo)用戶進行操作,。

每個頁面都應(yīng)有明確的重點,，以便于用戶每進入一個新頁面的時候都能快速地理解頁面內(nèi)容。在確定了重點的前提下,，應(yīng)盡量避免頁面上出現(xiàn)其它與用戶的決策和操作無關(guān)的干擾因素,。

2、流程明確

為了讓用戶順暢地使用頁面,，在用戶進行某一個操作流程時,，應(yīng)避免出現(xiàn)用戶目標(biāo)流程之外的內(nèi)容而打斷用戶。

3,、便捷優(yōu)雅

從PC時代的物理鍵盤鼠標(biāo)到移動端時代手指,，雖然輸入設(shè)備極大精簡，但是手指操作的準(zhǔn)確性卻大大不如鍵盤鼠標(biāo)精確,。為了適應(yīng)這個變化,，需要開發(fā)者在設(shè)計過程中充分利用手機特性，讓用戶便捷優(yōu)雅的操控界面,。

4,、統(tǒng)一穩(wěn)定

除了以上所提到的種種原則,，建議接入微信的小程序還應(yīng)該時刻注意不同頁面間的統(tǒng)一性和延續(xù)性，在不同的頁面盡量使用一致的控件和交互方式,。

統(tǒng)一的頁面體驗和有延續(xù)性的界面元素都將幫助用最少的學(xué)習(xí)成本達成使用目標(biāo),，減輕頁面跳動所造成的不適感。正因如此,，小程序可根據(jù)需要使用微信提供的標(biāo)準(zhǔn)控件,，以達到統(tǒng)一穩(wěn)定的目的。

5,、字體

微信內(nèi)字體的使用與所運行的系統(tǒng)字體保持一致,，常用字號為20,18,17,16,14 13,11(pt)，主內(nèi)容Black黑色,，次要內(nèi)容Grey灰色,；時間戳與表單缺省值Light灰色；大段的說明內(nèi)容而且屬于主要內(nèi)容用Semi黑,。藍色為鏈接用色,，綠色為完成字樣色，紅色為出錯用色Press與Disable狀態(tài)分別降低透明度為20%與10%,。