react-nestjs-nginx-mongo个人博客搭建记录(一)

616 阅读4分钟

终于把我的个人博客搭建完成了一点了,前端和后端页面

· 地址 [博客](http://49.234.190.126' fan的个人博客')

,终于完成了前端页面的书写,数据展示,静态服务器的部署,后端处理前端数据传递给数据库后返回接口。 写完博客项目之后,我打算写把开发中所遇到的问题和解决思路,并且重新开始用博客的形式讲述我的开发过程,写成一个系列的文章,好记录下自己期间学到的东西。这是第一篇。

磕磕碰碰,起来的心路历程写一下

写博客的起因

自学了很久,总是跟着视频走,好像什么都会,好像什么都不会,感觉自己没做过什么,从头开始写个项目好像无从下手的样子,网上找了很久,想找项目做,看别人的意见,好像写个博客是个不错的选择,第一可以加深自己的学习印象,第二也可以有个地方写下自己的感想。从开始到现在,这个博客磕磕碰碰一个人写,用了我十五天,终于有点完成的感觉的时候,到最后发现遇到的坑都是小问题的时候,这个博客感觉最多一个星期就能完成了,而且完成度会比现在好很多。 很多功能都是从头开始学起,边学边做,有时候遇到一个 bug,网上找半天都找到头绪,又没有人能问的时候,感觉是很大的挫败感的。总有种想放弃的感觉,总感觉自己是不是不适合做程序员呢?找啊找啊找,在不断的打 log,不断的 Google 之后,找到答案,然后自己再去想办法再添加功能,把想要的功能实现了,又会感觉自己好像还能再学多一点。如果一个月前你问我什么是

  • nginx怎么设置反向代理,怎么部署静态服务器,
  • nestjs的程序结构是怎样组织的,
  • typescript的类型检查是怎样的?,
  • react 怎么部署到服务器上
  • .... 我肯定答不出来。现在不算了解多深吧,起码能说一些了。

期间的收获

收获是真的很多,首先最开始的时候面对个新项目真的是有种无从下手的感觉

  • 目录解构怎么组织?

  • 什么数据该向服务器发送请求?什么数据该存到 redux 中?

  • api 请求的方式是怎样的?请求主体是什么?请求类型是什么?服务器接收的响应式什么?

  • 前端鉴权是怎么回事?该怎么实现?有哪些方案?

  • 跨域请求的解决的方式?

  • 发送数据前要怎么验证?

  • 怎么修改请求?怎么改变参数去让服务器接收?

  • 怎么部署服务器?

  • react 路由怎么划分?

  • redux-saga 怎么组织结构?

  • 该怎么正确的使用生命周期函数? 。。。。。

好多好多,总感觉无从下手,可是再无从下手又怎样?硬起头皮来,去 GitHub 上找 demo,遇到bug,先打 log,看是不是符合自己的思路,数据能不能流通,再不行就上谷歌搜,我知道这样的方式好慢,有时候觉得自己一个人孤单单的这样找,如果身边有个人能问问就好了,起码对于我来说是很陌生的东西,对于别人来说可能一下指点就能解决了。尝试过加入一些前端交流群,把自己的问题遇到的问题说出来,希望有人能指点一些,但是加入了好多群,大部分问题都是在群找不到答案的,而且别人也没义务教。只能说自己起步太慢,基础不扎实。遇到的坑不够多,解决过的坑还不够多,所有才会无从下手。不过现在写完这个项目,起码遇到过的坑,后面就知道该怎么解决了。

还没实现的功能

  • 多用户注册,
  • 评论功能
  • 点赞功能
  • 分享功能
  • 更友好的博客阅读方式
  • 样式上的bug
  • 添加项目到项目页中

待解决的 bug

  • 路由切换的时候页面位置与实际位置不同 -> 应该是 antreact-transition在路由切换的配合上思路不对
  • 后端返回数据的格式还不够友好. ....

可能还有更多,明天开始投简历找工作,并且期间把博客开发的流程重新梳理一遍,把经过写出来,同时也把 bug 解决. 同时尽量添加功能,也把注释写好.