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

BigTomato 发布于2019-08-20 19:09 / 1534人阅读

摘要：线上地址主要从下面几点入手一步一步搭建应用前后端初始化爬取豆瓣电影的电影信息开启身份认证使用来做基于的用户身份认证中使用来写单元测试部署技术栈没用之后改运行代码到本地项目地址喜欢就一下吧前端后端需要安装本项目端口并开启权限认证。

介绍

断断续续利用周末时间做了两个月，基于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

功能介绍

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

首页电影列表展示，可搜索和分类筛选

电影详情页(有无下载地址)

爬取豆瓣电影并录入

管理员增删改查

普通登录用户收藏电影

我的收藏列表

部分截图 首页

录入

用户

云服务器 GPU云服务器一步一步写java 走一步进一步进一步增强

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85233.html

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

摘要：线上地址主要从下面几点入手一步一步搭建应用前后端初始化爬取豆瓣电影的电影信息开启身份认证使用来做基于的用户身份认证中使用来写单元测试部署技术栈没用之后改运行代码到本地项目地址喜欢就一下吧前端后端需要安装本项目端口并开启权限认证。介绍断断续续利用周末时间做了两个月，基于react和express的一个小项目差不多做完了。所以想写一系列文章来总结一下前后端用到技术及遇到的问题和解决方法...

lylwyy2016 2019-06-26 17:23 评论0 收藏0
一步一步搭建react应用-mongodb开启身份认证

摘要：一步一步构建一个应用开篇地址通过不认证的方式启动连接实例创建用户超级管理员重启，加上访问控制认证连接时认证连接后认证为其他库创建用户添加对有读写权限，对有读权限 [一步一步构建一个react应用-开篇](https://segmentfault.com/a/11... git地址通过不认证的方式启动Mongodb mongod --port 3007 --config mongo...

fredshare 2019-06-26 17:22 评论0 收藏0
一步一步搭建react应用-mongodb开启身份认证

摘要：一步一步构建一个应用开篇地址通过不认证的方式启动连接实例创建用户超级管理员重启，加上访问控制认证连接时认证连接后认证为其他库创建用户添加对有读写权限，对有读权限 [一步一步构建一个react应用-开篇](https://segmentfault.com/a/11... git地址通过不认证的方式启动Mongodb mongod --port 3007 --config mongo...

elarity 2019-08-21 16:22 评论0 收藏0
一步一步搭建react应用-部署

摘要：前端前端构建后的目录下的文件可以写个脚本到服务器，但这里借用一下的部署功能来部署前端代码。线上地址 git地址一步一步构建一个react应用-开篇推荐浏览器开发者工具开启手机设备模式装环境前提：买个ESC、弹性公网ip、域名设置服务器免密登录本地应该都有.ssh目录，并且生成了公私钥,将本地id_rsa,id_rsa.pub scp到服务器 /.ssh目录之所以把私钥也...

roadtogeek 2019-08-22 11:09 评论0 收藏0
一步一步搭建react应用-部署

摘要：前端前端构建后的目录下的文件可以写个脚本到服务器，但这里借用一下的部署功能来部署前端代码。线上地址 git地址一步一步构建一个react应用-开篇推荐浏览器开发者工具开启手机设备模式装环境前提：买个ESC、弹性公网ip、域名设置服务器免密登录本地应该都有.ssh目录，并且生成了公私钥,将本地id_rsa,id_rsa.pub scp到服务器 /.ssh目录之所以把私钥也...

mikyou 2019-06-26 17:24 评论0 收藏0