餐飲小程序系統(tǒng)開發(fā)文檔

　　開始項目：

　　在公眾平臺使用注冊的帳戶進行登錄。然后，在主頁面左邊列表中點擊設(shè)置，再設(shè)置頁面中選開發(fā)設(shè)置，就可以看到AppID。而AppID 可以用于在開發(fā)工具中進行登記，使用開發(fā)工具的高級功能。你可以到官網(wǎng)下載開發(fā)工具。

　　打開開發(fā)者工具，選擇小程序選項，然后直接點擊「添加項目」按鈕。我們可以在這個步驟，填入剛才注冊的時候使用的AppID。如果項目目錄中的文件是個空文件夾，會提示是否創(chuàng)建 quick start 項目。選擇“是”，開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個簡單的 Demo。這個 Demo 擁有一個完整的小程序的大概框架。

　　我們首先看一下官方提供的 Demo 含有的目錄：

　　app.js：小程序邏輯、生命周期、全局變量。

　　app.json：小程序公共設(shè)置、導(dǎo)航欄顏色等，不可以注釋。

　　app.wxss：小程序公共樣式，類似 CSS 。

　　每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json

　　微信小程序中的每一個頁面的路徑和頁面文件名，都需要寫在app.json的pages中，且pages數(shù)組中的第一個頁面是小程序的首頁。

　　這四個文件按照功能可以分成三個部分：

　　配置：json文件

　　邏輯層：js文件

　　視圖層：wxss.wxml文件

　　在 iOS 上，小程序的邏輯代碼運行于JavaScriptCore 中，而在Android上，這個任務(wù)則是交給 X5 內(nèi)核來完成。

　　在開發(fā)工具上，小程序的JavaScript代碼是運行在 NW.js(Chrome內(nèi)核) 中。這也導(dǎo)致開發(fā)工具上的效果跟實際效果有所出入。

　　微信提供了許多組件，主要分為八種:

　　這其中，包含了view、scroll-view、button、form等普通常用的組件，也提供了地圖mapcanvas

　　組件主要屬于視圖層，通過 WXML 來進行結(jié)構(gòu)布局，類似于HTML。樣式則通過 WXSS 來定義和修改，它的語法和使用都近似 CSS。

　　組件使用語法實例：

　　小程序的API分別為：網(wǎng)絡(luò)、媒體、數(shù)據(jù)、位置、設(shè)備、界面、開發(fā)接口。

　　重要提示：

　　小程序的網(wǎng)絡(luò)請求接口包含了HTTPS請求，支持上傳、下載、Socket，滿足開發(fā)中所需要的網(wǎng)絡(luò)需求。這些 API 屬于邏輯層，寫在 JS 邏輯文件中。就是說所有小程序的網(wǎng)絡(luò)請求都是必須通過HTTPS加密才能通過微信審核，微信推薦的CA企業(yè)天威誠信的所有SSL證書產(chǎn)品均能滿足微信小程序HTTPS加密的使用需求。

　　使用實例：

　　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 查看