更多的組件以及相關(guān)使用方法可以到官方文檔-組件查看。
API
小程序中，大致提供以下幾個部分的 API 接口：
- 網(wǎng)絡(luò)
- 媒體
- 數(shù)據(jù)
- 位置
- 設(shè)備
- 界面
- 開發(fā)接口
其中網(wǎng)絡(luò)請求的使用必須先到公眾平臺登錄小程序賬號，在設(shè)置頁面那里，設(shè)置允許訪問的域名，網(wǎng)絡(luò)請求包含了普通的HTTP請求、支持上傳、下載、Socket。基本上滿足了我們開發(fā)中所需要的網(wǎng)絡(luò)需求。
這些API屬于邏輯層，寫在JavaScript文件中。
使用實例:
wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy }})可以到官方文檔-API查看其它API的使用方法。
編譯運行
1.模擬器
可以在模擬器上看效果，上面提到了小程序的運行底層不同，效果在手機上運行也會有些差異。
模擬器
2.真機
在左邊的選項欄中，選擇項目，然后點預(yù)覽會生產(chǎn)一個二維碼，用管理員微信號掃一掃,就可以在真機上看實際效果。本例中，真機測試則掃描下面二維碼。
實踐：跑步小程序
真機運行截圖（運行于iPhone7，微信版本：6.3.30）：
功能：能夠計算里程、時間、實時獲取跑步路徑（有些粗糙）。
思路：主要使用了微信小程序的獲取位置接口APIwx.getLocation()和地圖組件map。
首先實現(xiàn)一個計時器進(jìn)行計時，通過wx.getLocation()獲取坐標(biāo)，把獲取到的坐標(biāo)存在一個數(shù)組中，通過坐標(biāo)每隔一段時間獲取里程，進(jìn)行累加得到總里程，同時也通過坐標(biāo)點進(jìn)行連線。
存在的問題：
- 因為目前找不到在地圖上畫連線的方法，所以采用了在地圖上貼小紅點圖的方法顯示大概跑步路徑，路徑比較粗糙。
- 雖然采用了API里面的火星坐標(biāo)gcj02類型，但是獲取的坐標(biāo)跟國際坐標(biāo)差不多，依然存在著偏差。
核心代碼：
我把全部代碼放在github上：weChatApp-Run，可以下載來看看或者先star收藏，我以后還會進(jìn)行一些優(yōu)化更新?，F(xiàn)在只是一個學(xué)習(xí)Demo，大家溝通學(xué)習(xí)，實際應(yīng)用還需更多優(yōu)化。
wxml文件布局代碼：
<view class="head" style="flex-direction:row;"> <image class="icon" src="/resources/joyrun.png" mode="aspectFill"/> <button bindtap="openLocation">打開位置</button> <button bindtap="starRun">開始跑步</button> <button bindtap