首页
学习
活动
专区
工具
TVP
发布

号外号外!本公众号可以查天气了

几天没写文章了,有点对不住大家,想知道最近小编都在弄些什么吗?

我这几天发现了一个好玩的东西,那就是微信小程序,最近几天都在研究这个小东西,就是仿造网上案例边学边做,然后就做出来一个可以查询天气的小程序,就叫“下课临微天气”,好了,不多说,直接上效果图及部分代码

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部分几乎相同,所以说不太难,有兴趣的同学一起学起来,再小的个体也有自己的品牌

直接点该卡片查天气

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180202G0Z24E00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券