zhangdizhangdi

项目总结

个人项目

  1. 前端
  2. 后端
  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. 【公安备案】
    • 去公安平台备案