小程序（一）介紹
2021-08-05 18:19:34

?

?

1、關(guān)于小程序，

小程序是一種新的開(kāi)放能力，開(kāi)發(fā)者可以快速地開(kāi)發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。

2、小程序優(yōu)缺點(diǎn)

?2.1、小程序優(yōu)點(diǎn)

（一）新時(shí)代推廣渠道

作為一個(gè)新產(chǎn)品，小程序在輕量級(jí)是當(dāng)之無(wú)愧的，首先它為我們提供了手機(jī)流量用戶的一個(gè)最大的渠道，用戶源大。

（二）功能多樣化

現(xiàn)在的小程序發(fā)展，已經(jīng)能從我們?cè)S多網(wǎng)站和商城上借鑒對(duì)應(yīng)的功能，如企業(yè)小程序，作官網(wǎng)來(lái)展現(xiàn)，另外的比如小程序商城，可實(shí)現(xiàn)我們網(wǎng)站上的買(mǎi)賣(mài)，促銷(xiāo)規(guī)則亦或者積分會(huì)員體系，這些功能我們的小程序都可以滿足，而且小程序比起APP來(lái)說(shuō)更加便捷，減去了客戶去下載手機(jī)APP的過(guò)程，實(shí)現(xiàn)了快速轉(zhuǎn)化客戶。

（三）短時(shí)間部署

標(biāo)準(zhǔn)的小程序相比其他的電商平臺(tái)軟件或者企業(yè)官網(wǎng)，它的部署時(shí)長(zhǎng)是比一般的電商平臺(tái)要短得多的，我們以商城小程序作為例子，它主要的功能在于以下五點(diǎn)：

（1）產(chǎn)品展示：包括商品的主頁(yè)、輪播圖、詳情頁(yè)、價(jià)格體系展現(xiàn)等；

（2）客戶資料授權(quán)：客戶登錄授權(quán)、訂單流程通知、產(chǎn)品評(píng)價(jià)等；

（3）支付調(diào)通：使用微信支付；

（4）消息模板的支持

（5）網(wǎng)頁(yè)的直接嵌入

那么其他的一些功能，如優(yōu)惠券體系、滿減滿贈(zèng)、積分會(huì)員體系這一類(lèi)營(yíng)銷(xiāo)規(guī)則，則會(huì)加長(zhǎng)對(duì)應(yīng)的開(kāi)發(fā)時(shí)長(zhǎng)，但總體的時(shí)間跨度還是比PC端的電商平臺(tái)要快一些；

（四）雙線程管控

?（1）小程序的雙線程

邏輯層：創(chuàng)建一個(gè)單獨(dú)的線程去執(zhí)行 JavaScript，在這個(gè)環(huán)境下執(zhí)行的都是有關(guān)小程序業(yè)務(wù)邏輯的代碼
渲染層：界面渲染相關(guān)的任務(wù)全都在 WebView 線程里執(zhí)行，通過(guò)邏輯層代碼去控制渲染哪些界面。一個(gè)小程序存在多個(gè)界面，所以渲染層存在多個(gè) WebView 線程
雙線程通信

在渲染層把 WXML 轉(zhuǎn)化成對(duì)應(yīng)的 JS 對(duì)象。
在邏輯層發(fā)生數(shù)據(jù)變更的時(shí)候，通過(guò)宿主環(huán)境提供的 setData 方法把數(shù)據(jù)從邏輯層傳遞到 Native，再轉(zhuǎn)發(fā)到渲染層。
經(jīng)過(guò)對(duì)比前后差異，把差異應(yīng)用在原來(lái)的 DOM 樹(shù)上，更新界面。
我們通過(guò)把 WXML 轉(zhuǎn)化為數(shù)據(jù)，通過(guò) Native 進(jìn)行轉(zhuǎn)發(fā)，來(lái)實(shí)現(xiàn)邏輯層和渲染層的交互和通信。而這樣完整的一套框架，基本上都是通過(guò)小程序的基礎(chǔ)庫(kù)來(lái)完成的。
（3）小程序的基礎(chǔ)庫(kù)

小程序的基礎(chǔ)庫(kù)是 JavaScript 編寫(xiě)的，它可以被注入到渲染層和邏輯層運(yùn)行。主要用于：

