一步一步构建一个react应用-开篇

介绍

断断续续利用周末时间作了两个月，基于react和express的一个小项目差很少作完了。因此想写一系列文章来总结一下先后端用到技术及遇到的问题和解决方法

初衷是练习一下react相关的技术栈，但作的过程感受对后端投入的热情更大。。。

线上地址

主要从下面几点入手

• 一步一步搭建react应用-先后端初始化

• 爬取豆瓣电影的电影信息

• mongodb开启身份认证

• 使用 jwt + redis 来作基于token的用户身份认证

• node中使用 mocha + supertest + should 来写单元测试

• 部署

技术栈

• react + react-router + antd-mobile + fetch
• redux(没用,以后改)
• express + mongodb + redis

运行

clone代码到本地 项目地址

喜欢就star一下吧?

前端:

npm install
    npm start

后端:

1. 须要安装mogondb 本项目mogondb端口 3307,并开启权限认证。能够在/BE/config/db.js中修改

    2. 须要安装redis  brew install redis

    3. npm install -g pm2

    3. node 版本最好最新版本，由于使用了 async await,推荐nvm来管理node版本

    4. npm install 

    5. npm run test 运行单元测试

    6. npm start

功能介绍

以前看了挺多棒子电影的，因此想作一个电影相关的小项目，主要功能：

• 首页 电影列表展现，可搜索和分类筛选
• 电影详情页(有无下载地址)
• 爬取豆瓣电影并录入
• 登陆、注册
• 管理员增删改查
• 普通登陆用户收藏电影
• 个人收藏列表

部分截图

首页

详情页

录入

用户