前端实战开发 ｜ 青训营笔记

中国青年
78 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天

编写Http Server （how）

安装Node.js

  • Mac, Linux推荐使用nvm。多版本管理。

  • Windows推荐nvm4w或是官方安装包。

  • 安装慢，安装失败的情况，设置安装源

编写Http Server + Client, 收发GET, POST请求

  • 前提：安装好Node.js，以管理员权限打开cmd下转至当前文件目录下

Http Server

  1. 首先编写一个server.js，如下
  • createServer 说明

req 请求，res响应

  • server.listen 说明

port 要监听的端口号，成功后的回调函数

  1. 使用node启动，此时输入localhost:3000就可以看到hello

编写React SSR服务

  • SSR (server side rendering)有什么特点？

  • 相比传统HTML模版引擎:避免重复编写代码

  • 相比SPA (single page application)：首屏渲染更快，SEO（搜索引擎优化）友好

  • 缺点：

    • 通常qps（每秒查询率）较低，前端代码编写时需要考虑服务端渲染情况
    • 编写比较难，编写js还要考虑前端中的表现

  • SSR难点

  1. 需要处理打包代码
  2. 需要思考前端代码在服务端运行时的逻辑
  3. 移除对服务端无意义的副作用，或重置环境

适用inspector进行调试、诊断

  • V8 Inspector:开箱即用、特性丰富强大、与前端开发一致、跨平台

  • 场景:

    • 查看console.log内容
    • breakpoint
    • 高CPU、死循环: cpuprofile
    • 高内存占用：heapsnapshot（堆快照）
    • 性能分析

部署简介

写完了，如何部署到生产环境捏？

  • 部署要解决的问题

    • 守护进程：当进程退出时，重新拉起
    • 多进程：cluster便捷地利用多进程
    • 记录进程状态，用于诊断

  • 容器环境

    • 通常有健康检查的手段，只需考虑多核cpu利用率即可

延伸话题

快速了解Node.js代码

Node. js Core贡献入门

  • 好处

    • 从使用者的角色逐步理解底层细节，可以解决更复杂的问题，
    • 自我证明，有助于职业发展;
    • 解决社区问题，促进社区发展;

  • 难点:

    • 花时间（真实）

编译Node.js

  • 为什么要学习编译Node.js

    • 认知:黑盒到白盒，发生问题时能有迹可循
    • 贡献代码的第一步

  • 如何编译

    • ./configure &&make install
    • 演示：给net模块添加自定义属性

诊断/追踪

  • 诊断是一个低频、重要同时也相当有挑战的方向。是企业衡量自己能否依赖一个门语言的重要参考。

  • 技术咨询行业中的热门角色。

  • 难点:

    • 需要了解Node.js底层，需要了解操作系统以及各种工具
    • 需要经验
avatar
文章
阅读
粉丝