在渲染層，提供各類(lèi)組件來(lái)組建界面的元素
在邏輯層，提供各類(lèi) API 來(lái)處理各種邏輯
處理數(shù)據(jù)綁定、組件系統(tǒng)、事件系統(tǒng)、通信系統(tǒng)等一系列框架邏輯
由于小程序的渲染層和邏輯層是兩個(gè)線程管理，兩個(gè)線程各自注入了基礎(chǔ)庫(kù)。小程序的基礎(chǔ)庫(kù)不會(huì)被打包在某個(gè)小程序的代碼包里邊，它會(huì)被提前內(nèi)置在微信客戶端。這樣可以：

降低業(yè)務(wù)小程序的代碼包大小
可以單獨(dú)修復(fù)基礎(chǔ)庫(kù)中的 Bug，無(wú)需修改到業(yè)務(wù)小程序的代碼包

（五）小程序的安全機(jī)制

（1）沙箱環(huán)境

? 通過(guò)提供一個(gè)純 JavaScript 的解釋執(zhí)行環(huán)境，這個(gè)環(huán)境沒(méi)有瀏覽器相關(guān)接口，當(dāng)然也不用擔(dān)心操作 DOM、跳轉(zhuǎn)等問(wèn)題了。在 iOS 下是用內(nèi)置的 JavaScriptCore 框架，在安卓下是 JsCore 環(huán)境（舊版是騰訊 x5 內(nèi)核提供，新版是 v8 提供）。

把開(kāi)發(fā)者的 JS 邏輯代碼放到單獨(dú)的線程去運(yùn)行，因?yàn)椴辉?Webview 線程里，所以這個(gè)環(huán)境沒(méi)有 Webview 任何接口，自然的開(kāi)發(fā)者就沒(méi)法直接操作 DOM，也就沒(méi)法動(dòng)態(tài)去更改界面或者抓取頁(yè)面數(shù)據(jù)。

（2）不支持動(dòng)態(tài)載入腳本

小程序不支持動(dòng)態(tài)載入腳本，XSS 漏洞自然也無(wú)縫可鉆。

（3）小程序的審核

為了保證小程序的質(zhì)量，以及符合相關(guān)的規(guī)范，小程序的發(fā)布是需要經(jīng)過(guò)審核的。經(jīng)過(guò)審核的小程序才能對(duì)外發(fā)布，同時(shí)在出現(xiàn)問(wèn)題時(shí)，小程序會(huì)被下架停用。

另外，每個(gè)微信小程序需要事先設(shè)置一個(gè)通訊域名，小程序只可以跟指定的域名與進(jìn)行網(wǎng)絡(luò)通信，包括普通 HTTPS 請(qǐng)求、上傳文件、下載文件和 WebSocket 通信，參考api文檔。這些通訊域名，也都必須要求通過(guò)備案。

同時(shí)，小程序必須使用 HTTPS 發(fā)起網(wǎng)絡(luò)請(qǐng)求。請(qǐng)求時(shí)系統(tǒng)會(huì)對(duì)服務(wù)器域名使用的 HTTPS 證書(shū)進(jìn)行校驗(yàn)，如果校驗(yàn)失敗，則請(qǐng)求不能成功發(fā)起。

這些種種的限制和管理模式，都進(jìn)一步保障了用戶的數(shù)據(jù)和隱私安全。

（4）小程序的安全登錄

在小程序中調(diào)用wx.login()，能拿到一個(gè)code作為用戶登錄憑證（有效期五分鐘）。在開(kāi)發(fā)者服務(wù)器后臺(tái)，開(kāi)發(fā)者可使用code換取openid和session_key等信息（code只能使用一次）。保證了安全性。


2.1、小程序優(yōu)點(diǎn)

（一）小程序在微信中沒(méi)有入口

???微信不會(huì)為小程序開(kāi)放一個(gè)單獨(dú)的入口，也就是說(shuō)想通過(guò)微信五六億的用戶導(dǎo)流？你就別做夢(mèng)了。那么怎么給自己的小程序?qū)Я髂兀咳ゾ€下貼二維碼做推廣，或者在網(wǎng)站上貼。要想給小程序?qū)Я?，只有靠自己已?jīng)有的流量。如果你自己沒(méi)有流量來(lái)源，那么怎么辦呢？花錢(qián)購(gòu)買(mǎi)推廣服務(wù)啊。App的導(dǎo)流渠道好賴也有應(yīng)用商店，而微信小程序呢？沒(méi)有。

（二）小程序不能分享朋友圈

