嗨,大家好很久没有分享小程序开发方面的内容了,最近仿照《墨迹天气》开发了个实时查询天气的小工具。
源码地址:https://github.com/yundianzixun/daishu-service
项目分为微信小程序用户端 和 后台服务端,也就是说想要启动小程序端项目正常使用,还需要启动 WeatherService 项目作为天气业务的数据服务 。
如果不懂Java后端代码的小伙伴可以直接使用源码中的服务地址(https://100boot.cn,已做https 认证可放心使用 ),如下图所示:
目录:daishu-weather/server/type.js
如果想要对后端项目进行二次开发也可以直接修改后端代码。
具体项目介绍如下:
一、袋鼠天气微信小程序用户端(daishu-weather)
- 地址定位
- 逆地址解析(坐标位置描述)
- 地址解析(地址转坐标)
- 关键字输入提示
- 当前定位天气情况
- 24小时天气情况
- 7天天气情况
- 当前地址相关指数
- 历史记录
目录结构
- ec-canvas canvas插件
- iconfont 字体图片
- images 可以将图片放在服务器请求(减少文件体积)
index 指数图片
weather 天气描述图片
- libs
city-code.js 城市代码文件
makePy.js 文字转拼音首字母
weather.js 天气描述
- pages
weather 天气首页
search 搜索地址页
- server
type.js 请求地址
- utils 工具文件
二、袋鼠天气微信小程序服务端(WeatherService)
- 后端基础框架 SpringCloud/SpringCloud Alibaba
- 远程调用 OpenFeign
- 缓存 CacheBuilder
- API在线接口文档 Swagger
- 地理位置服务 腾讯地图
- 天气API服务(https://www.tianqiapi.com/)
API访问地址:http://127.0.0.1:9002/weather/swagger-ui.html
预览
视图展示
首页
搜索✌️
关键字搜索✌️