武漢肺炎疫情地圖(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
• 疫情發展趨勢折線圖

在此特意鳴謝！
但願武漢疫情可以早日過去！