認(rèn)識(shí)微信小程序

微信小程序

介紹隨著互聯(lián)網(wǎng)的高速發(fā)展，國(guó)內(nèi)互聯(lián)網(wǎng)應(yīng)用走向多元化，各行各業(yè)都在轉(zhuǎn)型加入互聯(lián)網(wǎng)計(jì)劃。李克強(qiáng)總理也提出制定“互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃，推動(dòng)移動(dòng)互聯(lián)網(wǎng)、云計(jì)算、大數(shù)據(jù)、物聯(lián)網(wǎng)等與現(xiàn)代制造業(yè)結(jié)合，促進(jìn)電子商務(wù)、工業(yè)互聯(lián)網(wǎng)和互聯(lián)網(wǎng)金融健康發(fā)展，引導(dǎo)互聯(lián)網(wǎng)企業(yè)拓展國(guó)際市場(chǎng)。但是傳統(tǒng)企業(yè)的融合、轉(zhuǎn)型與移動(dòng)化該如何相結(jié)合呢？轉(zhuǎn)型成功后用戶流量和使用率的問(wèn)題如何解決呢？這時(shí)，微信小程序這款為移動(dòng)時(shí)代而生的產(chǎn)品出現(xiàn)了，并有效地解決了中國(guó)傳統(tǒng)企業(yè)在轉(zhuǎn)型過(guò)程中出現(xiàn)用戶流量和使用率的問(wèn)題，同時(shí)也讓世界對(duì)中國(guó)創(chuàng)新能力刮目相看。

1.1 微信小程序是什么

微信小程序，簡(jiǎn)稱小程序，其英文名為Mini Program。如今，幾乎每臺(tái)智能手機(jī)上都會(huì)安裝微信應(yīng)用程序，微信的用戶也遍布全球。

而微信小程序?qū)崿F(xiàn)了在微信內(nèi)部不需要下載安裝，用戶掃一掃或搜索一下即可打開(kāi)應(yīng)用程序。

2016年9月21日，微信小程序正式開(kāi)始內(nèi)測(cè)。在微信生態(tài)下，這個(gè)不需要下載安裝、用完即走的微信小程序引起了大家廣泛的關(guān)注。

騰訊云也正式上線了微信小程序的解決方案，提供了微信小程序在云端的技術(shù)方案。

2016年1月11日，微信之父張小龍公開(kāi)亮相，他解讀了微信四大價(jià)值觀。張小龍指出，越來(lái)越多的產(chǎn)品注冊(cè)了公眾號(hào)，因?yàn)樵谶@里開(kāi)發(fā)、推廣傳播產(chǎn)品的成本比較低。但拆分出來(lái)的服務(wù)號(hào)功能做得卻并不理想，所以微信內(nèi)部正在研究一個(gè)新的形態(tài)，即微信小程序。

2017年1月9日0點(diǎn)，微信小程序正式低調(diào)上線，其為開(kāi)發(fā)人員提供了全新的組件和API技術(shù)，為用戶開(kāi)啟了不一樣的體驗(yàn)?zāi)Ｊ健?/p>

張小龍?jiān)f(shuō)：“讓創(chuàng)造發(fā)揮價(jià)值，好產(chǎn)品應(yīng)該是用完即走，微信應(yīng)該是給用戶提供便利，而非浪費(fèi)時(shí)間。希望用戶在微信里看到的都是自己愿意看到的東西，也希望用戶能夠留出更多的時(shí)間去做其他的事情”。從張小龍說(shuō)的話我們能看出，微信小程序的目的就是把用戶使用微信的動(dòng)作都集中在微信上，而微信小程序也就將是另一個(gè)App

Store。

1.2 微信小程序的前景

其實(shí)，早在前兩年，這種輕應(yīng)用的模式就一直被大家所關(guān)注，不管是百度、UC還是Google，都在嘗試基于Web模式做一種小成本、跨平臺(tái)性好的輕應(yīng)用，由于各種原因，最后都沒(méi)有實(shí)現(xiàn)。而一直沉默的微信在2017年發(fā)布了新產(chǎn)品——微信小程序，打破了這個(gè)一直不能解決的問(wèn)題。如今的微信掌握著數(shù)億用戶，也成為目前國(guó)內(nèi)用戶量最大的App應(yīng)用。統(tǒng)計(jì)數(shù)據(jù)表明，微信用戶日常在微信上花費(fèi)的時(shí)間平均超過(guò)4個(gè)小時(shí)以上，這也是微信小程序之所以會(huì)成功的關(guān)鍵吧。

