微信小程序是什么 微信小程序怎么申請 微信小程序怎么申請

微信小程序申請前的準備：

　　首先， 你需要注冊一個小程序賬號。 需要用一個沒注冊過公眾號的郵箱注冊。 注冊過程中需要很多認證， 比較繁瑣。 如果暫時只是試水、沒有發布的打算， 那么只要完成基本信息填寫就可以， 不需要完成微信認證。

　　之后， 就可以在公眾平臺使用注冊的帳戶進行登錄。

　　然后， 在主頁面左邊列表中點擊設置， 再設置頁面中選開發設置， 就可以看到AppID。 而AppID 可以用于在開發工具中進行登記， 使用開發工具的高級功能。 你可以到官網下載開發工具。

　　開始項目：

　　打開開發者工具， 選擇小程序選項， 然后直接點擊「添加項目」按鈕。 我們可以在這個步驟， 填入剛才注冊的時候使用的 AppID。

　　如果項目目錄中的文件是個空文件夾， 會提示是否創建 quick start 項目。

　　選擇「是」， 開發者工具會幫助我們在開發目錄里生成一個簡單的 Demo。

　　這個 Demo 擁有一個完整的小程序的大概框架。

　　1. 框架

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

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

　　app.json：小程序公共設置、導航欄顏色等， 不可以注釋。

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

　　小程序頁面構成類似這樣：

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

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

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

　　配置：json 文件

　　邏輯層：js 文件

　　視圖層：wxss.wxml 文件

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

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

　　2. 組件

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

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

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

　　組件使用語法實例：

　　3. API

　　網絡

　　媒體

　　數據

　　位置

　　設備

　　界面

　　開發接口

　　網絡請求接口包含了普通的 HTTPS 請求， 支持上傳、下載、Socket， 基本上滿足了我們開發中所需要的網絡需求。

　　這些 API 屬于邏輯層， 寫在 JS 邏輯文件中。

　　使用實例：

　　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. 真機調試

　　在左邊的選項欄中， 選擇項目， 然后點預覽會生產一個二維碼， 用管理員微信號掃一掃， 就可以在真機上看實際效果。