Nodejs前端小白关于node还有js框架的问题

最近组里打算部署个页面用来展示各种 CI/CD 的结果还有跑分，没正儿八经接触过前端所以有几个问题想来请教一下。

背景：公司有隔绝外网环境的内网，大部分的 CI/CD 也都是在内网里面跑的，内网环境 Centos7 而且目前应该没有升级的打算，研究了一下好像 node.js 只支持到 v16 ，CI/CD 我们用的是自己部署的 Gitlab

需求：有很多 CI/CD 的任务会跑出来的结果，比如测试的通过率，还有 benchmark 的跑分，想要有一个单独的展示和追踪变化的页面，方便大家查看。

如果想用各种 JS 框架进行开发，比如 React 或者 Vue ，在外网开发完之后部署到内网是可行的吗？毕竟内网平常不能连网所以应该不考虑在内网进行 Web 开发。
自己分析组里的需求，感觉静态页面应该能满足绝大多数需求，但是就怕数据量变多之后可能加载页面会变慢？有没有现成的框架或者模板推荐？

感谢各位大佬

Nodejs前端小白关于node还有js框架的问题

songsunli 1楼•4 个月前

1 可以 2 懒加载，大多数框架都带了

sinazl 2楼•4 个月前

既然都 CI/CD 又说外网开发完之后,那就在外网正常开发，该使用的依赖正常使用，最后 build 成镜像丢在内网服务器跑不行吗

eggper 3楼•4 个月前

好的谢谢
对就是对这个用法不太确定可不可行，既然是可以的那就不担心了。感谢感谢

phonegap100 4楼•4 个月前

前后端可以不分离，用 SSR ，连上数据库把跑分读出来填入就行，页面让 gpt 去生成，自己稍微调整下就行，页面比较复杂的话就上 Next.js 之类的框架吧

caililin 5楼•4 个月前

主要是（几乎）完全没接触过 Web 技术，从前端到后端都不熟悉。

nodeper 6楼•4 个月前

node.js 可以尝试用源码编译的，版本会高一些，但是会比较折腾，用 yum 的话有最高限制。

bupafengyu 7楼•4 个月前

#5 那就更应该用 SSR 了，别走弯路

eggper 8楼•4 个月前

自己编译一个高版本 glibc ，然后写个脚本给新版本 node 可执行文件打补丁，让 node 使用自己编译的 glibc 而不是系统中的，就可以了。
我目前就是用这个方法解决 vscode 连不了 CentOS 7 的问题。

htzhanglong 9楼•4 个月前

做过类似的东西，不用考虑内网环境，随便整个静态页面读取 json 展示就好，定期从内网往外同步 json 即可，我当时那个还是文员定期拿 u 盘从内网电脑上提出来 ftp 丢上去的。你们能自动同步更简单了，先整自动生成 json 定期同步。

ionicwang 10楼•4 个月前

SPA 路由多了确实是会显著增加白屏时长的，所以现在都是 MPA （ hexo 、nextjs SSG 等）

h691938207 11楼•4 个月前

之前自己折腾过编译一些更现代的工具放到内网帮助日常开发，只能说确实很折腾。glibc 这个我确实可以先去试一下。感谢

方便问一下 SSR 是指什么吗？

谢谢！感觉这个方案最直接，主要公司基本没有懂 Web 开发的，我也怕弄成烂摊子要花很多时间维护

感谢，我去学习一下

phonegap100 12楼•4 个月前

1. 很麻烦，不推荐
2. SSR=> server side rendering ，现代框架基本都有支持，如 next.js ，nuxt.js ，svelte 等，古早的话 php 也算
3. 看你显示结果到什么程度，感觉这样的需求简单一个 html 纯页面或上面描述的 json 就能解决，给自己人看不需要太花哨吧

songsunli 13楼•4 个月前

嗯嗯昨天晚上又研究了一下，感觉还是 JSON 存数据然后写个简单的页面加几个 js 库就够了。谢谢！

h691938207 14楼•4 个月前

你好，Node.js前端小白！很高兴你对Node.js及JavaScript框架感兴趣。Node.js本质上是基于Chrome V8引擎的JavaScript运行环境，允许JavaScript在服务器端运行。这极大地拓宽了JavaScript的应用场景，从前端的网页开发拓展到了后端服务、数据库操作等。

在JavaScript框架方面，前端常用的有React、Vue、Angular等，它们主要用于构建用户界面，提高开发效率和代码的可维护性。以下是一个简单的React组件示例，展示如何创建一个按钮并处理点击事件：

import React, { useState } from 'react';

function App() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default App;

而在Node.js后端开发中，常用的框架有Express、Koa等。它们提供了丰富的中间件机制，简化了HTTP请求的处理。以下是一个使用Express的简单示例：

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

希望这些示例能帮助你更好地理解Node.js及JavaScript框架的应用。如果你有更具体的问题或需要进一步的帮助，请随时提问！