提綱:
什么是微信小程序,怎么更好的利用小程序,微信小程序隨帶來(lái)的價(jià)值;
如何更高的利用好小程序,抓住微信小程序的紅利;
會(huì)不會(huì)現(xiàn)有的公眾號(hào)一樣;成為每個(gè)電商公司必備的業(yè)務(wù);
或者像淘寶一樣;人人可以開(kāi)店,可以定向銷(xiāo)售商品;
自己的想法:網(wǎng)上領(lǐng)卷線(xiàn)下消費(fèi)
線(xiàn)上預(yù)購(gòu);餐廳自取;
功能單一,需求簡(jiǎn)單的一些程序;
門(mén)店個(gè)性定制
小程序:
1 微信的兩大利器-微信公眾號(hào)和微信小程序;
個(gè)人內(nèi)容總結(jié):
微信公眾號(hào):
在2012年微信公眾號(hào)開(kāi)始出現(xiàn)并上線(xiàn),起初定位為[微信公眾平臺(tái)]簡(jiǎn)稱(chēng)公眾號(hào)损谦。曾命名為“官號(hào)平臺(tái)”鳖擒、“媒體平臺(tái)”顾翼、微信公眾號(hào)，最終定位為“公眾平臺(tái)"; 在2012年開(kāi)始到現(xiàn)在中間發(fā)展的幾年,相信每個(gè)公司都會(huì)有自己的微信公眾號(hào),漸漸的變成了剛需,雖然 微信公眾平臺(tái)從2012年8月上線(xiàn)至今宏赘，經(jīng)過(guò)4年多時(shí)間的發(fā)展绒北，微信公眾號(hào)紅利期已經(jīng)過(guò)去，目前面臨著微信公眾號(hào)運(yùn)營(yíng)難度越來(lái)越大察署、獲取用戶(hù)的成本越來(lái)越高闷游、用戶(hù)粘性和閱讀量越來(lái)越低等等運(yùn)營(yíng)障礙，但這并不影響用戶(hù)對(duì)于公眾號(hào)的剛性需求贴汪。在微信功能的使用調(diào)查中脐往，公眾號(hào)的使用率排名第三，僅次于朋友圈和收發(fā)消息兩大功能的使用扳埂。在清博大數(shù)據(jù)—新媒體指數(shù)平臺(tái)上可以看到业簿，日常監(jiān)測(cè)的37萬(wàn)左右的公眾號(hào)，日總閱讀量達(dá)7億左右阳懂。
微信小程序
小程序是一種不需要下載安裝即可使用的應(yīng)用梅尤，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用岩调。也體現(xiàn)了“用完即走”的理念巷燥，用戶(hù)不用關(guān)心是否安裝太多應(yīng)用的問(wèn)題。應(yīng)用將無(wú)處不在号枕，隨時(shí)可用缰揪，但又無(wú)需安裝卸載。對(duì)于開(kāi)發(fā)者而言葱淳，小程序開(kāi)發(fā)門(mén)檻相對(duì)較低由前端開(kāi)發(fā)進(jìn)行開(kāi)發(fā),通過(guò)閱讀微信小程序開(kāi)發(fā)文檔即可快速的開(kāi)發(fā)小程序钝腺，難度不及APP，能夠滿(mǎn)足簡(jiǎn)單的基礎(chǔ)應(yīng)用蛙紫，小程序開(kāi)發(fā)適合生活服務(wù)類(lèi)線(xiàn)下商鋪以及非剛需低頻應(yīng)用的轉(zhuǎn)換拍屑。小程序能夠?qū)崿F(xiàn)消息通知、線(xiàn)下掃碼坑傅、公眾號(hào)關(guān)聯(lián)等七大功能僵驰。其中，通過(guò)公眾號(hào)關(guān)聯(lián)唁毒，用戶(hù)可以實(shí)現(xiàn)公眾號(hào)與小程序之間相互跳轉(zhuǎn) 微信推出小程序蒜茴，并非想要做應(yīng)用分發(fā)市場(chǎng)，而是給一些優(yōu)質(zhì)特色服務(wù)提供一個(gè)開(kāi)放的平臺(tái)(例如互聯(lián)網(wǎng)餐館2.0點(diǎn)餐服務(wù),肯德基的預(yù)訂服務(wù))浆西。截止到目前為止已經(jīng)有人做了微信的應(yīng)用商店[https://minapp.com/miniapp/]--知曉程序和[http://www.duba.com/wxapp/?f=mobile]微信小程序大全;上面有很多小程序,同樣還有小程序的排行;里面有很多小程序;
微信公眾號(hào)和微信小程序的區(qū)別:
1:定位不同（公眾號(hào)服務(wù)于營(yíng)銷(xiāo)與信息傳遞粉私，小程序面向產(chǎn)品與服務(wù)）
公眾號(hào)主要用于信息的傳遞實(shí)現(xiàn)人與信息的連接,及通過(guò)分享和消息推送，借助H5 能夠?qū)崿F(xiàn)簡(jiǎn)單的交互近零，主要以營(yíng)銷(xiāo)和信息傳遞為主簡(jiǎn)單的服務(wù)為輔诺核，而小程序從功能上與公眾號(hào)有嚴(yán)格區(qū)分（不支持關(guān)注抄肖、消息推送等營(yíng)銷(xiāo)手段），一方面使得產(chǎn)品與服務(wù)不至于淹沒(méi)在公眾號(hào)營(yíng)銷(xiāo)信息中窖杀，另一方支持公眾號(hào)漓摩、朋友圈、群與小程序之間的互動(dòng)與導(dǎo)流入客，使得開(kāi)發(fā)者專(zhuān)心做產(chǎn)品與服務(wù)管毙，從而為微信帶來(lái)大量長(zhǎng)尾服務(wù)疊加微信自身重度服務(wù)打造從社交到信息連接再到服務(wù)的生態(tài)圈
2:實(shí)現(xiàn)技術(shù)區(qū)別（公眾號(hào)基于H5，小程序基于微信自身開(kāi)發(fā)環(huán)境與開(kāi)發(fā)語(yǔ)言）
小程序是微信內(nèi)的云端應(yīng)用（所以無(wú)需安裝）桌硫，不是原生App夭咬，通過(guò)WebSocket 雙向通信（保證無(wú)需刷新即時(shí)通信）、本地緩存（圖片與UI 本地緩存降低與服務(wù)器交互延時(shí)）以及微信底層技術(shù)優(yōu)化實(shí)現(xiàn)了接近原生APP 的體驗(yàn)铆隘。公眾號(hào)是基于傳統(tǒng)H5 開(kāi)發(fā)與運(yùn)行卓舵，傳統(tǒng)H5 運(yùn)行環(huán)境是瀏覽器，微信小程序運(yùn)行環(huán)境并非完整的瀏覽器咖驮，開(kāi)發(fā)過(guò)程中用到H5 相關(guān)的技術(shù)边器，微信小程序的運(yùn)行環(huán)境是微信基于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器，針對(duì)小程序?qū)ｉT(mén)做了優(yōu)化托修，配合自己定義的開(kāi)發(fā)語(yǔ)言標(biāo)準(zhǔn)（基于H5 進(jìn)行了優(yōu)化）忘巧，提升了小程序的性能。系統(tǒng)權(quán)限方面睦刃，微信小程序能夠通過(guò)微信APP 獲得更多的系統(tǒng)權(quán)限砚嘴，比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等涩拙，在此微信APP 相當(dāng)于架在原有系統(tǒng)中的新的操作系統(tǒng)际长，小程序借助微信與系統(tǒng)間接交互，使得能夠擁有原生APP 的體驗(yàn)兴泥。而這一點(diǎn)恰巧是HTML5 web 應(yīng)用的不足工育，導(dǎo)致其主要用于業(yè)務(wù)邏輯與交互簡(jiǎn)單的應(yīng)用中。
3:功能不同（公眾號(hào)功能?chē)@信息展示與營(yíng)銷(xiāo)搓彻，小程序面向產(chǎn)品與服務(wù)）
微信與公眾號(hào)在開(kāi)發(fā)語(yǔ)言如绸、設(shè)計(jì)規(guī)范、營(yíng)銷(xiāo)方式旭贬、審核機(jī)制等功能方面均有較大不同怔接。公眾號(hào)是一種賬號(hào)類(lèi)型，為用戶(hù)提供信息與咨詢(xún)發(fā)布平臺(tái)稀轨，提供了一種新的信息傳播方式扼脐，構(gòu)建與讀者之間更好的溝通與管理模式，結(jié)合H5以后公眾號(hào)也能夠提供一些簡(jiǎn)單交互功能奋刽。小程序主要旨在提供服務(wù)瓦侮，相比公眾號(hào)運(yùn)行更流暢艰赞，能夠提供更加復(fù)雜的產(chǎn)品與服務(wù)。公眾號(hào)功能主要圍繞信息傳遞與營(yíng)銷(xiāo)展開(kāi)脏榆，小程序?qū)I(yíng)銷(xiāo)功能進(jìn)行了嚴(yán)格控制以與公眾號(hào)區(qū)別猖毫，使得小程序的服務(wù)在使用體驗(yàn)與便捷性能夠得到提升，不至于淹沒(méi)在公眾號(hào)過(guò)度營(yíng)銷(xiāo)信息中须喂。重心是服務(wù),個(gè)人認(rèn)為;
4:體驗(yàn)上的差別（公眾號(hào)操作延時(shí)較大，小程序體驗(yàn)接近原生App）
公眾號(hào)中點(diǎn)擊應(yīng)用功能后頂部出現(xiàn)綠色進(jìn)度需要等一段時(shí)間趁蕊，對(duì)于業(yè)務(wù)邏輯復(fù)雜交互要求高的應(yīng)用使用起來(lái)體驗(yàn)較差坞生。而小程序?qū)?huì)非常流暢幾乎無(wú)需等待，類(lèi)似普通APP 操作一樣流暢掷伙。主要原因是公眾號(hào)沒(méi)有本地緩存是己，所以每次打開(kāi)都是會(huì)請(qǐng)求服務(wù)器刷新頁(yè)面，造成延時(shí)較長(zhǎng)體驗(yàn)下降任柜，小程序?qū)I 與圖片本地緩存卒废，只需要對(duì)服務(wù)器請(qǐng)求交互數(shù)據(jù)，頁(yè)面切換無(wú)需刷新宙地，所以體驗(yàn)?zāi)軌蚪咏鶤PP 的流暢程度摔认。
5:總結(jié)
1:小程序，核心在用完即走宅粥，服務(wù)是可替換参袱，具體線(xiàn)下場(chǎng)景，不應(yīng)該有用戶(hù)粘性 2:微信公眾號(hào)秽梅，稍微低頻抹蚀，可以建立品牌，等級(jí)企垦，優(yōu)惠等 3:APP环壤，體量較大，玩的活動(dòng)钞诡，花樣多郑现，流量強(qiáng);
個(gè)人感想:
真正能體現(xiàn)小程序的特色和優(yōu)勢(shì)、適合微信場(chǎng)景下使用的應(yīng)用臭增，而不是為了小程序而小程序懂酱，簡(jiǎn)單地把App功能復(fù)制到小程序上。另外誊抛，頻次太高列牺、功能比較復(fù)雜的需求，其實(shí)都不適合小程序拗窃。我不明白騰訊視頻瞎领、京東購(gòu)物為什么要做小程序泌辫？騰訊視頻的用戶(hù)應(yīng)該都會(huì)下App或上網(wǎng)站吧，會(huì)有人在微信上看騰訊視頻嗎九默？京東都有跟小程序平級(jí)的入口了震放，為啥還要小程序;這是疑問(wèn),同樣這也可能是微信小程序發(fā)展的一個(gè)瓶頸;
3 什么樣的應(yīng)用適合做成微信小程序?
“一些放在桌面累贅，又不能沒(méi)有的APP終于有歸宿了”驼修，這是對(duì)于微信小程序給用戶(hù)帶來(lái)的價(jià)值的主要論調(diào)殿遂。這些APP大都是我們低頻使用的APP，例如：查好友乙各、12306墨礁、計(jì)算器等工具。不可否認(rèn)耳峦，微信確實(shí)有這樣的先天條件來(lái)做這件事情恩静，我們也確實(shí)可能會(huì)將一些這樣的APP放在微信的小程序列表里。
企業(yè)開(kāi)發(fā)小程序;現(xiàn)在基本上每一個(gè)公司都有自己的小程序,好多小程序基本上都是一些名片,還有一些基本上的功能,有的公司還是想著和之前微信公眾號(hào)一樣,存在一些紅利所以開(kāi)始做自己的小程序,害怕自己錯(cuò)過(guò)這個(gè)機(jī)會(huì),但是用些功能強(qiáng)大的應(yīng)用,或者復(fù)雜的應(yīng)用使用小程序開(kāi)發(fā)的,體驗(yàn)起來(lái)真的好嗎?
首先說(shuō)一下微信小程序真正的價(jià)值體驗(yàn)
微信小程序作為輕型應(yīng)用很有可能會(huì)是未來(lái)移動(dòng)互聯(lián)網(wǎng)應(yīng)用的主要形式蹲坷，它的特點(diǎn)是小而快驶乾，但我們認(rèn)為它不會(huì)替代所有的App，因?yàn)槲⑿判〕绦蚰康闹饕€是解決小應(yīng)用的問(wèn)題循签，重點(diǎn)在于靈活级乐、快捷、用完即走懦底。據(jù)統(tǒng)計(jì)唇牧，首批上線(xiàn)的小程序就有三百多家，掀起了一陣熱潮聚唐，但從趨勢(shì)上看丐重，小程序目前的活躍度一直在下降，我們認(rèn)為可能的原因有兩個(gè)：一是入口不容易找到杆查，浪費(fèi)用戶(hù)時(shí)間扮惦；二是一部分用戶(hù)在嘗鮮之后就回歸到了原生App，因?yàn)樵鶤pp的體驗(yàn)可能更加豐富亲桦。由此也可以看出崖蜜，App們?cè)谝欢螘r(shí)間內(nèi)還是相對(duì)安全的。同時(shí)小程序可能會(huì)給微信帶來(lái)一些AppStore的功能客峭，稍微分流一些應(yīng)用獲取方式豫领，但也很難替代App store，原因還是那一點(diǎn)舔琅，微信小程序主要還是解決小應(yīng)用問(wèn)題等恐。從發(fā)展上來(lái)看，雖然目前它的熱度有所下降，但微信小程序未來(lái)的應(yīng)用空間還是很大的课蔬，它的價(jià)值也還需要時(shí)間的檢驗(yàn)囱稽。
下面就來(lái)談?wù)勑〕绦虻摹靶r(jià)值”：
一、用戶(hù)角度對(duì)于用戶(hù)來(lái)說(shuō)二跋，小程序觸及到了PC網(wǎng)頁(yè)战惊、公眾號(hào)、H5扎即、APP無(wú)法觸及到的地方吞获，概括來(lái)說(shuō)它誕生就是幫助用戶(hù)解決一些特殊需求的，比如在用戶(hù)沒(méi)有時(shí)間谚鄙、想控制手機(jī)內(nèi)存空間衫哥、不想下APP等等“尷尬”的時(shí)候，小程序就可以發(fā)揮它的價(jià)值了襟锐，概括起來(lái)有三點(diǎn)：1、 使用剛需低頻服務(wù)時(shí)膛锭。小程序降低了低頻服務(wù)類(lèi)APP的使用門(mén)檻粮坞，需要使用時(shí)打開(kāi)小程序，用完了就可以關(guān)掉初狰，不會(huì)一直占手機(jī)內(nèi)存莫杈，不想用了還可以刪掉。這用完即走的特點(diǎn)正好滿(mǎn)足用戶(hù)使用低頻服務(wù)類(lèi)APP時(shí)的需求奢入，比如要買(mǎi)車(chē)票時(shí)打開(kāi)小程序筝闹，買(mǎi)完票就關(guān)閉它，等要用時(shí)再打開(kāi)腥光，避免APP一直在手機(jī)里占內(nèi)存卻又很少用关顷。2、 使用線(xiàn)下的服務(wù)時(shí)武福。小程序在線(xiàn)下的價(jià)值是最值得關(guān)注的议双，因?yàn)橛脩?hù)在線(xiàn)下消費(fèi)的需求正是“快捷”、“靈活”捉片、“用完即走”平痰。比如在餐館點(diǎn)菜，只需掃描二維碼伍纫，就可以接入小程序宗雇，立馬就能完成點(diǎn)菜，不必下載APP莹规，也不必關(guān)注公眾號(hào)赔蒲，也不用排隊(duì)等餐館的服務(wù)員，同時(shí)加載速度比H5快，付款方式比H5方便嘹履，對(duì)用戶(hù)來(lái)說(shuō)腻扇，可以說(shuō)是最方便的方式。3砾嫉、 滿(mǎn)足特殊場(chǎng)景下的個(gè)性化需求時(shí)幼苛。個(gè)性化的需求可能只會(huì)持續(xù)一小段時(shí)間，而為了這一小段時(shí)間要去下載APP常常讓用戶(hù)覺(jué)得心累焕刮，比如大家肯定都有這樣的遭遇舶沿，今天想看這部電影，下了一個(gè)播放器配并，明天想看那個(gè)電影括荡，又下了另一個(gè)播放器，這時(shí)候如果使用小程序看電影溉旋，就可以完美切換了畸冲，不必在手機(jī)里下一堆視頻播放器。
二观腊、APP角度結(jié)合小程序?qū)τ脩?hù)的價(jià)值來(lái)看邑闲，小程序?qū)τ贏PP來(lái)說(shuō)有好也有壞，我們分類(lèi)來(lái)說(shuō)梧油。1苫耸、 對(duì)于低頻率使用還沒(méi)發(fā)展起來(lái)的APP來(lái)說(shuō)，小程序是一個(gè)好事情儡陨，因微信提供較便宜及容易使用的資源,與數(shù)以百萬(wàn)計(jì)的移動(dòng)用戶(hù)接觸褪子。因?yàn)閷?duì)這些企業(yè)來(lái)說(shuō)，要么反正無(wú)法擁有自己的APP骗村，要么有APP但是沒(méi)什么波瀾嫌褪，APP本身可使用的頻率也比較低，而他們?nèi)绻昧诵〕绦蛐鹕恚蜁?huì)增加用戶(hù)時(shí)間渔扎，增加營(yíng)銷(xiāo)機(jī)會(huì)，先利用小程序進(jìn)行營(yíng)銷(xiāo)信轿，吸引一部分用戶(hù)晃痴，再引流到APP當(dāng)中，所以對(duì)它們來(lái)說(shuō)小程序不但不是打擊反而是有價(jià)值的平臺(tái)财忽。2倘核、 對(duì)于高頻率使用的APP 來(lái)說(shuō)，它們雖然沒(méi)有被卸載之憂(yōu)即彪，但需要在損失一定可營(yíng)銷(xiāo)紧唱、高體驗(yàn)的用戶(hù)時(shí)間活尊，與多一個(gè)渠道帶來(lái)的利益之間權(quán)衡，因?yàn)檎l(shuí)也不知道小程序會(huì)成為他們的渠道漏益，還是說(shuō)他們?yōu)樾〕绦蜃黾抟隆?蛹锰、 而對(duì)于中間的夾層，也就是使用頻次一般绰疤，簡(jiǎn)單的铜犬、工具類(lèi)APP 來(lái)說(shuō)，小程序也許一個(gè)巨大打擊轻庆，上文提到癣猾，小程序最適用的場(chǎng)景就是“低頻”“服務(wù)”“剛需”，那么小程序很可能會(huì)搶掉此類(lèi)APP的用戶(hù)余爆。``三纷宇、線(xiàn)下商家角度而對(duì)于商家來(lái)說(shuō)，微信小程序很大一部分的價(jià)值來(lái)源于微信蛾方，微信將龐大的用戶(hù)精準(zhǔn)導(dǎo)流給商家像捶，還能輕松為商家提供用戶(hù)的喜好等信息。而且據(jù)小程序團(tuán)隊(duì)介紹桩砰，在一段時(shí)間內(nèi)小程序會(huì)有一些新調(diào)整作岖，打通更多場(chǎng)景，降低接入的開(kāi)發(fā)成本和門(mén)檻,比如用戶(hù)可以在微信“發(fā)現(xiàn)-小程序”里的“附近的店”找到附近的小程序五芝，這樣一來(lái)用戶(hù)能更便捷地看到附近還有哪些小程序，那么對(duì)于商家來(lái)說(shuō)辕万，小程序所帶來(lái)客流導(dǎo)入就更大了枢步。那么有人認(rèn)為小程序大部分的價(jià)值隱藏在“線(xiàn)下”，也是不無(wú)道理的渐尿。結(jié)合以上幾點(diǎn)醉途，筆者認(rèn)為會(huì)比較有價(jià)值的小程序有以下幾種類(lèi)型： 1、O2O服務(wù)小程序以餐館為例砖茸，對(duì)他們來(lái)說(shuō)做一個(gè)app相對(duì)不現(xiàn)實(shí)隘擎，而現(xiàn)在消費(fèi)者只需掃描二維碼，就可以接入小程序凉夯，立馬就能看見(jiàn)菜單货葬，從而完成點(diǎn)菜，購(gòu)物等交易劲够。不僅如此震桶，消費(fèi)過(guò)后還會(huì)留存用戶(hù)信息，相當(dāng)于微信直接給商家對(duì)接了會(huì)員體系征绎，然后通過(guò)微信輕松地了解用戶(hù)的消費(fèi)習(xí)慣蹲姐、偏好，針對(duì)性地做推薦、誘導(dǎo)購(gòu)買(mǎi)柴墩、會(huì)員優(yōu)惠等忙厌。 2、公眾號(hào)+小程序?qū)ψ悦襟w來(lái)說(shuō)江咳，小程序的玩法遠(yuǎn)超我們想象逢净。首先公眾號(hào)的變現(xiàn)方式有了更多的可能，除了貼片廣告扎阶，用小程序開(kāi)展教育培訓(xùn)也是一種可能汹胃；用程序代替H5進(jìn)行營(yíng)銷(xiāo)推廣也是比較可行的一種模式。最值得期待的是东臀，公眾號(hào)+小程序做電商着饥，本來(lái)很多公眾號(hào)做電商變現(xiàn)，有了小程序之后對(duì)公眾號(hào)來(lái)說(shuō)更加方便了惰赋。而企業(yè)號(hào)則可以把小程序作為一個(gè)入口宰掉，再把流量引回公眾號(hào)。 3赁濒、 工具類(lèi)小程序工具類(lèi)的小程序最適用的場(chǎng)景應(yīng)該是“剛需”“低頻”轨奄，當(dāng)用戶(hù)沒(méi)有安裝App，也不想安裝APP拒炎，但又想體驗(yàn)在線(xiàn)預(yù)訂挪拟，不想排隊(duì)，不想支付現(xiàn)金的時(shí)候击你，工具類(lèi)的小程序就能發(fā)揮它的最大價(jià)值了玉组，比如到了汽車(chē)站、到了酒店前臺(tái)的用戶(hù)沒(méi)有安裝APP的用戶(hù)也能通過(guò)小程序達(dá)到目的丁侄。4惯雳、生活服務(wù)類(lèi)小程序生活服務(wù)類(lèi)小程序雖然和工具類(lèi)很相似，但生活服務(wù)類(lèi)的小程序應(yīng)用場(chǎng)景要豐富一些鸿摇，使用頻率也會(huì)比工具類(lèi)的高石景，最主要的特點(diǎn)是“及時(shí)”，當(dāng)用戶(hù)想知道今天的天氣拙吉，想知道此刻的路況潮孽，想知道下一班公交幾點(diǎn)來(lái)，就會(huì)有點(diǎn)開(kāi)小程序的欲望筷黔。
4 微信小程序能為企業(yè)帶來(lái)其他方面的業(yè)務(wù)拓展嗎?
有下面幾個(gè)真實(shí)的例子 1:摩拜巧妙的利用小程兼容二維碼的能力（用微信掃一掃直接可掃摩拜單車(chē)上的二維碼）恩商，并結(jié)合自身使用場(chǎng)景實(shí)現(xiàn)了“拉新”。免下載必逆、即用即走怠堪，流程的簡(jiǎn)單化讓摩拜在2個(gè)月內(nèi)為摩拜帶來(lái)了50%的拉新揽乱。 從2017年初開(kāi)始，摩拜新用戶(hù)轉(zhuǎn)化率以2倍的速度增長(zhǎng)粟矿，日注冊(cè)量增長(zhǎng)30倍凰棉，單單是小程序的獨(dú)立使用次數(shù)就達(dá)50，000陌粹，000次撒犀，現(xiàn)已經(jīng)在全球100多個(gè)城市中投放 2:肯德基高級(jí)市場(chǎng)營(yíng)銷(xiāo)總監(jiān)陳琦把肯德基小程序定位“點(diǎn)餐免排隊(duì)”神器。就這樣掏秩，一款名為“肯德基+”的小程序應(yīng)運(yùn)而生或舞。 3:“愛(ài)鮮蜂”閃送超市的小程序。
5 微信小程序推廣的便利:
通過(guò)新的技術(shù)和公司現(xiàn)有的業(yè)務(wù)進(jìn)行結(jié)合,進(jìn)行新的營(yíng)銷(xiāo)推廣,思路不能局限;
技術(shù)方面說(shuō)小程序
7 前端人員開(kāi)發(fā)微信小程序的優(yōu)勢(shì);
Q : 小程序真的是用H5開(kāi)發(fā)嗎?
A : 答案顯然是NO.小程序用的是一套全新的技術(shù)規(guī)范和技術(shù)架構(gòu),它是微信自有的,它借鑒了許多前端開(kāi)發(fā)的技術(shù)理念,例如他用react實(shí)現(xiàn)"組件",例如用vue實(shí)現(xiàn)標(biāo)簽式邏輯與數(shù)據(jù)綁定,甚至用CMD的require作為面向?qū)ο蟮膉s引入.它用javascript語(yǔ)言和標(biāo)簽語(yǔ)言和css語(yǔ)言來(lái)寫(xiě)程序,它90%跟web前端開(kāi)發(fā)一樣,任何一個(gè)有經(jīng)驗(yàn)的web前端只需要花費(fèi)十分鐘時(shí)間就能快速上手小程序開(kāi)發(fā),但他依然不是標(biāo)準(zhǔn)化的H5+css3+javascript.
`小程序采用完全獨(dú)有技術(shù)架構(gòu)而非h5,所以原有的服務(wù)號(hào)/企業(yè)號(hào)應(yīng)用是無(wú)法直接遷移到小程序的.小程序的開(kāi)發(fā)也不是采用h5+css3+javascript的模式.
不過(guò)從技術(shù)理念和開(kāi)發(fā)模式上看,有經(jīng)驗(yàn)的前端開(kāi)發(fā)人員可以快速切換到小程序開(kāi)發(fā).下面簡(jiǎn)單列一下一個(gè)前端開(kāi)發(fā)工程師開(kāi)發(fā)一個(gè)小程序的順序:
1:創(chuàng)建一個(gè)模塊(頁(yè)面).
我們前端開(kāi)發(fā)個(gè)人是以"頁(yè)面"為單位,同樣的,小程序也是以"頁(yè)"作為工作計(jì)量單位的.創(chuàng)建模塊在page.json添加過(guò)頁(yè)面以后即會(huì)創(chuàng)建出三個(gè)文件;如果在輸入"pages/login/login"后 就會(huì)在pages文件家里面生成對(duì)應(yīng)的文件;
如圖:
login.js,login.wxml,login.wxss.
切圖,還是得切圖;
2:UI給出的設(shè)計(jì)圖,以前怎么切還是得怎么切,切完把html拷到wxml文件中,把css拷貝到wxss文件中,image也按照示例工程的規(guī)范放到對(duì)應(yīng)位置.
就是把html的div,form,input,select等等的標(biāo)簽替換成view,text,image等等的自有組件.把css修改成以class為主體的wxss.
3:讓小程序跑起來(lái).
js文件寫(xiě)入簡(jiǎn)單的初始化邏輯,直接用微信開(kāi)發(fā)工具讓小程序跑起來(lái).OK,接下來(lái)就是根據(jù)設(shè)計(jì)圖的細(xì)節(jié),逐步調(diào)整小程序"頁(yè)面"的美術(shù)效果了.
4:綁入事件,加入交互控制的邏輯.
和web前端開(kāi)發(fā)一樣,小程序的交互控制也是事件驅(qū)動(dòng)的,也是綁定各種按鈕的onclick事件(小程序里面用bindtap),然后,在test.js里面處理各種交互邏輯.
5:綁入數(shù)據(jù).
數(shù)據(jù)哪來(lái)呢?也許是頁(yè)面初始化的時(shí)候通過(guò)request(ajax)從服務(wù)端請(qǐng)求而來(lái).目前官方的demo中只說(shuō)了數(shù)據(jù)請(qǐng)求采用內(nèi)置的request,但沒(méi)有具體的交互示例.不過(guò)不用猜也知道應(yīng)該是通過(guò)http+json的模式來(lái)走.相當(dāng)于小程序內(nèi)置封裝了ajax交互的接口.
請(qǐng)求回來(lái)的數(shù)據(jù),通過(guò)標(biāo)簽式的邏輯和模板數(shù)據(jù)的方式填入頁(yè)面,這個(gè)其實(shí)是借鑒了vue的理念,獲取數(shù)據(jù)后,小程序通過(guò)對(duì)組件setData的方式將數(shù)據(jù)裝入組件中.這是小程序開(kāi)發(fā)和web前端開(kāi)發(fā)最大的不同,小程序是基于組件的,web前端是基于dom的.
6:最后列舉一些小程序開(kāi)發(fā)借鑒h5但可以發(fā)揮出比h5更強(qiáng)功力的功能.
- 本地存儲(chǔ)localStorage.這是h5的特色功能,但即將會(huì)在小程序身上發(fā)光發(fā)熱.由于小程序的頁(yè)面都是本地化存儲(chǔ),這意味著在沒(méi)有網(wǎng)絡(luò)的環(huán)境下也可以使用.那么結(jié)合本地存儲(chǔ),小程序可以滿(mǎn)足暫時(shí)斷網(wǎng)或網(wǎng)絡(luò)情況較差的場(chǎng)景需求.這是做服務(wù)號(hào)開(kāi)發(fā)所無(wú)法實(shí)現(xiàn)的.
- 圖形化canvas.小程序運(yùn)行在微信上,微信不僅是一個(gè)web瀏覽器,它有能力向圖像化功能提供更好的效果和更優(yōu)的性能.
- 服務(wù)端主動(dòng)推送websocket.官方的demo中對(duì)于websocket功能的展望是說(shuō)可以實(shí)現(xiàn)實(shí)時(shí)IM對(duì)話(huà).
工程項(xiàng)目,編輯開(kāi)發(fā),運(yùn)行調(diào)試,打包部署...開(kāi)發(fā)模式一條龍,完整的IDE.
再看看使用的語(yǔ)言,技術(shù)規(guī)范...雖然借鑒了react,vue等前端理念,但事實(shí)上他是一套完全封閉的技術(shù)體系,這套體系只能用于開(kāi)發(fā)小程序.
`
8 開(kāi)發(fā)流程總結(jié):
1:在開(kāi)發(fā)時(shí)候可以使用微信本身提供的微信web開(kāi)發(fā)工具;同樣也可以使用自己熟悉的編輯器;在保存之后再微信提供的開(kāi)發(fā)工具里面可以預(yù)覽;
2:輸入appID;找一個(gè)文件夾放自己寫(xiě)的代碼;接下來(lái)就可以創(chuàng)建項(xiàng)目了;
3:開(kāi)始的時(shí)候,我們需要具體的了解一下,微信開(kāi)發(fā)的時(shí)候分為四種文件,
分別是以test.json
9 微信所提供的一下常用的功能和組件:
簡(jiǎn)單介紹一下常用的組件這樣可以讓產(chǎn)品部門(mén)和UI部門(mén)在做設(shè)計(jì)的時(shí)候,一些組件或者icon還有一些提示彈窗,都不用再單獨(dú)設(shè)計(jì)了,微信本身自己提供一些特有的組件進(jìn)行開(kāi)發(fā);同樣也可以讓開(kāi)發(fā)人員快速的進(jìn)行開(kāi)發(fā)
首先是icon;
包括正常在wrap頁(yè)面的橫向滑動(dòng)和縱向滑動(dòng);還有輪播圖;微信小程序都提供了這樣的組件了;
progress組件;
和一些表單組件默認(rèn)的樣式;
接口方面就是地圖 掃碼 錄音 視頻播放 上傳圖片和文件
特別注意:在進(jìn)行開(kāi)發(fā)的時(shí)候,因?yàn)樾〕绦蛳拗?層頁(yè)面的跳轉(zhuǎn);希望產(chǎn)品在設(shè)計(jì)的時(shí)候最后可以仔細(xì)的梳理一下流程邏輯
11 微信提供的api:(埋點(diǎn))
12 前后端的分離:
Nodejs:
能不能從java和node的區(qū)別上入手開(kāi)始寫(xiě);現(xiàn)在兩個(gè)都是一知半解的!!(今天中午問(wèn)大神了,兩個(gè)語(yǔ)言可以相輔相成的去學(xué)習(xí);這樣可以幫助自己快速的去認(rèn)識(shí)另外一門(mén)開(kāi)發(fā)語(yǔ)言)
1 Node和Java有可比性嗎?
2 Node的優(yōu)勢(shì)真正在哪里:
3 為什么說(shuō)在用Node的時(shí)候可以提高性能:
4 在項(xiàng)目中用到的Node語(yǔ)法:
5 從0到1的關(guān)鍵步驟:
6 express提供的API:
開(kāi)發(fā)總結(jié):
前端開(kāi)發(fā)總結(jié):
1 IE8的css選擇器;nth-of-child;這個(gè)不支持;
2 在做沙箱的時(shí)候發(fā)現(xiàn)IE8對(duì)webpack存在兼容問(wèn)題;我們部門(mén)他們處理的方式是進(jìn)行降級(jí)處理;將webpack版本改為1;
3 在pc端不讓使用flex布局;
4 在pc使用浮動(dòng)的時(shí)候一定要清除浮動(dòng);
5 在wap端盡可能不使用浮動(dòng);
6 在使用flex布局的時(shí)候,包含的子元素一定要是block元素;如果是span標(biāo)簽不轉(zhuǎn)block的話(huà),會(huì)存在兼容問(wèn)題;在低版本的的蘋(píng)果系統(tǒng)上面就會(huì)出現(xiàn)這個(gè)問(wèn)題;
7 在wap端基本上都不能使用ES6的語(yǔ)法,在谷歌的手機(jī)模擬器上是支持的但是在手機(jī)上面基本上打開(kāi)就是白屏;
8 在做頁(yè)面的時(shí)候要考慮性能的問(wèn)題;首先圖片的懶加載肯定要做的;另外就是圖片的處理;一些小的圖片(3KB)可以直接轉(zhuǎn)為base64;
9 還有就是在wap盡可能做一下圖片的轉(zhuǎn)換wepb的格式
10 在做滑動(dòng)固定的時(shí)候;當(dāng)這個(gè)模塊被固定定位的時(shí)候,一定要把這一塊撐起來(lái),不然,會(huì)讓頁(yè)面閃動(dòng);
11 在與開(kāi)發(fā)配合的時(shí)候;出現(xiàn)問(wèn)題;首先要定位問(wèn)題;接著進(jìn)行代碼排查;存在后臺(tái)開(kāi)發(fā)人員,缺少標(biāo)簽的情況
12 在wap端禁止使用雪碧圖;在后期會(huì)出現(xiàn)好多問(wèn)題;
13 點(diǎn)擊按鈕的放大;
14 在做動(dòng)畫(huà)的時(shí)候時(shí)候css3的過(guò)度屬性,實(shí)現(xiàn)的話(huà)比較簡(jiǎn)單;據(jù)說(shuō)比較消耗性能;
15 在是使用過(guò)度效果的時(shí)候,這樣不讓這個(gè)頁(yè)面過(guò)渡的特別突兀;
16 在pc端盡量不要設(shè)高 設(shè)高以后;