小程序模板網(wǎng)

微信小程序筆記《二》:天氣應用,使用高德地圖和心知天氣 ...

發(fā)布時間:2017-12-08 17:11 所屬欄目:小程序開發(fā)教程

構思查詢用戶位置的天氣我在構思要做一款基于位置的天氣預報的程序。小程序需要獲取位置數(shù)據(jù),獲取該城市的天氣信息。這樣可以讓全國各個城市的人查詢到屬于自己的天氣信息。但是問 ...

 
 
 

構思

查詢用戶位置的天氣

我在構思要做一款基于位置的天氣預報的程序。小程序需要獲取位置數(shù)據(jù),獲取該城市的天氣信息。這樣可以讓全國各個城市的人查詢到屬于自己的天氣信息。

但是問題來了,在調(diào)用微信小程序的定位服務的過程中,只會返回坐標位置,并不會返回城市信息。由于天氣狀況的查詢是根據(jù)城市的信息來查詢。這是我們需要進行一次“把坐標轉(zhuǎn)換為城市名稱”的轉(zhuǎn)換,依靠高德地圖的反地址編碼。

自定義城市

根據(jù)用戶登陸后的用戶信息,每個用戶可以自定義自己所選的城市。由于每個用戶的信息不同,這需要用戶信息的區(qū)分。

這個功能并未完成開發(fā),只滿足北京和上海城市天氣的切換。

設置

針對語言和溫度單位進行個性定制化的設置。其中,語言包括中文和英語,溫度單位包括華氏度和攝氏度。

界面

界面

優(yōu)缺點

經(jīng)過一番的“小程序”體驗后,說說它的優(yōu)缺點:

  • 優(yōu)點

    • 接口完整度高
    • 極其容易上手,如果有vue的經(jīng)驗更佳
  • 缺點

    • 缺乏第三方庫支持,不能用包管理工具
    • 很其他框架缺乏通用性,想轉(zhuǎn)成web app非常麻煩
    • css語法可以,但是并沒有擴展sass等

總體用下來,wx.requestwx.login等接口給人一種似曾相識的感覺,但是小程序有很多的限制,可說明了它的不成熟性。

有人說微信有野心做成一款wechatOS,但是我覺得還是不太可能。從兩個方面,第一,不是所有廠家愿意重新寫一款應用去滿足現(xiàn)有的功能。因為小程序?qū)τ脩舻?ldquo;黏度”不大,還不如自己開發(fā)一款App,滿足ios和安卓的用戶。往往小程序不過成為“試驗品”,不過是一款簡化版的應用。第二,代碼的不通用性,代碼不能重復用于網(wǎng)頁版等。同時,其擴展性也非常差,就像少了幾個“鍵”的鍵盤,用的時候會捉襟見肘。所以,這樣引發(fā)了關于小程序和PWA之間的討論。

詳情參考說說 PWA 和微信小程序,PWA(Progressive Web App)是Google在2015年提出來,還不過是網(wǎng)頁應用,但是實現(xiàn)類似原生App的功能,包括消息推送,后臺加載,離線使用,原生應用界面桌面圖標等類似桌面應用的功能。當然前提是瀏覽器對它的支持。PWA與生俱來的優(yōu)點就是它的代碼通用性,這是小程序所不具有的。如需了解更多請關注。

注意

由于高德地圖和心知天氣的key是個人開發(fā)者的key,如果你需要fork,請自行更換key。

源碼github地址:https://github.com/brandonxiang/weapp-weatherfine

源碼下載:weapp-weatherfine-master.zip



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/18083.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