當前位置:
首頁 > 最新 > 如何製作你的第一個小程序

如何製作你的第一個小程序

微信小程序自從去年一月份誕生以來越來越受到用戶的認可,因為它不像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:新生小程序猿 |