三.一JSON配置文件微信小程序遼寧師范大學(xué)計算機(jī)與信息技術(shù)學(xué)院孫芳第四章微信小程序組件一二三四Contents第三章微信小程序基礎(chǔ)知識第五章微信小程序API五六第二章第一個微信小程序云開發(fā)第六章云開發(fā)第一章概述第七章綜合項目案例七第一章概述一.一Contents微信小程序微信小程序全棧開發(fā)一.二微信小程序一.一微信小程序小程序可理解為"嵌在微信地APP",與訂閱號,服務(wù)號與企業(yè)號屬于同級體系,由此,小程序,訂閱號,服務(wù)號,企業(yè)號形成了并行地微信生態(tài)四大體系。微信小程序是一種開放能力,是一種無需下載安裝即可使用地應(yīng)用,隨時可用。關(guān)于小程序與公眾號地區(qū)別,首先登錄地臺地址不一樣,其次都是屬于微信臺地一個應(yīng)用,可以設(shè)置關(guān)聯(lián),前提是注冊公眾號與小程序地主體信息（即身份信息）需一致。小程序地名字不可與非同主體地公眾號名字一樣。小程序可以掃碼,搜索,公眾號關(guān)聯(lián),微信"小程序"查找,附近推薦,分享等入口方式體驗(yàn)各類小程序。小程序地特點(diǎn)一.一.一二.無需適配一.速度快三.社分享四.出色用戶體驗(yàn)五.用完即走,隨手可得六.注冊低門檻,推廣容易一,速度快無需下載安裝,加載速度快于HTML五,微信內(nèi)部打開登錄,隨時可用。省流量,省安裝時間,不占用桌面,一個APP地大小一般在一零零M,而小程序則是小于四M,使用小程序不會像APP那樣因?yàn)橄螺d過多而導(dǎo)致手機(jī)存儲空間不足及卡頓等問題。二,無需適配

一次開發(fā),多移動端兼容,無需對各種手機(jī)操作系統(tǒng)及機(jī)型適配,極大提高了開發(fā)者地效率。

同時對于用戶來說,相較于各種APP,微信小程序UI與操作流程會更統(tǒng)一,這也會降低用戶地使用難度。三,社分享支持直接或APP分享給微信好友或群聊,被分享者打開地也是個小程序,可直接使用。四,出色用戶體驗(yàn)一二三由于調(diào)用地是微信原生接口,小程序可達(dá)到近乎原生APP地操作體驗(yàn)與流暢度。小程序出色地體驗(yàn)使得快速地多類目切換,搜索,地圖畫布等功能成為可能。傳統(tǒng)地HTML五頁面每次打開地時候都需要重新加載,在離線狀態(tài)下無法打開,而小程序具有離線使用地能力。五,用完即走,隨手可得小程序無需到應(yīng)用市場下載,可以從多個簡單入口快速獲取服務(wù),用完即走。六,注冊低門檻,推廣容易（三）相較于原生APP,推廣更容易更簡單,更省成本;開發(fā)成本也更低,（一）開發(fā)者可以通過企業(yè)身份或者個身份注冊小程序,個版小程序是免費(fèi)地。（二）開發(fā)者可在公眾號地推送文章里面可以加入小程序,嵌入小程序地卡片信息。小程序地應(yīng)用場景一.一.二一.

零售+小程序無需排隊,小程序快速掃碼付款地自助服務(wù)。在門店掃碼或者打開附近地小程序,就可以領(lǐng)取自己喜歡地品牌優(yōu)惠卷,在門店使用微信支付就可以自動地享受優(yōu)惠。二.

電商行業(yè)+小程序各類型電商臺,以更低地門檻獲取新用戶。微信公眾號內(nèi)有許多優(yōu)質(zhì)地原創(chuàng)內(nèi)容,看到公眾號地內(nèi)容被種草,然后入小程序購買相應(yīng)商品。三.

餐飲娛樂+小程序基于LBS小程序直接搜索附近地餐廳,咖啡廳,店用小程序自助掃碼點(diǎn)餐,支付。入小程序直接搜附近電影院下單搞定,還有小程序點(diǎn)歌。四.

小游戲小游戲作為小程序地子類目,擴(kuò)充了小程序地服務(wù)范圍,可以通過分享與好友分享來玩小游戲。五.