???小程序不能分享到朋友圈，只能分享到群里，或者通過(guò)微信通訊錄發(fā)送給好友。大家都知道朋友圈可以無(wú)限級(jí)的擴(kuò)散，帶來(lái)不可估量的流量，但是想通過(guò)發(fā)送好友和微信群推廣？這個(gè)就不太現(xiàn)實(shí)了。

（三）小程序不能發(fā)PUSH

???原生App是可以有PUSH功能的，就是可以給用戶推送消息，比如系統(tǒng)通知欄消息，個(gè)人相關(guān)的通知消息。這些體驗(yàn)一是為了方便App開(kāi)發(fā)者方便的通知用戶，二是方便用戶自身了解和自己相關(guān)的業(yè)務(wù)需求。比如用戶購(gòu)買(mǎi)了什么東西，會(huì)提醒用戶什么的。這個(gè)是App一種比較好的體驗(yàn)。

???但是在微信小程序中，這個(gè)功能是沒(méi)有的

（四）小程序沒(méi)有用戶體系

無(wú)論是網(wǎng)站還是App都是有自己的用戶體系的。網(wǎng)站和App都可以注冊(cè)，登錄，進(jìn)入個(gè)人中心，進(jìn)而成為網(wǎng)站或者App的用戶。

但是這一切，在小程序中是沒(méi)有的。張小龍說(shuō)：在PC時(shí)代，你訪問(wèn)一個(gè)網(wǎng)站，并不代表你需要訂閱。他和公眾號(hào)在本質(zhì)上有區(qū)別，他不是公眾號(hào)，是全新的形態(tài)。如果我們做一個(gè)公眾號(hào)，我們會(huì)有很多粉絲，我們會(huì)從粉絲數(shù)判斷這個(gè)號(hào)的價(jià)值。但是小程序不會(huì)有。

沒(méi)有用戶體系，就無(wú)法形成和用戶的鏈接，沒(méi)有這種鏈接，就無(wú)法具有商業(yè)價(jià)值

3、開(kāi)發(fā)工具的下載安裝
小程序開(kāi)發(fā)工具

（一）下載開(kāi)發(fā)工具
???小程序下載地址：
???https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

???選擇需要的環(huán)境條件下載對(duì)應(yīng)的版本，目前有如下三種：
Windows 64?、 Windows 32?、 macOS

如下下載的是windows 64位：

（二）安裝開(kāi)發(fā)工具
1.將下載的開(kāi)發(fā)工具包，放在一個(gè)盤(pán)符的目錄下面

2.以管理員身份運(yùn)行，點(diǎn)擊下一步

3.下一步，就會(huì)出現(xiàn)許可證協(xié)議，選擇我接受。如圖所示

4. 選定安裝位置，瀏覽，選擇桌面（例如選擇d盤(pán)的wxapp目錄），點(diǎn)擊安裝，進(jìn)行安裝

5.完成安裝

4、導(dǎo)入項(xiàng)目

1. 注冊(cè)小程序賬號(hào)

2. 雙擊打開(kāi)安裝的小程序工具

第一次打開(kāi)需要掃描二維碼登錄小程序，請(qǐng)用注冊(cè)小程序賬號(hào)時(shí)綁定的微信 掃描登錄

3. 登錄成功后選擇左邊的小程序 ，點(diǎn)擊右邊的加號(hào)

4.導(dǎo)入項(xiàng)目

選擇目錄右邊的下拉箭頭，選擇自己小程序目錄地址，選擇根目錄確定

選擇小程序后，需要appid，如果無(wú)appid 可以點(diǎn)擊測(cè)試號(hào)，獲取一個(gè)測(cè)試時(shí)候使用的，最后點(diǎn)擊導(dǎo)入

如果有小程序賬號(hào)，可以獲取appid，登錄小程序賬號(hào)到 小程序管理后臺(tái)，進(jìn)入開(kāi)發(fā)獲取

?

5、新建項(xiàng)目

1.打開(kāi)工具 登錄成功后選擇左邊的小程序 ，點(diǎn)擊右邊的加號(hào)

2.選擇新建項(xiàng)目，填寫(xiě)項(xiàng)目名稱(chēng)，項(xiàng)目存儲(chǔ)目錄，appid等信息后點(diǎn)擊新建

?

?

- End -

長(zhǎng)按二維碼關(guān)注

期待您的加入

▽

?

?

資源整理:
包括不限于Java、Python、Linux、前端、人工智能、架構(gòu)、大數(shù)據(jù)、電子書(shū) ，移動(dòng)端，小程序，項(xiàng)目等