微信小程序入門課件

1、微信小程序什么是小程序？1分享目標(biāo)2小程序開發(fā)3小程序發(fā)布4總結(jié)5Contents目錄1什么是小程序?What?如果在大街上，你有小家好吃的小吃店在做活動，但需要你下載他的APP來購買，你愿意嗎？Yes or NoWhy？下載要流量安裝占空間怕廣告推送算了還是不裝了！微信小程序可以避免這樣情況什么是微信小程序？優(yōu)勢劣勢要用的時候打開，不用的時候關(guān)掉，即用即走。不需要下載，不占用手機(jī)內(nèi)存空間。打開速度比普通的H5要快，接近原生APP。可以調(diào)用比H5更多的手機(jī)系統(tǒng)功能來進(jìn)行開發(fā)，例如GPS定位、錄音、拍視頻、重力感應(yīng)等，能開發(fā)更豐富的使用場景。在安卓手機(jī)上可以添加到手機(jī)桌面，看上去跟原生APP差不

2、多，但僅限安卓手機(jī)，iphone就不行了。運行速度跟APP差不多，也能做出很多H5不做到的功能，開發(fā)成本跟H5差不多，相對來說開發(fā)成本比APP要低。微信小程序只有2M的大小，這樣導(dǎo)致無法開發(fā)大型一些的小程序。不能跳轉(zhuǎn)外鏈網(wǎng)址，間接影響了小程序的開放性。需要像APP一樣審核上架，這點比HTML5即做即發(fā)布要麻煩些。應(yīng)用場景應(yīng)用場景：基本涵蓋所有低頻、剛需的長尾生活服務(wù)需求場景初創(chuàng)企業(yè)進(jìn)行產(chǎn)品模式的探索作為增量渠道，為原生App進(jìn)行導(dǎo)流小部分高頻、非剛需場景2分享目標(biāo)Target分享目標(biāo)認(rèn)識會找會用3小程序開發(fā)DeveloperDEMO本DEMO架構(gòu)前端：coolsite360 + 微信小程序數(shù)據(jù)

3、庫：leancloud文件服務(wù)器：騰訊云、leancloud后臺：Java + Spring + websocket微信小程序騰訊云、leancloudJava后端設(shè)計規(guī)范url: /debug/wxadoc/design/index.html?t=201769 友好禮貌清晰明確便捷優(yōu)雅統(tǒng)一穩(wěn)定視覺規(guī)范WeUI項目結(jié)構(gòu)主體：app.js(初始化邏輯)app.json(公共配置)app.wxss(公共樣式)頁面：js(頁面邏輯)json(頁面配置)wxss(頁面樣式)wxml(頁面結(jié)構(gòu))組件url: /debug/wxadoc/dev/component/contact-button.html

4、視圖容器基礎(chǔ)內(nèi)容表單組件導(dǎo)航媒體組件地圖畫布客服會話APIurl: /debug/wxadoc/dev/api/analysis.html 網(wǎng)絡(luò)媒體文件數(shù)據(jù)緩存位置設(shè)備界面數(shù)據(jù)分析工具微信Web開發(fā)者工具官網(wǎng)DEMO：小程序示例（組件和API的使用）頁面模板： （個人推薦，不免費，僅供參考?。?shù)據(jù)庫：leancloud(有一定免費數(shù)量)數(shù)據(jù)分析url: /debug/wxadoc/analysis/index.html?t=2017615 常規(guī)分析自定義分析數(shù)據(jù)助手4小程序發(fā)布Publish注冊注冊小程序賬號，并創(chuàng)建小程序，得到APPID和密鑰創(chuàng)建項目上傳前確保服務(wù)器域名配置（必須https）完成開發(fā)后上傳項目提交審核獲取小程序通過小程序搜索通過