可以看出，微信早已不滿足于其在社交層面上的這點(diǎn)流量了，現(xiàn)在已經(jīng)上升到要與操作系統(tǒng)分庭抗禮了。在未來(lái)，這個(gè)昔日免費(fèi)的社交應(yīng)用也將成為集社交、游戲、購(gòu)物、生活服務(wù)于一身的“超級(jí)App”，從而進(jìn)一步影響我們的生活，具體影響包括以下幾個(gè)方面。

（1） 對(duì)于開(kāi)發(fā)者的影響。微信小程序推出后，開(kāi)發(fā)者也許會(huì)發(fā)現(xiàn)，微信小程序的語(yǔ)法和前端語(yǔ)法沒(méi)什么區(qū)別，目前來(lái)看，對(duì)前端開(kāi)發(fā)者來(lái)說(shuō)，從網(wǎng)頁(yè)遷移到微信小程序成本很低?？梢?jiàn)在將來(lái)，各行各業(yè)對(duì)小程序的需求會(huì)讓前端開(kāi)發(fā)人員迅速增長(zhǎng)，而對(duì)于只會(huì)原生App的開(kāi)發(fā)人員，就會(huì)增加一些壓力了。

（2） 對(duì)于互聯(lián)網(wǎng)創(chuàng)業(yè)企業(yè)的影響。近年來(lái)，原生APP的開(kāi)發(fā)和推廣成本日益增高，從而造成創(chuàng)業(yè)企業(yè)早期用戶積累的成本也越來(lái)越高。而通過(guò)微信小程序開(kāi)發(fā)，依托于微信本身數(shù)億的用戶量，可以以

更低的成本來(lái)完成早期用戶的積累。在開(kāi)發(fā)App之前，可以先用微信小程序開(kāi)發(fā)，這樣可以以更快、成本更低的方式進(jìn)行試錯(cuò)和更新。

（3） 對(duì)于小城市企業(yè)的影響。一直以來(lái)，小城市缺乏技術(shù)人員的問(wèn)題難以解決，微信小程序出現(xiàn)后，這個(gè)問(wèn)題就可以嘗試解決了。

小城市的企業(yè)培養(yǎng)一個(gè)前端技術(shù)開(kāi)發(fā)人員遠(yuǎn)比培養(yǎng)一個(gè)后端開(kāi)發(fā)人員、架構(gòu)師、APP開(kāi)發(fā)人員要容易得多，而且成本也降低了很多。

（4） 對(duì)于互聯(lián)網(wǎng)推廣的影響。筆者記得在某貸寶盛行的時(shí)期，經(jīng)?？梢钥吹竭@樣的場(chǎng)景：在一些超市的門口擺放著一張桌子，桌子上擺放了一堆禮品，旁邊立著一個(gè)易拉寶，兩個(gè)地推人員在宣傳，讓用戶下載App即可送禮物。對(duì)于做市場(chǎng)和地推的朋友，這種場(chǎng)景可能并不陌生，這是線下推廣時(shí)使用的老手段。而有了微信小程序后再去做地推時(shí)，只需要攜帶海報(bào)、宣傳冊(cè)等工具即可，這樣成本會(huì)少很多。

（5） 對(duì)于想轉(zhuǎn)型的傳統(tǒng)企業(yè)的影響。現(xiàn)在，各行各業(yè)都在互聯(lián)網(wǎng)化，傳統(tǒng)企業(yè)大批轉(zhuǎn)型為互聯(lián)網(wǎng)模式，所以眼下傳統(tǒng)企業(yè)面臨的問(wèn)題就是技術(shù)不成熟、成本高。而微信小程序能為傳統(tǒng)企業(yè)降低成本，為傳統(tǒng)企業(yè)轉(zhuǎn)型鋪平道路，給傳統(tǒng)企業(yè)試錯(cuò)和迭代更新的機(jī)會(huì)。傳統(tǒng)企業(yè)通過(guò)這種模式把線上、線下和用戶群體融合后，再考慮是否需要組建一支全方位的互聯(lián)網(wǎng)團(tuán)隊(duì)。

