微信小程序開發筆記
一、小程序簡介
小程序起源於微信的webview;此類API最初是提供給騰訊內部一些業務使用,很多外部開發者發現後,照葫蘆畫瓢,逐漸成爲微信中網頁的事實標準。2015年初,微信發佈了一整套網頁開發工具包,稱爲JS-SDK,開發了拍攝、錄音、語音識別、二維碼、地圖等幾十個API。給所有web開發者打開了一扇全新的窗戶。
網頁開發者需要面對的環境是各式各樣的瀏覽器,PC端需要面對IE、Chrome、QQ瀏覽器等,移動端需要面對safari、chrome以及iOS、Android系統中各式webview。而小程序開發過程中需要面對的是兩大操作系統的微信客戶端以及輔助開發的小程序開發者工具。小程序中三大運行環境有所區別。如下
運行環境 | 邏輯層 | 渲染層 |
---|---|---|
iOS | Java script core | wkwebview |
android | V8 | chromium定製內核 |
小程序開發者工具 | NWJS | Chrome webview |
網頁開發者在開發網頁的時候,只需要使用到瀏覽器,並搭配上一下輔助工具或者編輯器即可。小程序開發需要申請小程序賬號、安裝小程序開發者工具、配置項目等等。
二、準備
1申請賬號:
進入小程序註冊頁根據指引填寫信息和提交相應的資料,就可以擁有自己的小程序賬號;然後登陸小程序後臺,在設置-開發選項就可以看到小程序的AppID。
2安裝開發工具
前往開發者工具下載頁面,根據操作系統選擇安裝包。
3新建小程序
新建項目選擇小程序項目,選擇代碼存放的硬盤路徑,填寫AppID,然後勾選創建QuickStart項目,點擊確定。
4編譯預覽
三、小程序代碼構成
在QuickStart項目中,有json配置文件、wxml模板文件、wxss樣式文件、js腳本邏輯文件。
Json配置:json是一種數據格式,用來靜態配置。其中app.json是當前小程序的全局配置,包括所有頁面路徑、底部tab等;工具配置project.comfig,json爲重新安裝工具是,自動恢復個性化配置,包括編輯器的顏色等等;頁面配置page.json用來表示pages/logs目錄下的logs.json這類和小程序頁面相關的配置。
- WXML模板:充當HTML的角色。
- WXSS樣式:具有css大部分特性。
- JS邏輯交互:處理用戶操作
四、小程序宿主環境(微信)
小程序的運行環境分爲渲染層和邏輯層。其中WXML、WXSS在渲染層,JS在邏輯層。渲染層的界面使用WebView進行渲染,邏輯層採用JsCore線程運行JS腳本。由於小程序存在多個界面
微信小程序學習筆記一——概念
一、微信小程序優點
摘要一:
- 1方便快捷,用完即走。不需要下載APP;
- 2速度快,不佔內存。小程序的前端代碼存在微信服務器上,不需要加載,直接就打開。
- 3安全穩定,保密性強。小程序需要審覈才能發佈。其次小程序通信常採用https訪問,ssl加密通信。
- 4功能豐富,場景豐富。比H5更多的手機系統功能,例GPS定位、錄音、重力感應。
- 5開發成本低,維護簡便。同樣的功能,做一個APP需幾十萬,而小程序,一般幾千即可。
- 6附近定位,入口衆多。開發的入口較多,除了掃碼,發朋友,搜索,附近等常用入口外,還能與公衆號關聯,文章嵌入,菜單鏈接。
摘要二:
- 1背靠巨大流量池,強社交屬性,易傳播。裂變,例養鯤;
- 2不要安裝,即開即用。本質上是一種工具,取代了不少輕量級的APP,節省了用戶的內存與運行空間;對於中小企業,降低了開發成本和難度。
- 3場景的連接,線上線下的連接。對線下實體店,方便了下單;對線上,也可用快遞收到商品。
- 4更有效的營銷。社交,社交裂變。
摘要三:
小程序的四大特點:
唯一性(小程序名稱與域名一樣,先註冊先擁有)
新零售(線下門店)
入口豐富(近50個)
傳播能力強(附近小程序,覆蓋附近5公里所有微信用戶,引流,傳播)
小程序的12大優勢:自帶推廣、用完即走、搜索、成本低、使用流暢、更多曝光機會、使用即是用戶、在微信打開率高、高效的流量召回、公衆號與小程序完美結合、積累用戶。
小程序的五大價值:打造輕便又即時可用的用戶體驗
從場景化提供、小程序內容豐富方面着手
滿足用戶更多的O2O服務模式體驗,助力新零售
節省企業開發、推廣成本
扶持更多小而美的現象級產品及品牌。
二、歷史、現狀、未來
歷史:自2017年1月9日發佈,不溫不火;在2017年年底發佈小程序“跳一跳”,開始流行。
現狀:截至2018年5月,有58萬小程序上線,小程序活躍用戶達1.7億。
未來:只要騰訊不出事。未來線下零售,結合微信小程序的使用,更加方便。提高服務效率。
- 如路邊燒烤,可以掛一個微信小程序點餐、預約或者外賣。
- 如校園商店:可以掛一個微信小程序支付、送外賣等。
- 如預約住房,服裝店的掃描支付,網吧的續費
2019/7/20寫的筆記。可能有些紕漏,請以微信小程序官網爲準。