武汉肺炎疫情地图(React版)

武汉加油🍻

线上地址：疫情实时预览

git地址：2019-nCoV-Virus

看见了许多大佬都在写疫情可视化工具，因此我也按耐不住了。但愿能为疫情的防控作出一点点微薄的贡献。

预览

快速开始

• clone项目: git clone github.com/xieyezi/201…
• 安装依赖: cd 2019-nCoV-Virus && yarn install
• 运行: yarn start
• 打包: yarn build
• 运行打包文件: yarn global add serve && serve build

部署

经过docker的Dockerfile文件制做为镜像，而后经过nginx来进行部署。 Dockerfile:

# ncov Dockerfile

#指定node镜像对项目进行依赖安装和打包
FROM node:10.16.0 AS builder
# 将容器的工做目录设置为/app(当前目录，若是/app不存在，WORKDIR会建立/app文件夹)
WORKDIR /app 
COPY package.json /app/ 
RUN npm config set registry "https://registry.npm.taobao.org/" \
    && npm install
 
COPY . /app   
RUN npm run build 

#指定nginx配置项目，--from=builder 指的是从上一次 build 的结果中提取了编译结果(FROM node:alpine as builder)，便是把刚刚打包生成的dist放进nginx中
FROM nginx
COPY --from=builder app/build /usr/share/nginx/html/
COPY --from=builder app/nginx.conf /etc/nginx/nginx.conf


#暴露容器80端口
EXPOSE 80
复制代码

数据来源

• 天行数据-抗击肺炎
• 地图Json
• 疫情发展趋势折线图

在此特意鸣谢！
但愿武汉疫情可以早日过去！