微信小程序的開發方法

本篇內容主要講解“微信小程序的開發方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“微信小程序的開發方法”吧!

1、準備工作

用沒有注冊過微信公眾平臺的郵箱注冊一個微信公眾號， 申請帳號 , 根據指引填寫信息和提交相應的資料，就可以擁有自己的小程序帳號。注冊完成之后開始登錄。

2：登錄 

我們可以在菜單 “設置”-“開發設置” 看到小程序的 AppID 了 。小程序的 AppID 相當于小程序平臺的一個身份證，后續你會在很多地方要用到 AppID (注意這里要區別于服務號或訂閱號的 AppID)。有了小程序帳號之后，我們需要一個工具來開發小程序。

3：安裝開發工具

前往 開發者工具下載 頁面，根據自己的操作系統下載對應的安裝包進行安裝， 。打開小程序開發者工具，用微信掃碼登錄開發者工具，準備開發你的第一個小程序吧！

4：開啟第一個小程序

新建項目選擇小程序項目，選擇代碼存放的硬盤路徑，填入剛剛申請到的小程序的 AppID，給你的項目起一個好聽的名字，最后，勾選 “創建 QuickStart 項目” (注意: 你要選擇一個空的目錄才會有這個選項)，點擊確定，你就得到了你的第一個小程序了，點擊頂部菜單編譯就可以在 IDE 預覽你的第一個小程序。

5：編譯預覽

點擊工具上的編譯按鈕，可以在工具的左側模擬器界面看到這個小程序的表現，也可以點擊預覽按鈕，通過微信的掃一掃在手機上體驗你的第一個小程序。

以上版塊內容可在 微信開放文檔 中【起步】-【開始】中查看。

2、框架介紹

小程序開發框架的目標是通過盡可能簡單、高效的方式讓開發者可以在微信中開發具有原生 APP 體驗的服務。

整個小程序框架系統分為兩部分：邏輯層（App Service）和 視圖層（View）。小程序提供了自己的視圖層描述語言 WXML 和 WXSS，以及基于 JavaScript 的邏輯層框架，并在視圖層與邏輯層間提供了數據傳輸和事件系統，讓開發者能夠專注于數據與邏輯。

響應的數據綁定
框架的核心是一個響應的數據綁定系統，可以讓數據與視圖非常簡單地保持同步。當做數據修改的時候，只需要在邏輯層修改數據，視圖層就會做相應的更新。

頁面管理
框架 管理了整個小程序的頁面路由，可以做到頁面間的無縫切換，并給以頁面完整的生命周期。開發者需要做的只是將頁面的數據、方法、生命周期函數注冊到 框架 中，其他的一切復雜的操作都交由 框架 處理。

基礎組件
框架 提供了一套基礎的組件，這些組件自帶微信風格的樣式以及特殊的邏輯，開發者可以通過組合基礎組件，創建出強大的微信小程序 。

豐富的 API
框架 提供豐富的微信原生 API，可以方便的調起微信提供的能力，如獲取用戶信息，本地存儲，支付功能等。

3、程序開發

當你學會了HTML+CSS+js,看了微信開發文檔，你就可以很簡單地開始微信小程序的開發啦~~

• 入口
  每個小程序都需要在 app.js 中調用 App 方法注冊小程序實例，綁定生命周期回調函數、錯誤監聽和頁面不存在監聽函數等。

// app.jsApp({
  onLaunch (options) {
    // Do something initial when launch.
  },
  onShow (options) {
    // Do something when show.
  },
  onHide () {
    // Do something when hide.
  },
  onError (msg) {
    console.log(msg)
  },
  globalData: 'I am global data'})

整個小程序只有一個 App 實例，是全部頁面共享的。開發者可以通過 getApp 方法獲取到全局唯一的 App 實例，獲取App上的數據或調用開發者注冊在 App 上的函數。

// xxx.jsconst appInstance = getApp()console.log(appInstance.globalData) // I am global data

• 全局配置
  小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。
  詳見【全局配置】

• 頁面配置
  每一個小程序頁面也可以使用同名 .json 文件來對本頁面的窗口表現進行配置，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
  詳見【頁面配置】

• 小程序生命周期
  注冊小程序。接受一個 Object 參數，其指定小程序的生命周期回調等。
  
  

• 頁面生命周期
  注冊小程序中的一個頁面。接受一個 Object 類型參數，其指定頁面的初始數據、生命周期回調、事件處理函數等。
  
  

• 組件
  自帶組件庫weUI

• API
  豐富的api

到此，相信大家對“微信小程序的開發方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！