如何製作你的第一個小程序
微信小程序自從去年一月份誕生以來越來越受到用戶的認可,因為它不像APP需要花費流量下載安裝到本地,也不用花費那麼多的手機內存來運行,而且APP一旦運行多個就容易造成手機卡頓。
使用過小程序的人都有很直接的感受,就是它的輕量,而依託於微信它一開始就表現出強大的生命力。從出行的共享單車,到購物的電商系統再到生活服務的外賣系統,小程序可以說是呈現爆炸式增長的用戶數量在侵蝕著APP市場。
今天讓我們來看看如何製作一個屬於我們自己的小程序:首先,打開微信小程序手冊(https://developers.weixin.qq.com/miniprogram/dev/index.html)第一步,去註冊一個屬於自己小程序的AppId(https://mp.weixin.qq.com/wxopen/waregister?action=step1),如果有開發過公眾號的人一定對AppId不陌生,這個AppId就像是我們的身份證一樣,是小程序的唯一標識。
OK,註冊完AppId就成功一半了。接下來,根據自己的操作系統下載相應的開發者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018515),打開小程序開發者工具,用微信掃碼登陸,準備開發屬於你的小程序吧。
生成小程序項目包
用編輯器打開這個小程序的項目包可以看到它的機構,相對來說還是比較簡單,開發手冊也有詳細的介紹,這裡就不多加贅述。
運行小程序可以看到這個下面的界面
打開手冊-->組件-->button可以看到它的所有屬性和使用示例。
我們在寫一個button並且用bindtap綁定一個clickMe的動作,上一個para參數。
在js處理相應的動作,在控制台輸出這個動作所帶的參數可以看到para的值。
接下來我們來實現下網路請求。打開手冊,找到API->網路請求,呦,還在第一位。
我們使用PHP來為小程序提供介面,別問為什麼,畢竟PHP是世界上最好的語言(不接受反駁)。如果介面多的話可以寫一個config來配置管理方便調試。
小程序發送一個數據請求。
服務端接受請做出處理,返回一個json給小程序。
可以在控制台輸出返回數據
到此,小程序的數據請求就完成啦~~~ 嘻嘻,小程序的製作是不是很簡單呢。
TAG:新生小程序猿 |