# weapp-weatherfine
It is a demp of weapp for weather forecast. Weapp is a small web application by wechat.
TODO:
- Customerized switcher with different cities
- Customerized languange setting
- Customerized temperature unit setting
# 微信小程序笔记二:天气应用
> 源码github地址在此,记得点星:
https://github.com/brandonxiang/weapp-weatherfine
## 构思
### 查询用户位置的天气
我在构思要做一款基于位置的天气预报的程序。小程序需要获取位置数据,获取该城市的天气信息。这样可以让全国各个城市的人查询到属于自己的天气信息。
但是问题来了,在调用微信小程序的定位服务的过程中,只会返回坐标位置,并不会返回城市信息。由于天气状况的查询是根据城市的信息来查询。这是我们需要进行一次“把坐标转换为城市名称”的转换,依靠高德地图的反地址编码。
### 自定义城市
根据用户登陆后的用户信息,每个用户可以自定义自己所选的城市。由于每个用户的信息不同,这需要用户信息的区分。
这个功能并未完成开发,只满足北京和上海城市天气的切换。
### 设置
针对语言和温度单位进行个性定制化的设置。其中,语言包括中文和英语,温度单位包括华氏度和摄氏度。
## 界面
![界面](http://upload-images.jianshu.io/upload_images/685800-9d2a7b75a81c9b03.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
## 优缺点
经过一番的“小程序”体验后,说说它的优缺点:
- 优点
- 接口完整度高
- 极其容易上手,如果有vue的经验更佳
- 缺点
- 缺乏第三方库支持,不能用包管理工具
- 很其他框架缺乏通用性,想转成web app非常麻烦
- css语法可以,但是并没有扩展sass等
总体用下来,`wx.request`和`wx.login`等接口给人一种似曾相识的感觉,但是小程序有很多的限制,可说明了它的不成熟性。
有人说微信有野心做成一款wechatOS,但是我觉得还是不太可能。从两个方面,第一,不是所有厂家愿意重新写一款应用去满足现有的功能。因为小程序对用户的“黏度”不大,还不如自己开发一款App,满足ios和安卓的用户。往往小程序不过成为“试验品”,不过是一款简化版的应用。第二,代码的不通用性,代码不能重复用于网页版等。同时,其扩展性也非常差,就像少了几个“键”的键盘,用的时候会捉襟见肘。所以,这样引发了关于小程序和PWA之间的讨论。
详情参考[说说 PWA 和微信小程序](https://zhuanlan.zhihu.com/p/22578965),PWA(Progressive Web App)是Google在2015年提出来,还不过是网页应用,但是实现类似原生App的功能,包括**消息推送**,**后台加载**,**离线使用**,**原生应用界面**和**桌面图标**等类似桌面应用的功能。当然前提是浏览器对它的支持。PWA与生俱来的优点就是它的**代码通用性**,这是小程序所不具有的。如需了解更多请关注[]()。
##注意
由于高德地图和心知天气的key是个人开发者的key,如果你需要fork,请自行更换key。
转载,请表明出处。[总目录跨平台快速开发](http://www.jianshu.com/p/0348e33fb9d0)
![请关注我的微信公众号](http://upload-images.jianshu.io/upload_images/685800-b90086f21952919c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
没有合适的资源?快使用搜索试试~ 我知道了~
高端城市好天气.zip小程序例子源码打包下载适合研究学习技术
共66个文件
png:42个
js:9个
wxss:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 119 浏览量
2022-03-13
07:56:48
上传
评论
收藏 341KB ZIP 举报
温馨提示
高端城市好天气.zip小程序例子源码打包下载适合研究学习技术高端城市好天气.zip小程序例子源码打包下载适合研究学习技术 1.适合学习做毕业设计参考模板。 2.适合程序员学习开发小程序研究用 3.适合小公司换皮做新项目参考使用用
资源推荐
资源详情
资源评论
收起资源包目录
高端城市好天气.zip (66个子文件)
高端城市好天气
weapp-weatherfine-master
image
setting.png 4KB
weather.png 4KB
asset
11.png 8KB
16.png 10KB
32.png 5KB
29.png 8KB
22.png 7KB
17.png 10KB
24.png 9KB
10.png 8KB
19.png 8KB
5.png 10KB
38.png 10KB
9.png 6KB
34.png 9KB
35.png 9KB
25.png 9KB
21.png 7KB
27.png 8KB
1.png 5KB
14.png 8KB
33.png 5KB
28.png 8KB
0.png 10KB
23.png 9KB
18.png 10KB
30.png 6KB
37.png 9KB
6.png 7KB
31.png 5KB
2.png 10KB
12.png 9KB
7.png 9KB
4.png 6KB
13.png 8KB
36.png 9KB
20.png 9KB
8.png 6KB
99.png 5KB
26.png 8KB
15.png 8KB
3.png 5KB
app.json 742B
LICENSE 1KB
pages
index
index.js 2KB
index.json 2B
index.wxss 440B
index.wxml 1KB
setting
about.json 2B
about.wxss 224B
about.js 142B
about.wxml 153B
setting.json 2B
setting.js 1KB
setting.wxml 862B
setting.wxss 156B
.gitignore 590B
app.wxss 39B
wa-ui.wxss 6KB
app.js 861B
README.md 3KB
utils
locales.js 1KB
wx-i18n.js 396B
event.js 781B
service.js 1KB
key.js 235B
共 66 条
- 1
资源评论
yxkfw
- 粉丝: 76
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功