搭建一个简单的React网站,如何在服务器快速创建后端数据库?

桃白白
  • 87

我是一名前端工程师,React全家桶使用者。想接触一些简单的后端数据库搭建知识。有没有什么快速创建的简单后端框架和数据库,直接投入实用。例如create-react-app这种给初学者用的。网站内容不会很多。对后端和数据库这些没什么头绪,完全不知道从哪里开始。

谢谢大家。

回复
阅读 5.1k
2 个回答
nero
  • 4.2k
✓ 已被采纳

我也是做前端的,前端时间做的个人网站 http://www.neroht.com 恰好是前后端分离 + 数据库来做的,React技术栈,可以和你分享一下经验。下边讲的主要是以我网站的后台管理系统为基础展开。

对于你说的快速创建的简单后端框架和数据库,直接投入实用,我没有了解过,也没用过。其实前端倒还好说,就像平常一样正常开发就好。前端工程师的话,后端推荐node,真是非常方便,搭建环境启动服务很快,框架我用的是express,数据库MySQL可以直接装在服务器上(具体安装过程百度就可以找到)。

要先将数据库安装成功,然后写后端服务,后端主要是前端和数据库的桥梁,前端通过接口与后端交互,后端连接数据库操作。用mysql这个npm包可以实现node.js服务与MySQL数据库的连接。

关于后端

编写后端项目,可以在前端项目内直接创建个server文件夹,用express写一个后端服务并连接上边步骤启动的MySQL服务,前端来访问这个后端服务。也可以独立于前端项目创建一个新的express项目来让前端访问。

关于数据库

在开发的时候可以先在自己的电脑上安装MySQL,或者如果在服务器上装了数据库也可以直连服务器的数据库(这种情况只适用于不正式的小规模的网站)。安装好了后,将MySQL服务启动(windows系统最好注册为Windows服务,并开机启动)。

跨域问题

开发环境

假如前端的开发服务器是webpack-dev-server,那么开发环境下前端访问后端的请求是跨域的,需要在webpack-dev-server配置项中配置跨域转发

生产环境

部署到服务器上的时候,前端打包的文件实际上都是express服务的静态资源,可以直接用将express的静态资源文目录指向打包好的前端文件的文件夹(步骤在这)。这时候不存在前端的开发服务器,全部只有一个后端服务,是不存在跨域访问的。

关于部署

需要在服务器上装好node,MySQL,还有pm2(用来管理node进程)。将前端和后端代码打包好传到服务器,并用pm2启动后端服务。用你服务器的公网IP+后端服务的端口就可以访问了

几个注意的点

  • 服务器防火墙注意放开相应端口,比如MySQL的端口(便于远程连接服务器上的数据库)、启动后端服务的端口
  • 如果不习惯ip加端口的访问方式,可以用nginx将对于ip下80端口的访问反向代理到你启动的node服务端口,这样就可以实现不加端口的访问,再配置个域名解析,就是可以直接域名访问了
  • 后端框架也可以用koa2,非常优秀的nodejs后端框架。数据库MongoDB也是可以的

尝试用node Koa2 和 mysql写接口供前端项目调用(我也正在尝试~)
koa mysql

宣传栏