前言新冠病毒下的新的一年让每一个中国人都感到恐慌和担忧。我们每天为前线的白衣天使和平民英雄的事迹感动落泪,也为哄抬物价的不法分子、以权谋私等不法分子的不法行为心痛不已。作为普通人,我们最大的贡献就是宅在家里,响应钟南山院士的号召,做好个人防护,不给疫情添负担,不给别人添麻烦。最近看到很多大佬都在为“抗疫”贡献自己的技术力量。有的提供数据和界面支持,有的做app,有的做webapp。看到这些动作,我也跃跃欲试,静下心去做,总会有收获的,所以做了一个版本的微信小程序,主要是为了方便自己和家人朋友查询最新数据。毕竟大家都用微信。微信小程序的版本审核实在是太慢了。昨天提交了版本审核,还没通过。唉,我觉得累了。数据的采集和处理首先感谢丁香园,数据来源于丁香园-丁香医生。关键是要感谢掘金@普通程序员提供数据接口能力,让我们菜鸡也有机会做一点点工作。为了防止增加大哥服务器的访问压力,我每隔15分钟抓取一次接口数据,保存在我的个人服务器上,供自己和他人访问使用。Q:别人提供接口,为什么你要做的更多?A:我想做一个小程序,没有https不行。目前主要推出以下接口:在线接口基地址:https://wuhan.wbjiang.cn/api/接口名称请求方法接口描述timelineGET获取发生的事件,支持分页参数pageNo和pageSizestatsGET整体统计rumourGET最新谣言protect_wikiGETlatest防护知识wikiGET最新知识百科help_linksGET便民信息/诊疗信息province_statsGET省级患者分布数据city_stats/:areaNameGET根据省份查询市县疫情数据,areaName传入省行政区的缩写地区,如“湖南”overseas_statsGET世界其他地区的患者分布数据可以点击在线访问整体统计试一试!https://wuhan.wbjiang.cn/api/stats这个服务的源码我也已经上传到github了。欢迎访问wuhan_best_wishes查看。如果能给个star就好了,谢谢!HTTPS支持因为微信小程序需要调用https协议的接口,所以我利用nginx的能力和阿里云提供的SSL证书为上述接口提供https支持。整体服务框架接口服务:采用nodejs语言,技术框架express。应用管理:使用pm2管理节点应用。代理服务器:使用Nginx监听80端口,转发到节点服务所在的内部端口。小程序概览的名字很烦人。建议的名称要么受到行业限制,要么已经有人使用了。最后,它被命名为武汉快递。技术方面,我暂时没用过框架,用的是小程序原生的开发语言。为了快速出第一版效果,UI部分使用了自己熟悉的vant-weapp。相关代码已经开源,请访问ncov-weapp查看源码。先贴个小程序代码,方便大家直接访问小程序(还没通过审核,微信小程序审核的速度你懂的,想体验的欢迎加我试用微信版ice_lloly)。小程序内容方面,主要有四个页面,分为疫情地图、辟谣防护、事件播报、疾病知识。疫情统计疫情地图及趋势国内省市疫情分布海外疫情分布谣言辟谣与防护最新事件疾病知识实时播报为了快速见效,我在做的时候参考了丁香园的设计。感谢丁香园的技术和设计团队!结语由于时间有限,大概花了一天多的时间,所以效果比较粗糙。接下来我会在有余力的时候继续迭代更新。毕竟自己还是要远程办公,大??部分时间还是要专注于公司的业务。我是创业公司的小前端负责人图思。每天还在为没完没了的业务代码发愁。我在打磨产品的道路上沉淀技术,探索成长路线。如果你和我一样,也在思考自己的技术成长和价值,欢迎加我微信交流讨论,微信IDice_lloly。我会在公众号猿出道和小程序土司博客同步博客内容,快来撩我!
