文檔地址:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089434
根據(jù)文檔地址中下載微信開發(fā)工具后,按照文檔指引可以創(chuàng)建一個快速體驗(yàn)的小demo ,樣例中的文件說明如下:
小程序包含一個描述整體程序的 app 和多個描述各自頁面的 page。
一個小程序主體部分由三個文件組成,必須放在項(xiàng)目的根目錄,如下:
| app.js | 是 | 小程序邏輯 |
| app.json | 是 | 小程序公共設(shè)置 |
| app.wxss | 否 | 小程序公共樣式表 |
一個小程序頁面由四個文件組成,分別是:
| 文件類型 | 必填 | 作用 |
|---|---|---|
| js | 是 | 頁面邏輯 |
| wxml | 是 | 頁面結(jié)構(gòu) |
| wxss | 否 | 頁面樣式表 |
| json | 否 | 頁面配置 |
為了學(xué)習(xí)下API的調(diào)用,體驗(yàn)了下【獲取坐標(biāo)位置】和【根據(jù)坐標(biāo)查看地址】兩個接口,更多接口信息請查看:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=20161122
或者直接下載源碼:https://mp.weixin.qq.com/debug/wxadoc/dev/demo/demo.zip?t=20161122
簡單貼一下體驗(yàn)的小程序相關(guān)目錄和內(nèi)容:
目錄結(jié)構(gòu): 未打開的文件夾就是根據(jù)文檔指引快速生成的默認(rèn)內(nèi)容,未做修改
format-location.js中的內(nèi)容:
|
1
2
3
4
5
6
7
8
9
10
11
|
function formatLocation(longitude, latitude) {
longitude = longitude.toFixed(2)
latitude = latitude.toFixed(2)
return {
longitude: longitude.toString().split('.'),
latitude: latitude.toString().split('.')
}
}
module.exports = formatLocation
|
index.js