近幾年，席卷一股小程序開發(fā)的浪潮，小程序爆發(fā)式增長，無論是各種工具類型的小程序，還是商場類型的小程序，都在不斷的涌現(xiàn)。小程序讓我們的生活更加的便利的同時，給各類線上線下的商家創(chuàng)造了一個良好的營銷環(huán)境。那么如果我們想要制作一個小程序，應(yīng)該怎么做呢？下面就為大家?guī)硇〕绦蜷_發(fā)教程！

一、明確需求和定位

前期的準備工作是十分必要的，我們不能一上來就進行制作操作。這里主要是需要確定一下我們制作的商城小程序是什么屬性的，主推的是什么產(chǎn)品，目標消費者是哪些，他們的喜好和特點是什么等等。分析這些內(nèi)容才能幫助我們更好的給自己的小程序進行定位，更好的確定小程序的功能組成和設(shè)計風格。

二、注冊小程序賬號

這是小程序開發(fā)必不可少的一步，因為每個小程序都得綁定一個小程序賬號。我們可以到微信公眾平臺去注冊一個，設(shè)置好小程序的名稱、圖標、簡介、服務(wù)類型等等信息即可。

注冊小程序

三、熟悉微信官方API開發(fā)文檔

開發(fā)指南

小程序提供了一個簡單、高效的應(yīng)用開發(fā)框架和豐富的組件及API，幫助開發(fā)者在微信中開發(fā)具有原生 APP 體驗的服務(wù)。

本章分主題的介紹了小程序的開發(fā)語言、框架、能力、調(diào)試等內(nèi)容，幫助開發(fā)者快速全面的了解小程序開發(fā)的方方面面。

想要更具體了解關(guān)于框架、組件、API的詳細內(nèi)容，請參考對應(yīng)的參考文檔：

• 小程序框架參考文檔
• 小程序組件參考文檔
• 小程序 API 參考文檔
• 小程序服務(wù)端 API 參考文檔
• 微信開發(fā)者工具參考文檔
• 微信云托管參考文檔
• 微信云開發(fā)參考文檔

小程序與普通網(wǎng)頁開發(fā)的區(qū)別

小程序的主要開發(fā)語言是 JavaScript ，小程序的開發(fā)同普通的網(wǎng)頁開發(fā)相比有很大的相似性。對于前端開發(fā)者而言，從網(wǎng)頁開發(fā)遷移到小程序的開發(fā)成本并不高，但是二者還是有些許區(qū)別的。

?網(wǎng)頁開發(fā)渲染線程和腳本線程是互斥的，這也是為什么長時間的腳本運行可能會導(dǎo)致頁面失去響應(yīng)，而在小程序中，二者是分開的，分別運行在不同的線程中。網(wǎng)頁開發(fā)者可以使用到各種瀏覽器暴露出來的 DOM API，進行 DOM 選中和操作。而如上文所述，小程序的邏輯層和渲染層是分開的，邏輯層運行在 JSCore 中，并沒有一個完整瀏覽器對象，因而缺少相關(guān)的DOM API和BOM API。這一區(qū)別導(dǎo)致了前端開發(fā)非常熟悉的一些庫，例如 jQuery、 Zepto 等，在小程序中是無法運行的。同時 JSCore 的環(huán)境同 NodeJS 環(huán)境也是不盡相同，所以一些 NPM 的包在小程序中也是無法運行的。

?網(wǎng)頁開發(fā)者需要面對的環(huán)境是各式各樣的瀏覽器，PC 端需要面對 IE、Chrome、QQ瀏覽器等，在移動端需要面對Safari、Chrome以及 iOS、Android 系統(tǒng)中的各式 WebView 。而小程序開發(fā)過程中需要面對的是兩大操作系統(tǒng) iOS 和 Android 的微信客戶端，以及用于輔助開發(fā)的小程序開發(fā)者工具，小程序中三大運行環(huán)境也是有所區(qū)別的，如表1-1所示。

?網(wǎng)頁開發(fā)者在開發(fā)網(wǎng)頁的時候，只需要使用到瀏覽器，并且搭配上一些輔助工具或者編輯器即可。小程序的開發(fā)則有所不同，需要經(jīng)過申請小程序帳號、安裝小程序開發(fā)者工具、配置項目等等過程方可完成。

四、體驗小程序

開發(fā)者可使用微信客戶端(6.7.2 及以上版本)掃碼下方小程序碼，體驗小程序。

五、發(fā)布小程序

制作好之后當然就到了發(fā)布這一步了。我們需要先將自己的小程賬號授權(quán)個第三方小程序開發(fā)平臺，然后我們才能提交剛剛制作的小程序進行審核，一般1-3個工作日即可審核完畢，審核通過即可發(fā)布。

小程序的開發(fā)過程基本就是上面這五步啦。