微信小程序調(diào)研報(bào)告

1、川石道企業(yè)信用征信（上海）有限公司微信小程序調(diào)研報(bào)告狀態(tài)：文件標(biāo)簽：微信小程序、調(diào)研、報(bào)告草稿版本：1.0修改中作者：林澤意V定稿日期：2017-04-20目錄一、產(chǎn)品定位及功能介紹.3二、微信小程序SWOT分析.3三、微信小程序中頁面運(yùn)行環(huán)境和登錄可能面臨的安全問題8四、微信小程序開發(fā) .9五、結(jié)論.10一、產(chǎn)品定位及功能介紹微信小程序是一種全新的連接用戶與服務(wù)的方式，它可以在微信內(nèi)被便捷地獲取和 傳播，同時(shí)具有出色的使用體驗(yàn)。二、微信小程序SWOT分析基于微信的技術(shù)文檔分析，微信小程序能覆蓋大部分的APP 常用功能。這里對(duì)小程序 做了 SWOT 分析，來得出結(jié)論。優(yōu)勢(shì) Strenths1.

2、無需安裝、隨用隨點(diǎn)2.跨平臺(tái)開發(fā)3.豐富的組件和 API劣勢(shì) Threats1.小程序的推廣渠道更少，難度更大2.小程序在微信入口有限3.微信小程序只有 2M 的大小4.需要審核5.客戶粉算能力不及 APP6.不支持第二方插件7.前端開發(fā)人員需要重新學(xué)習(xí)語法機(jī)會(huì) Opportunities1.巨大流量入口2.技術(shù)較為成熟3.滿足客戶新鮮感體驗(yàn)威脅 Threats1.數(shù)據(jù)安全較低2.自有度受制于騰訊3.對(duì)自家產(chǎn)品造成沖擊優(yōu)勢(shì) Strenths1.無需安裝、隨用隨點(diǎn)：對(duì)比于 APP,用戶使用成本更低，無需下載安裝，即可達(dá)到 類 APP 的體驗(yàn)。在 Android 系統(tǒng)中，若騰訊將微信小程序圖標(biāo)發(fā)布

3、到操作系統(tǒng)桌面中，用 戶幾乎分辨不出原生 APP 與小程序。2.跨平臺(tái)開發(fā)：微信 APP 已屏蔽了 IOS 和 Android 的差異，在相同版本的微信 APP 下，開發(fā)者無需關(guān)心操作系統(tǒng)的類型與版本，一套代碼可滿足各平臺(tái)需求。3.豐富的組件和 API :a）Websocket :支持瀏覽器與服務(wù)器全雙工通信b）視圖組件：按鈕、表單、彈窗、導(dǎo)航、媒體、地圖、畫布等c）多媒體支持：圖片、音頻、視頻、文件等d）數(shù)據(jù)緩存：可通過同步或異步接口對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理e）硬件支持：可獲得陀螺儀、羅盤等數(shù)據(jù)信息f）微信開放接口：微信登錄、微信用戶信息、微信支付、模板消息等劣勢(shì) Threats :1

4、.小程序的推廣渠道更少，難度更大。小程序目前確定了沒有關(guān)注功能、不能群發(fā)消息、不能內(nèi)嵌網(wǎng)頁和外鏈、不能分享到朋友圈。這意味著，原來基于微信訂閱號(hào)或服務(wù)號(hào)的 推廣運(yùn)營方案都不再適用于小程序的推廣，間接影響了小程序的開放性。同時(shí)，用完即走的理念造成留存難，小程序無法像App 一樣通過 PUSH 來喚回用戶。這樣就 迫使我們盡早重視精細(xì)化運(yùn)營，盡早找準(zhǔn)用戶、黏住用戶。2.小程序在微信中入口有限：二維碼，搜索，群和發(fā)現(xiàn)欄中的小程序頁面。比起公眾號(hào)，小程序幾乎沒有像樣的線上入口，朋友的推薦數(shù)量有限，當(dāng)小程序的名稱不為人知時(shí)無法搜到。3.微信小程序只有 2M 的大小，這樣導(dǎo)致無法開發(fā)大型一些的小程序。4.