上面介紹的是微信小程序?qū)ξ磥?lái)的一些影響，可能讀者還是不能理解。其實(shí)微信小程序在很多場(chǎng)景中都可以應(yīng)用，比如在餐館點(diǎn)餐、在醫(yī)院掛號(hào)、叫出租車、辦理會(huì)員卡等。下面以在醫(yī)院掛號(hào)場(chǎng)景來(lái)舉例。在將來(lái)，我們?cè)诩依锘蛘咴卺t(yī)院可以使用微信小程序在線查詢自

己需要掛號(hào)的科室，并直接在線付款。付款成功后會(huì)生成二維碼，在醫(yī)院指定的機(jī)器前即可掃描手機(jī)二維碼，自動(dòng)打印掛號(hào)條，這樣大大節(jié)約了患者等待排隊(duì)的時(shí)間。如果能全面打通醫(yī)院系統(tǒng)，以后我們甚至可以在醫(yī)生開(kāi)完藥以后在線直接付款，再也不用排隊(duì)了。所以微信小程序在未來(lái)的前景、影響難以估計(jì)，筆者認(rèn)為，雖然微信小程序來(lái)得有些晚，改變不了過(guò)去已經(jīng)飽和的移動(dòng)互聯(lián)網(wǎng)市場(chǎng)，但是足以影響移動(dòng)互聯(lián)網(wǎng)的未來(lái)。

1.3 微信小程序與訂閱號(hào)、服務(wù)號(hào)的區(qū)別

微信的訂閱號(hào)、服務(wù)號(hào)和微信小程序都屬于微信生態(tài)下的產(chǎn)品，所以很多人將它們進(jìn)行比較，那么到底它們之間到底有什么區(qū)別呢？首先來(lái)看一下微信的訂閱號(hào)和服務(wù)號(hào)的區(qū)別：訂閱號(hào)主要的功能是幫助企業(yè)或個(gè)人在微信中向用戶傳達(dá)資訊消息，為企業(yè)或個(gè)人提供一種新的信息傳播方式。服務(wù)號(hào)可以幫助企業(yè)和組織在微信中向用戶提供服務(wù)，為企業(yè)和組織提供了更強(qiáng)大的業(yè)務(wù)服務(wù)與用戶管理能力，同時(shí)還提供了讓用戶直接與企業(yè)的客服進(jìn)行溝通等功能。

綜上所述，我們大致能看出，訂閱號(hào)和服務(wù)號(hào)都是以微信的主體聊天界面為基礎(chǔ)，所以它們的界面和功能早就約定好了規(guī)則。而微信小程序允許開(kāi)發(fā)者自定義界面，還可以根據(jù)開(kāi)發(fā)者的產(chǎn)品需求自定義功能，從而打破了訂閱號(hào)和服務(wù)號(hào)一成不變的規(guī)則。

訂閱號(hào)與服務(wù)號(hào)作為騰訊線上對(duì)線上模式的重要組成部分，我們已經(jīng)感受到了其對(duì)我們生活的影響。低成本的推廣模式配合微信龐大

的用戶群，使訂閱號(hào)與服務(wù)號(hào)成為中小企業(yè)和個(gè)人商戶的首選。微信小程序同樣繼承了微信的用戶廣、成本低的優(yōu)勢(shì)，但是其更主要的作用是打開(kāi)線上對(duì)線下的大門，讓人們?cè)谌粘Ｉ钪薪?jīng)常接觸的東西通過(guò)一種非常簡(jiǎn)易的模式在互聯(lián)網(wǎng)上連接起來(lái)，達(dá)到更便捷的目的，這也是物聯(lián)網(wǎng)發(fā)展的體現(xiàn)。微信小程序在上線之初并沒(méi)有像訂閱號(hào)與服務(wù)號(hào)那樣迅速被大家所接受，但我們也能看到像摩拜單車這種非常適合微信小程序的公司通過(guò)與微信團(tuán)隊(duì)合作，利用微信小程序更好地為老百姓提供服務(wù)。相信隨著物聯(lián)網(wǎng)精神的普及以及騰訊對(duì)微信小程序的推廣，微信小程序一定會(huì)創(chuàng)造出獨(dú)特的未來(lái)。

1.4 如何創(chuàng)建一個(gè)微信小程序

學(xué)習(xí)任何一門語(yǔ)言都是從最基本的“Hello World”開(kāi)始的，所以，在學(xué)習(xí)微信小程序開(kāi)發(fā)之前，我們先來(lái)創(chuàng)建一個(gè)自己的小程序。

