react+express+mysql的个人网站(1)

近几天在写一个个人网站作为练习,通过博客把过程记录一下。

去年在godaddy网站上申请了一个域名,在hostinger上租用了一个虚拟主机,不过一直没怎么用。近几天想要写个人网站,一开始想把网站就放在hostinger的虚拟主机上,但是试了一下,发现我租用的那种最便宜的虚拟主机不支持ssh登录,所以不知道在hostinger的虚拟主机怎么启动express写的后端项目。于是就重新租用了一个腾讯云的云服务器,用来放网站,之前的hostinger虚拟主机就用来放数据库了(hostinger虚拟主机自带有mysql数据库功能)。

腾讯云服务器因为是在大陆的,需要备案,域名也需要备案。因为域名之前是在godaddy上申请的,所以需要先把域名转到腾讯云,才能申请备案。转域名需要3到5天的审核时间,然后网站备案审核在20天以内能够完成审批。现在还在等待域名转入完成。

个人网站准备前端部分用create-react-app脚手架搭建,后端部分用express-generator脚手架搭建,数据库用mysql。

网上查了一下怎么把项目部署到服务器上,大概的流程是这样的:

  1. react写的前端项目完成后通过npm run build打包到一个build文件夹中,然后把build文件夹的内容放到express后台项目中用来存放静态文件的public文件夹中。
  2. 把express项目整体放到服务器上。可以先把项目传到GitHub的仓库中,然后登录到腾讯云服务器上,在服务器后台通过git clone方法将GitHub仓库中的项目复制到到腾讯云服务器。(服务器首先首先要配置环境)
  3. 通过pm2运行项目

部署到服务器的整个过程我是参考的这篇文章

个人博客是一个很好的方式来分享自己的想法和经验。要制作一个个人博客,可以使用Express作为后端框架,MySQL作为数据库存储数据,以及React作为前端框架来构建用户界面。 首先,可以在Express中创建RESTful API来处理博客文章的增删改查操作。可以在Express中设置路由来处理GET请求获取文章列表,POST请求创建新文章,PUT请求更新文章,以及DELETE请求删除文章。同时,可以使用MySQL来存储博客文章的内容和相关信息,例如标题、内容、发布时间等。 其次,可以使用React来创建前端界面,包括文章列表页面、文章详情页面、以及写博客的页面。可以通过React Router来管理不同页面之间的路由跳转,同时可以使用组件化的方式来构建页面的各个部分,并使用状态管理工具如Redux来管理应用的状态。此外,可以使用一些UI组件库来美化博客的界面,提高用户体验。 最后,可以通过将Express后端React前端连接起来,使用户可以通过前端界面与后端交互。比如,当用户在前端发布新文章时,可以发送POST请求到Express后端来创建新的博客文章;当用户在前端获取文章列表时,可以发送GET请求获取后端的文章数据并展示在界面上。 总之,使用ExpressMySQLReact来制作个人博客可以使其具有良好的后端数据管理和前端用户体验。同时,在开发过程中可以分别专注于后端逻辑和前端界面,提高开发效率和易维护性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值