5、需要像 APP 一樣審核上架，這點(diǎn)比 HTML5 即做即發(fā)布要麻煩些。5.客戶端計(jì)算能力不及 APP :因微信小程序使用 H5 技術(shù)，代碼運(yùn)行環(huán)境為webkit引擎，無法運(yùn)行復(fù)雜的大型計(jì)算，某些場(chǎng)景無法支持。6.不支持第三方插件：無法向 PC 瀏覽器、手機(jī)客戶端那樣安裝或嵌入編譯好的第三 方插件，無法以插件的形式提供安全的密碼控件。7.微信小程序的開發(fā)模式必須完全遵守官方的規(guī)范，且和現(xiàn)有的前端框架不兼容，會(huì)帶來學(xué)習(xí)及開發(fā)成本機(jī)會(huì) Opportunities :1.巨大流量入口： 微信作為國內(nèi)裝機(jī)量最大的 APP，月活用戶已超過 8 億，微信朋友 圈用戶粘度很高。2.技術(shù)較為成熟：小程序所需技能

6、點(diǎn)為 html+js+css ，相關(guān)技術(shù)從業(yè)人員廣、技術(shù)成熟， 開發(fā)上手容易，學(xué)習(xí)成本較低。3.滿足客戶新鮮感體驗(yàn)： 微信小程序剛剛推出， 網(wǎng)絡(luò)討論熱度高，部分用戶會(huì)出于嘗鮮 心理體驗(yàn)小程序。威脅 Threats :1. 數(shù)據(jù)安全性較低:小程序的編寫語言為解釋執(zhí)行語言，發(fā)布小程序需把源碼發(fā)布到騰訊服務(wù)器，運(yùn)行環(huán)境為微信APP 內(nèi)嵌瀏覽器，開發(fā)者需對(duì)騰訊的信任級(jí)別達(dá)到操作系統(tǒng)級(jí)別。2.自由度受制于微信：接口和權(quán)限均依賴于微信及其API ,小程序能實(shí)現(xiàn)的功能場(chǎng)景，完全依賴于微信 APP 提供的能力。小程序的開發(fā)自由度是沒有native app 高的。3. 對(duì)自家產(chǎn)品(App+H5 )造成沖擊：因?yàn)?/p>

7、小程序良好的體驗(yàn)和強(qiáng)大的可擴(kuò)展性，客 戶容易分流，對(duì)自家產(chǎn)品的裝機(jī)量和使用時(shí)長造成沖擊。W0+小程序使用成熟的 H5 ft輕量弱的廣告游戲等營銷荻客十在小程序框架內(nèi)，專注做儂頻、剛覲場(chǎng)景，擴(kuò) t渠道用戶APP與小程序并行,APPf?蒿頻、 薄 I場(chǎng)影sn利用小程序的便捷性向總結(jié):什么應(yīng)用適合做小程序根據(jù)小程序的理念，和小程序的功能方向，結(jié)合當(dāng)前的互聯(lián)網(wǎng)背景，適合做小程序的大 致是如下幾個(gè)方向：1. 線下的商家包括稍大型的餐飲店，酒吧健身房等娛樂場(chǎng)所，車站機(jī)場(chǎng)景點(diǎn)，甚至是實(shí)體廣告牌?？?結(jié)來說，就是自身做為服務(wù)載體、提供服務(wù)的線下商家。2. 和線下場(chǎng)景強(qiáng)相關(guān)的線上服務(wù)比如說查公交，買汽車票電影票

8、等小程序，需要線下場(chǎng)景（如等車）的支撐，程序本身提供相應(yīng)的線上服務(wù)。當(dāng)前這類服務(wù)只能通過特定APP 或公眾號(hào)，沒有直接連接到具體場(chǎng)景，有了小程序之后可以進(jìn)一步拓展這類線上服務(wù)。3. 其他領(lǐng)域與互聯(lián)網(wǎng)的結(jié)合，比如醫(yī)療、教育等在醫(yī)院、學(xué)校這些場(chǎng)所， 服務(wù)流程眾多，會(huì)有非常多能結(jié)合互聯(lián)網(wǎng)的場(chǎng)景可能，而且每家醫(yī)院或?qū)W校的業(yè)務(wù)又各自不同。比如說就醫(yī)的掛號(hào)、看病、用藥整個(gè)流程，結(jié)合醫(yī)院的各窗口、病歷卡、藥方等，每一步都可以有個(gè)小程序來服務(wù)。當(dāng)前有很多大大小小的公司在這些領(lǐng)域深耕，小程序擴(kuò)展了服務(wù)的邊界。什么應(yīng)用不適合做小程序1.大公司。大公司本身就有很大的用戶量和完善的一套服務(wù)，小程序?qū)λ麄儊碚f只是一個(gè)額