同時(shí)，微信公眾平臺(tái)為我們提供了微信小程序接入指南（https：//mp.weixin.qq.com/debug/wxadoc/introduction/index.html？t=2017117），其中列出了以下幾項(xiàng)：（1） 產(chǎn)品定位及功能介紹（2） 微信小程序注冊(cè)（3） 微信小程序信息完善及開(kāi)發(fā)前準(zhǔn)備（4） 開(kāi)發(fā)者工具的使用（5） 代碼審核與發(fā)布

（6） 微信小程序申請(qǐng)微信認(rèn)證（7） 微信小程序申請(qǐng)微信支付（8） 微信小程序綁定微信開(kāi)放平臺(tái)賬號(hào)以上操作在本書(shū)中會(huì)進(jìn)行簡(jiǎn)單的介紹，下面主要介紹如何注冊(cè)成為開(kāi)發(fā)者和安裝工具。

1.4.1 成為微信小程序開(kāi)發(fā)者

我們可以通過(guò)微信公眾平臺(tái)里的微信小程序入口（https：//mp.weixin.qq.com/cgibin/wx）來(lái)注冊(cè)成為微信小程序開(kāi)發(fā)者，注冊(cè)頁(yè)面如圖11所示。

圖11 小程序注冊(cè)頁(yè)面

填寫完郵箱、密碼等信息后，單擊“注冊(cè)”按鈕，激活郵箱，如圖12所示。

圖12 激活郵箱頁(yè)面最后登記用戶信息，如圖13所示，但是微信公眾平臺(tái)為了真實(shí)性和安全性，目前只針對(duì)企業(yè)用戶開(kāi)放注冊(cè)（2017年3月27日微信公眾平臺(tái)發(fā)布消息稱，開(kāi)放對(duì)個(gè)人開(kāi)發(fā)者申請(qǐng)微信小程序的權(quán)限）。

圖13 登記用戶信息頁(yè)面完成注冊(cè)后，可以登錄微信公眾平臺(tái)https：//mp.weixin.qq.com完善微信小程序信息，并且可以通過(guò)“用戶身份”頁(yè)面，為普通用戶

也可以通過(guò)地址https：//mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html直接下載編輯器，微信官方提供了Windows 64、Windows 32、MAC 3個(gè)版本的編輯器，可以根據(jù)自己的電腦選擇適合的開(kāi)發(fā)工具并進(jìn)行下載。

下載并安裝完成后，運(yùn)行編輯器即可。啟動(dòng)編輯器后，需要開(kāi)發(fā)者使用微信掃描二維碼驗(yàn)證登錄，如圖15所示。

圖15 開(kāi)發(fā)者工具登錄頁(yè)面

1.5 運(yùn)行一個(gè)微信小程序

登錄成功后，會(huì)出現(xiàn)如圖16所示的頁(yè)面，在這里選擇調(diào)試類型：可以選擇本地微信小程序項(xiàng)目或公眾號(hào)網(wǎng)頁(yè)開(kāi)發(fā)。這里選擇“本地小程序項(xiàng)目”，然后添加AppID、項(xiàng)目名稱和項(xiàng)目目錄，如圖17所示（要獲取AppID，可以登錄https：//mp.weixin.qq.com，在網(wǎng)站的“設(shè)置”—“開(kāi)發(fā)設(shè)置”頁(yè)面中，可以查看到微信小程序的AppID，如圖18所示）。

圖16 選擇調(diào)試類型頁(yè)面圖17 添加項(xiàng)目頁(yè)面

圖18 在“開(kāi)發(fā)設(shè)置”頁(yè)面中查看AppID勾選“在當(dāng)前目錄中創(chuàng)建quick start項(xiàng)目”選項(xiàng)，會(huì)自動(dòng)生成一個(gè)簡(jiǎn)單的微信小程序結(jié)構(gòu)，不勾選此選項(xiàng)的話，則打開(kāi)空白文件夾。

如果是剛開(kāi)始學(xué)習(xí)微信小程序，則建議勾選此選項(xiàng)，在此基礎(chǔ)上編寫小程序。

全部填寫完成后，單擊“添加項(xiàng)目”按鈕，會(huì)自動(dòng)跳轉(zhuǎn)到編輯器的主頁(yè)面，如圖19所示。

圖19 編輯器頁(yè)面1.6

本章主要介紹了微信小程序的簡(jiǎn)史，以及發(fā)展前景，而且簡(jiǎn)單地講解了微信小程序開(kāi)發(fā)的前期準(zhǔn)備工作和工作軟件的安裝與運(yùn)行

• 程序