门户网站技术选型

2,164 阅读1分钟

背景

月黑风高的晚上,偶然看到35岁危机的一个视频,突然激起了我的斗志,准备做一个自己的门户网站。于是便开始有了技术选型和代码编写。先来介绍一下我的技术选型吧。

目标

门户网站 首先我们分析一下这个目标,“门户网站”的特性。

  1. 需要被搜索引擎,可被爬虫,甚至需要seo;
  2. 网站有公司封面图,简介,新闻,产品图片等,需要定期维护替换;

任务

针对1,需要做的是要做服务端渲染,不能做spa项目了。 搜索引擎优化 在实践之前, 先从理论上分析为何单页应用不能被搜索引擎搜索到。核心在于 爬虫蜘蛛在执行爬取的过程中, 不会去执行网页中的 JS 逻辑, 所以隐藏在 JS 中的跳转逻辑也不会被执行。 针对2,需要做一个后台管理系统,可以上传图片,文章等信息。

技术选型

前端

门户网站

  1. umi的ssr,umi已经很全了,脚手架,dva,antd都能方便使用,配合使用ssr能很好的实现服务端渲染;
  2. js框架使用react-hooks来编写;
  3. 样式使用less; 后续扩展 埋点数据

后台管理

  • umi,react全家桶,spa项目

前端服务器部署

  1. 阿里云
  2. node

后端

  • 基于node的egg
  • 数据库mysql

后端服务器部署

  • 阿里云

好啦,我打算先写门户网站,因为涉及到的数据比较少,后端可以晚点开始,先考虑上一个门户 这样才能慢慢有动力。

等下次有进度啦,再继续更