認識微信小程序
一、當前APP的痛點
1. 用戶的痛
自從(cong) 買(mai) 了智能手機後,手機上裝了一堆APP,每次裝一個(ge) 新應用就必須下載安裝一個(ge) APP。這手機屏幕成了百貨展廳,每次找個(ge) APP還得滑動屏幕找白天;而且每次安裝一個(ge) APP,就占用大量空間,這手機容量也越來越不夠用了。
一次跟一位做運營的朋友聊天,他說現在隻在微信上做推廣,因為(wei) 微信上客戶群體(ti) 多。他說知名度小的APP很難推,一是推廣費用高,二是客戶一般也不願下載。
2. 開發者的痛
現在做互聯網的,開發了PC端的WEB後,再開發androids和Apple版,幾乎是標配。我也曾經趕過這趟渾水,當時團隊開發完了PC端的WEB,然後自然就想到要開發androids和Apple版。但問題來了:我們(men) 團隊人少,而且大家都沒APP開發經驗;哪就找外包唄?於(yu) 是我們(men) 就去找外包公司。後來在聊天中外包公司的老大就向我吐苦水,他說現在1個(ge) androids,1個(ge) Apple團隊,1個(ge) 項目必須得養(yang) 2幫人馬,開發成本太高了。
後來,為(wei) 了省財力、時間,我就讓外包公司開發一個(ge) APP的外殼,然後裏麵打開瀏覽器訪問我們(men) 的WAP網站,也就是Hybrid APP解決(jue) 方案。Hybrid APP解決(jue) 方案雖然開發便捷,但在用戶體(ti) 驗上就比原生的APP差很多。
二、微信小程序方便了用戶,更方便了開發者
什麽(me) 是小程序?小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。也體(ti) 現了“用完即走”的理念,用戶不關(guan) 心是否安裝太多應用的問題。應用將無處不在,隨時隨地可用,但又無需安裝卸載。
微信小程序解決(jue) 了當前APP的痛點,方便了用戶,更方便了開發者。從(cong) 本質上看,微信小程序有點類似Hybrid APP解決(jue) 方案。以後微信就成為(wei) 移動端入口,用戶不用再無休止地安裝APP了;開發者隻需要用javaScript一種語言就可以了,開發成本幾乎可省下2/3以上;而且微信提供了非常豐(feng) 富的API,微信小程序的用戶體(ti) 驗肯定不會(hui) 比原生的APP差。
微信作為(wei) 國內(nei) 最大的交友平台,已經成了一個(ge) 獨立的互聯網王國,上麵有大量的用戶資源,微信小程序推廣的性價(jia) 比就非常高。
可以想象,再過一段時間,大量的APP開發者會(hui) 轉投微信小程序的大營,而且幾乎所有的APP都會(hui) 重新再開發一個(ge) 微信小程序版本,微信小程序開發人員的需求也會(hui) 非常大。所以,作為(wei) 一名互聯網從(cong) 業(ye) 人員,學習(xi) 掌握微信小程序開發是非常有必要的。
HelloWorld微信小程序
看千遍不如做一遍。先讓我們(men) 來一起做一個(ge) 最簡單的HelloWorld吧。
1.下載安裝微信小程序開發者工具,下載路徑:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
根據你的操作係統類型,選擇windows 64、windows 32或mac。
2.創建項目
⑴ 添加項目
點擊“添加項目”按鈕,創建一個(ge) 項目。
⑵ 項目的幾個(ge) 參數說明
沒有 AppID 就選無AppID(如果亂(luan) 寫(xie) 會(hui) 報錯,到時可能無法進入項目)。如果你選擇的“項目目錄”為(wei) 空,請如圖所示勾選在“當前目錄中創建quick start項目”。項目名稱就隨便寫(xie) 一個(ge) 吧,比如“測試項目”。點擊“添加項目”按鈕,一個(ge) 最簡單的微信小程序就完成了。
3.項目代碼結構說明
點擊開發者工具左側(ce) 導航的“編輯”,我們(men) 可以看到這個(ge) 項目已經初始化並包含了一些簡單的代碼。其中包括:app.js,app.json,app.wxss和2個(ge) 目錄:pages,utils。
其中,最重要的是 app.js、app.json、app.wxss 這三個(ge) 文件。
app.js:這個(ge) 文件是整個(ge) 小程序的入口文件。
app.json:這個(ge) 文件是小程序的全局配置文件,決(jue) 定頁麵文件的路徑,窗口表現,設置網絡超時時間等。
app.wxss:是小程序的樣式文件,你可以把它想象成html中的CSS。