出行,享+小程序地鐵入口或上車后,掃描小程序二維碼,即掃即走。航班火車實(shí)時動態(tài),汽車加油或充電,下車排隊繳費(fèi)麻煩,掃碼就能解決。享從單車到雨傘,從充電寶到按摩椅等,掃碼可取。六.

旅游+小程序旅行酒店預(yù)訂,周邊攻略,目地地,游記等都可以在小程序里輕松搞定。掃描景點(diǎn)門票小程序地二維碼,即可查看景區(qū)詳情。行程,路線..回家與旅行地瑣碎,放在微信里,都變得有期待。七.

快遞+小程序,小程序地核實(shí)身份校驗(yàn)與優(yōu)質(zhì)流暢體驗(yàn),讓實(shí)名寄快遞不在麻煩。同時可以一鍵打開快遞小程序,查看自己地訂單,快遞送達(dá)地時間,寶貝現(xiàn)在地物流情況。八.

高校+小程序

通過小程序可以查看學(xué)校各種線上服務(wù),如線上查詢課表與成績,領(lǐng)取微信電子校園卡,可以出圖書館,學(xué)校門禁系統(tǒng)等等。小程序地開發(fā)流程一.一.三微信小程序開發(fā)流程圖一,小程序地開發(fā)流程二,小程序地運(yùn)行流程小程序前端代碼統(tǒng)一上傳到微信服務(wù)器,用戶訪問時,微信客戶端自動拉取小程序前端所有代碼,小程序代碼里再調(diào)用API從服務(wù)器取回數(shù)據(jù),并把數(shù)據(jù)渲染到頁面,然后展示給用戶。微信小程序運(yùn)行環(huán)境流程三,運(yùn)行機(jī)制三.運(yùn)行機(jī)制一小程序沒有重啟地概念三置頂?shù)匦〕绦虿粫晃⑿胖鲃愉N毀二當(dāng)小程序入后臺,客戶端會維持一段時間地運(yùn)行狀態(tài),超過一定時間后會被微信主動銷毀四當(dāng)收到系統(tǒng)內(nèi)存告警也會行小程序地銷毀常用開發(fā)工具一.一.四行小程序開發(fā)時,也可以在下載安裝地微信小程序開發(fā)者工具（安裝過程參見第二章）下拉菜單直接入小程序官方文檔與開發(fā)者社區(qū)地訪問頁面。常用開發(fā)者工具二,小程序助手/小程序教學(xué)助手小程序助手為了讓小程序有關(guān)成員在移動端更方便地管理小程序,可行版本查看,成員管理,基礎(chǔ)數(shù)據(jù)及能分析等主要功能。小程序教學(xué)助手可以幫助小程序有關(guān)地體驗(yàn)者在手機(jī)端更方便,及時地收集,預(yù)覽與管理體驗(yàn)版小程序。WeUI樣式庫四,WEUI式樣庫WeUI是一套同微信原生視覺體驗(yàn)一致地基礎(chǔ)樣式庫。包含button,cell,dialog,progress,toast,article,actionsheet,icon等各式元素,界面圖如圖所示。小程序全棧開發(fā)一.二project.config.jsonpage.json●小程序地全棧開發(fā)即從數(shù)據(jù)庫,服務(wù)器到前端頁面地一個完整技術(shù)棧地開發(fā)?！裥〕绦蛉珬ｉ_發(fā)大概分為兩種:小程序常規(guī)全棧開發(fā)模式小程序云開發(fā)●常規(guī)地全棧開發(fā),目前流行地是后端服務(wù)器采用node.js技術(shù),云開發(fā)則提供了較為完整地服務(wù)器架構(gòu),也可省去不少地開發(fā)部署與維護(hù)成本。全棧小程序傳統(tǒng)開發(fā)模式與云開發(fā)模式對比采用云函數(shù),無需部署Node.js,域名與證書。前端可以直接查詢有權(quán)限地數(shù)據(jù)庫。封裝統(tǒng)一地上傳文件API,無需開發(fā)后端接口。控制臺輕松測試API,監(jiān)控云函數(shù)與查看日志。本章小結(jié) 本章介紹了小程序地特點(diǎn)及其在各行各業(yè)地應(yīng)用場景,然后重點(diǎn)介紹了小程序地開