微信小程序-三個皮匠報告百科

微信小程序是什么

微信小程序(WeChat Mini Program)是目前市場上小程序的一種，是基于微信且不需要下載安裝即可使用的輕型應用，其有著“觸手可及”和“即開即用”的特點。微信創始人張小龍曾在發布會上說過，小程序的增量價值是更純粹、更流暢、更易得。微信小程序是在微信生態圈下實現的輕應用，用戶可以通過掃一掃、分享、搜索等多元化的方式進行使用。它完美的體現了“小”的特點，相較于APP，小程序擁有體量小、占據內存小、方便管理這幾大特點，為用戶節省手機空間和下載安裝時間，應用變得無處不在。它依附于微信這個“航母”應用上，繼承了微信廣泛的用戶群體，輕松解決流量問題，在微信平臺上開發的小程序更容易觸達用戶。對用戶而言，如何使用、分享小程序，如何參與活動等，也都無需重新學習

微信小程序發展歷程

微信小程序于2016年9月21日開啟內測，并向外提供了200個面向開發人員的內測名額，11月3日開始測試，2017年1月9日上線了正式的版本。2019年，騰訊公司的微信數據報告中指出微信的月活躍用戶為11.51億，小程序的日活躍用戶突破了3億，累計創造了超過8000億元交易額。微信用戶使用小程序時通過掃一掃進入、通過微信發現頁面搜索進入、通過微信公眾號關聯的小程序碼進入，無需下載觸手可及用完就走，且微信小程序占用手機內存小，用戶進入后響應速度快，用戶退出后不占用手機內存

微信小程序的框架和技術

微信團隊將微信小程序開發框架命名為MINA，其目標是使開發者可以以更加簡單和更有效率的方式在微信中開發出具有APP體驗的小程序。MINA框架采用的是MVC(Model View Controller)開發思想，即使小程序的輸入、處理過程和其輸出分開。MVC是把業務邏輯、數據和界面顯示分離的軟件設計典范，分為模型(Model)視圖(View)和控制器(Controller)三層，模型層用來處理應用程序中的數據邏輯，即通常用來對數據庫中的數據進行存取處理，視圖層一般情況下是根據模型的數據創建的，用來處理數據的顯示部分，控制器層一般情況下是用來處理應用程序中的用戶交互部分，即控制用戶的輸入、讀取來自視圖的數據、發送數據給模型。

MINA框架的實質是一個實現數據交換并響應更新的系統，包括視圖層和邏輯層兩部分。視圖層使用的是小程序自身提供的WXML和WXSS描述語言，邏輯層使用的是基于JavaScript的邏輯層框架。視圖層與邏輯層的交互是視圖層發出事件請求，邏輯層接收并對其進行處理然后將內容反饋給視圖層進行展示

(1) 邏輯層

邏輯層是MINA框架的核心服務層，通過異步線程獨立運行。邏輯層主要通過JavaScript語言編寫頁面渲染數據處理、頁面交互邏輯處理等，但邏輯層不能對JavaScript的DOM進行操作。微信小程序邏輯層主要由注冊小程序、注冊頁面、頁面生命周期、頁面路由、模塊化和API組成。邏輯層使用的是JavaScript語言進行開發，在JavaScript的基礎上增加了app方法進行程序注冊、page方法進行頁面注冊、getApp方法來獲取App實例、getCurrentPages方法來獲取當前頁面棧；提供了豐富的API，如微信特有的功能微信用戶數據、掃一掃、微信支付等；提供了模塊化能力，每個頁面都有其獨立的作用域。邏輯層是所有js頁面的合集，項目的業務邏輯處理、與視圖層事件傳輸和數據加工、網絡請求等都在邏輯層進行程序編寫實現。

(2) 視圖層

視圖層主要包括WXML、WXSS、WXSS、事件系統、簡易雙向綁定、基礎組件、獲取界面上的節點信息、響應顯示區域變化、動畫組成。MINA框架的視圖層由WXML(WeiXin Markup language)和WXSS(WeiXin Style Sheet)編寫，由組件(Component)進行展示，WXML是用來描述頁面結構的，WXSS是用來描述頁面樣式的，組件是用來組成視圖的

微信小程序開發方法

開發人員在新建項目后，可以看到在該項目下包含了App.js、App.json以及App.wxss三個重要文件，其中App.wxss設置了項目的全局樣式；App.json文件包含了開發人員對小程序的全局配置信息，如頁面文件路徑(pages)、窗口表現(window)以及頁面底部布局(tabBar)等等，其中pages數組的第一項參數為文件啟動后顯示給用戶的初始頁面；App.js文件設置了App()函數，它的作用是用來接受一個指定小程序生命周期的對象，其參數包括onLaunch、onShow、onHide和onError。

