项目总结

个人项目

1. 前端
   • C端 - public 用户访问
     • Next.js
     • VitePress
   • B端 - admin 本人后台管理
     • Vue3
     • VitePress
2. 后端
   • API
     • NestJS
3. 资源管理
   • COS/OSS + CDN

技术栈

公司项目使用
个人项目使用

	技术栈
版本控制	Git
包管理	npm pnpm
开发规范	VSCode插件、浏览器插件 ESLint Prettier Husky lint-staged Commitlint
前端框架	Vue3 VitePress Vue2 Nuxt2 微信小程序 React17 jQuery
UI	Tailwind CSS PrimeVue Bootstrap Element Vuetify
可视化	ECharts
构建	Webpack Vite
部署	GitHub Actions release-it
后端	NestJS TypeORM MySQL Swagger Redoc PHP
服务器	Linux Nginx Docker PM2
监控与告警	阿里云 ARMS 腾讯云TCOP Google Analytics 百度统计

• 阿里云应用实时监控服务，ARMS（Application Real-Time Monitoring Service）
  • 用户体验监控（Real User Monitoring，RUM）
  • 告警管理
• 腾讯云可观测平台，TCOP（Tencent Cloud Observability Platform）
  • 前端性能监控（Real User Monitoring，RUM）
  • 告警管理

资源管理

OSS：阿里云对象存储（Object Storage Service）
COS：腾讯云对象存储（Cloud Object Storage）
CDN：内容分发网络（Content Delivery Network）

功能

• 管理静态资源，提交（push main）后上传到OSS/COS，并配置CDN
  • 图片、字体、PDF等文件
  • JSON文件提供数据
• nginx.conf提交修改后，上传到服务器，并重启nginx更新设置

配置

COS/OSS，CDN 需要进行的配置：

• SSL免费证书申请、HTTPS配置
• 防盗链、跨域等设置
• 缓存配置
• 告警管理

问题

备案

域名要进行备案：

1. 【工信部ICP备案】
   • 在云服务商这边逐步完成
   • 同一域名在不同云服务商搭建服务器，每个云服务商都要备案，备案号是同一个
2. 【公安备案】
   • 去公安平台备案