几天没写文章了,有点对不住大家,想知道最近小编都在弄些什么吗?
我这几天发现了一个好玩的东西,那就是微信小程序,最近几天都在研究这个小东西,就是仿造网上案例边学边做,然后就做出来一个可以查询天气的小程序,就叫“下课临微天气”,好了,不多说,直接上效果图及部分代码:
PS:不太美观,以后改进,哈哈
不过总算完成了
设计目的:
想把好的东西分享给大家,所以才申请了这个公众号,但是又觉得这里没什么实用的东西,所以就开始学习了微信小程序,就突然想起搞个可以查询天气的小程序(小编其实也是小白,边学边做)
设计思路:
想要查询天气,是不是就得知道城市名,想要知道城市名是不是就得获取当前的经纬度。所以设计思路为:
发起wx.getLocation获取经纬度利用wx.request,及相关api获取城市利用wx.request,及相关api获取天气
目录结构:
所用API:
wx.getLocation//微信自带获取经纬度的api
腾讯地图api获取城市
'https://apis.map.qq.com/ws/geocoder/v1/?location='+ latitude +','+ longitude +'&key=你申请的key&get_poi=1'
获取天气的api(感谢和风天气所提供的API)
https://free-api.heweather.com/s6/weather?key=你申请的和风天气的key&location=城市名
学后感悟:
如果稍微的学过一点web前端的话就会觉着小程序很好入手,因为这个只是后缀名有点变化,相关标签有点变化,css部分几乎相同,所以说不太难,有兴趣的同学一起学起来,再小的个体也有自己的品牌
直接点该卡片查天气
领取专属 10元无门槛券
私享最新 技术干货