用戶首次打開小程序時會觸發onLaunch()方法，通過調用API從服務器獲取初始數據，然后觸發onShow方法，監聽小程序的顯示，數據獲取成功之后，在客戶端實現頁面渲染，顯示給用戶。在調用API獲取數據的過程中，程序從前臺切換到后臺會觸發onHide方法，用于隱藏頁面，而從后臺切換到前臺時，會觸發onShow方法。用戶在退出小程序之后，小程序并不會立即銷毀，而是被掛起，只有當系統資源占用過高時，系統才會將小程序銷毀。開發人員在創建小程序之后，項目文件會自動生成page文件夾，page文件夾將用來存放開發人員設計的功能文件，每個功能的實現都將由wxml、wxss、js以及json四個模塊組成，具體的組件、方法以及設備硬件資源調用API的使用方法可參考微信小程序官方文檔(https://mp.weixin.qq.com)

微信小程序的開發方式類似網站開發，編碼語言由騰訊自主設計，主要分為四部分：wxml、wxss、json、js。Wxml、Wxss、Json、JsWxml：wxml主要負責微信小程序的頁面結構，設計頁面的具體元素組成(輸入框、文本框、按鈕等)，也負責將js文件傳入的數據渲染出來。Wxss：wxss主要負責界面的樣式，即界面的整體布局與相對定位，組件的大小及位置，基本元素的樣式設計等，起到了對界面修飾的作用。Json：josn用于微信小程序的全局配置或對某一頁面進行統一配置，針對單頁面可用于控制頁面刷新，頂部樣式及文字、可否滑動等功能。也可設置文件路徑、響應網絡時間等等。Js：js負責界面的邏輯處理與交互，用于響應用戶的點擊、獲取用戶填寫的信息等等，也用于與服務器連接，進行數據的返回與傳參

微信小程序與APP應用的比較

APP的誕生先于微信小程序，并且在很多方面為小程序的模式和設計提供了藍本

(1)用戶群體：微信小程序以使用微信的用戶為基礎；APP面向所有智能手機用戶

(2)使用情況：微信小程序通過微信中的掃描二維碼、好友分字以及授索功能打開·世僅院獎微信平臺提供的功能；輕量級應用，無需下載安裝占用手機空間??；開發成本較低、投入較少，后期升級維護均可在微信后端完成；APP通過手機自帶應用商店或在網頁搜索下載安裝，并且可以提供完整的使用功能；安裝APP需要占用手機內存需要專業團隊進行開發，時間和費用根據具體需求而定，研發成本較高，后期維護需要針對不同操作系統做兼容性開發

(3)用戶體驗：微信小程序通過微信平臺進入小程序，方便快捷；不會收到廣告推送，使用感受較好；APP下載安裝需要耗費流量，啟動APP等待時間較長；頻繁收到廣告推送，對用戶的正常使用造成干擾

通過對兩者間的對比可以看出，小程序在日常生活服務類場景的應用范圍更加廣泛。對于用戶來說，小程序入口淺、體驗佳；對于開發者來說，小程序成本低、投入少。因此，在所需功能相對簡單的前提條件下，無論是基于用戶層面還是開發者層面，微信小程序都有一定的優勢。在微信小程序的影響和帶動下，傳統產業也能煥發出新的生機。由此可見，微信小程序的發展前景較為廣闊。

微信小程序的優勢

微信小程序之所以在眾多領域中得以應用，主要是因為小程序優點眾多，整合總結為以下四種優勢：

(1)無需下載。作為一種“輕應用”，與傳統的手機APP相比，微信小程序更加靈活，成為安裝在微信里的超級APP內置Web應用。功能和形式與NativeApp幾乎是相同的，在保持使用順暢的前提下，手機內存不會被占用太多。在微信中直接打開，不需要下載安裝，釋放了手機空間，改變了過去復雜的信息檢索方式，極大地提高了信息服務檢索的服務效率，真正的做到了信息觸手可及。

(2)服務路徑短。與微信公眾號相比，小程序不需要關注就能直接進入使用，縮短了服務路徑，節省用戶時間，為用戶打造快捷的輕應用體驗。

(3)開發成本低。它以微信為強大的后臺，節省開發成本，小程序采用跨平臺性強的web開發模式，開發難度和門檻相對較低。

(4)微信小程序實現與微信的其他功能聯動。小程序具有極強的延展性，連通微信內部的所有功能，實現與微信平臺的公眾號、訂閱號、支付、朋友圈等功能內部聯動，輕松跳轉到其他的功能

微信小程序api

微信提供很多的api提供給開發者選擇和調用。

(1) 網絡請求(wx.request)wx.request是小程序客戶端與服務器端交互的接口，采用get或post等方法實現網絡請求處理，調用服務器的接口地址、請求參數、請求標頭和請求的方法類型，此外需要設置json文件，并設置回調函數，該函數分為成功或失敗等。

(2) 文件的上傳與下載(wx.uploadFile&；wx.downloadFile)可以調用wx的uploadfile和downloadfile接口。通過配置下載資源的地址以及請求的信息標頭，實現對文件資源的上傳和下載。

(3)獲取臨時登錄憑證(wx.login)微信小程序基于微信官方的用戶登錄認證實現對微信用戶身份信息的獲取和使用，在微信小程序中可避免二次獲取和錄入，快速建立用戶信息系統。

1. 微信小程序獲取臨時登錄憑據，并將登錄數據傳遞回開發人員，服務器通過調用wx.login來實現。2.開發者的服務端實現與微信接口服務交換用戶唯一標識符openid和會話session_key的功能，在后續業務邏輯操作中進行前端交互時用戶身份的識別。用戶在非首次訪問小程序時，可以根據用戶標識符openid返回自定義登錄狀態，無需用戶再次授權。3.獲取用戶信息(wx.getUserInfo)用戶需點擊小程序內空白頭像處，調用wx.getUserInfo后即可獲取到用戶的基本信息，包括用戶頭像、昵稱等。4.預覽圖片(wx.previewImage)調用微信原生圖片預覽插件預覽圖片，獲取與原生操作相同的體驗

微信小程序使用場景

目前市場上的微信小程序根據各自不同的使用場景，可以分為五大類別：零售類、電商類、生活服務類、政務民生類以及小游戲類

微信小程序營銷平臺

營銷平臺即指利用互聯網進行品牌推廣、營銷活動和電子商務獲取財富的平臺。商家可以在此營銷平臺上根據自身品牌需求展開相應營銷策略。微信小程序營銷平臺即指依托于微信小程序能夠實現品牌推廣，使用所需營銷策略能夠為企業帶來銷售額的平臺。

(1)商家成本更低。對于傳統企業來說，開發一款自有的App成本較高，一方面難以推廣下載，即便下載，用戶使用頻率也較低；另一方面商家后期運營及維護成本較高。而依托于微信，開發商家小程序營銷平臺則成本較低，建設周期較短；微信擁有11億用戶流量，利用其流量優勢可以更廣的覆蓋到目標用戶人群，降低商家的運營成本。

(2)流量入口更多。微信小程序目前擁有“二維碼、公眾號主頁、朋友圈、置頂小程序、微信搜索、附近小程序、瀏覽過的小程序、客服咨詢、消息通知、微信廣告、微信對話分享、推送文章、信卡包”等眾多流量入口，并且還在不斷優化擴展中。

(3)營銷玩法更豐富。微信小程序可以運用多種社交營銷插件，如通過互動營銷，可以幫助商家快速鏈接用戶，實現快速拉新，提升品牌親和力；通過店鋪促銷，可以刺激用戶，實現用戶快速轉化，為商家帶來豐厚利潤；通過裂變營銷，使用多種營銷玩法，如拼團、砍價、周期購……快速裂變，實現銷量倍增。

(4)用戶體驗更良好。相比于手機中低頻使用的App，微信小程序輕量、便捷。用戶可以通過多路徑搜索，多流量入口點擊進入，頁面響應時間較短，無需等待即可進入界面，操作使用十分便捷。

(5)管理效率更高。微信小程序營銷平臺擁有系統化的管理流程，能夠更好的管理門店、貨品及會員。通過微信后臺統計數據分析研究，可以為用戶提供更加專業的服務及針對性營銷活動，提高用戶轉化率以及產品復購率。

(6)全方位打通線上線下銷售平臺。依托于微信流量資源，微信小程序營銷平臺可以更全方位地幫助企業精準分析定位客戶通過線上微信小程序頁面領取品牌會員卡，并于線下實體門店進行消費，實現線上線下會員互通；通過線上領券，可以用于客戶線上購買產品消費，也可于線下實體店進行核銷，實現線上線下營銷互通；客戶可以在線上完成訂單消費，自主選擇線下到店自提或者線上郵寄的方式，實現線上線下服務互通；選擇線下自提形式，還可以增強客戶的線下體驗，增強品牌的信服力同時可于線下門店進一步引導客戶瀏覽其他實體商品，從而實現線上線下商品互通