微信小程序開發(fā)概述-微信小程序-微信小程序全棧開發(fā)

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

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

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

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

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

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

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

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

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

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

高校+小程序

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