简介

这是 React 搭建个人博客网站的一部分。网站分为两部分

• 博客前台页面
• 博客后台页面

本项目是后台页面的后端部分。

整个博客网站包含内容有

前端部分

• React
• React-Router4.0
• Redux
• AntDesign
• webpack4

后端部分

• consul+consul-template+nginx+docker 搭建微服务
• cdn 上传静态资源
• thinkJs

部署部分

• daocloud 自动化部署
• Prometheus+Grafana 监控系统

想要详细了解博客的搭建过程与相关问题，可以查看

• 线上个人博客（即这个项目做出来的成果），点这里
• csdn 博客：
  • React 搭建个人博客（一）项目简介与 React 前端踩坑
  • React 搭建个人博客（二）consul-template+nginx+docker 实现负载均衡

前置条件

• 本地安装 mysql 数据库，将项目中的的 data.sql 导入数据库。
• 本项目是博客后台管理网站的服务端，想要访问本服务直接看到博客管理页面，需要先打包 blog-backend-react 项目（点这里），打包后资源生成在本项目的 view,www 目录下。

服务启动

npm install
npm start

启动后，可以为前端项目 blog-react 提供接口。前端项目 build 后，直接访问http://localhost:8362 就可以看到博客前台页面。

项目部署

本项目需要做成镜像以供整个项目的部署，按照项目中的 Dockerfile 文件的内容生成镜像。通过使用 daocloud，使项目 push 到 master 分支时，触发生成新镜像。镜像生成后，通过 daocloud 的 stack(类似于维护 docker-compose.yml)，管理包括 consul,registrator,self-blog-backend(本项目),self-blog-fontend(博客前台服务),consul-template-nginx-blog(网关与负载均衡)。详细内容会在之后的博客及时更新。