9、外的入口而已，還是個(gè)很隱蔽的入口。2.純線上平臺(tái)。第一這類服務(wù)沒有線下的具體場(chǎng)景，而小程序線上的入口有限,廣。第二這些應(yīng)用依賴內(nèi)容，小程序不像公眾號(hào)那樣有內(nèi)容推送。第三這些應(yīng)用的運(yùn)營需要用戶粘性、留存，正如前文的分析，小程序的模式不適合做用戶活躍留存。三、微信小程序中頁面運(yùn)行環(huán)境和登錄可能面臨的安全問題小程序的運(yùn)行環(huán)境是微信客戶端提供的類瀏覽器（WebView ）運(yùn)行環(huán)境。小程序相當(dāng)于運(yùn)行在一個(gè)瀏覽器環(huán)境中。小程序的請(qǐng)求都必須是 https 的請(qǐng)求。支持常用的 HTTP 協(xié)議的方法，比如： PUT,GET,POST 等；因?yàn)樗械恼?qǐng)求都是由NA 轉(zhuǎn)發(fā)的，所以不會(huì)存在跨域的問題（微信小程序的設(shè)置

10、頁面可以設(shè)置）。小程序的網(wǎng)絡(luò)請(qǐng)求的referer 是不可以設(shè)置，格式是固定的格式。小程序運(yùn)行在微信的渲染引擎中是不支持window 和 document 對(duì)象。所以無法使用這兩個(gè)對(duì)象操作 cookie 操作。開發(fā)者可以通過wx.setStorage 等方法在客戶端存儲(chǔ)數(shù)據(jù)操作；是否可以收集用戶的敏感信息。當(dāng)前只是可以獲取用戶的地理位置，頭像，昵稱信 息。其它信息不能夠獲取。（首先微信的登錄接口不提供這樣的能力，第二微信有審核機(jī)制，如果我們有這樣的代碼，小程序可能審核不通過）出現(xiàn)安全問題后，從修復(fù)問題到上線的響應(yīng)時(shí)長的問題。暫時(shí)沒有上線經(jīng)歷，沒辦 法給出這個(gè)時(shí)間；微信小程序的代碼包大小當(dāng)前限制是

11、2MB。所以頁面引用的圖片或者是文件必須以很難推外鏈的方式；四、微信小程序開發(fā)前端頁面微信小程序借鑒了當(dāng)前非常流行的前端框架React 和 vue 的開發(fā)思想，組件化的開發(fā)方式。一個(gè)頁面就是一個(gè)組件，一個(gè)組件由以下4 個(gè)部分組成：原生啊$不支持職pt。和jqu河第三方庫所以在開發(fā)微信小程序的過程中需要學(xué)習(xí)微信小程序的 wxml 語法。而 wxss 的語法就是 css 的語法，只是不支持一些高級(jí)的css 選擇器。對(duì)后端工程師的影響小程序的頁面的渲染過程頁面的配置文件頁面文件（相當(dāng)于htmlig法,不過口微信四口wxss是微信1，程序自己定義的標(biāo)簽纏貝語義相當(dāng)于react使用的jsx）_頁面樣式文

12、件 （語法踉CSS樣F但 是只支持class選擇器）用戶看到的小新頁面由上面的流程可以知道在小程序的渲染引擎渲染頁面的時(shí)候，頁面需要的數(shù)據(jù)都是通過接口獲取的。而我們現(xiàn)在的開發(fā)模式基本都是后端PHP 渲染 smarty 模板，渲染過程中會(huì)將某些前端需要的變量或者是參數(shù)寫到Html 頁面中。如果以后要在小程序中拓展Pass 的能力，后端會(huì)有一定的開發(fā)成本；五、結(jié)論微信小程序的出現(xiàn)，其實(shí)對(duì)于用戶來說只是多了一種應(yīng)用方式。而開發(fā)微信小程序的重點(diǎn)便是尋找到使用場(chǎng)景，從而增加用戶粘性，實(shí)現(xiàn)盈利。對(duì)于傳統(tǒng)的巨頭APP,小程序只是一種發(fā)現(xiàn)的渠道，消化微信的殘余流量，避免在這個(gè)領(lǐng)域產(chǎn)生不可控的競(jìng)爭(zhēng)者。對(duì)于頻次低的服務(wù)類或工具類產(chǎn)品，小程序也是必爭(zhēng)之地。小程序?qū)儆谝苿?dòng)互聯(lián)網(wǎng)時(shí)代的