V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
kongkongye
V2EX  ›  程序员

ssr 有哪些好的方案吗?

  •  
  •   kongkongye ·
    kongkongye · Oct 13, 2022 · 3943 views
    This topic created in 1291 days ago, the information mentioned may be changed or developed.

    主要目的是 seo ,前端用的 react+redux+vite ,想支持 ssr ,看了一下午看的头疼,要支持 ssr 有很多框架,但好像都是侵入式的,要大刀阔斧地改代码。
    话说可以直接用无头浏览器后台渲染出 html 然后返回给爬虫吗?还没实践不知是否可行

    19 replies    2023-09-26 16:12:16 +08:00
    233373
        1
    233373  
       Oct 13, 2022
    关注下,不知道有没有 react+express 的方案
    kid740246048
        2
    kid740246048  
       Oct 13, 2022
    单纯为了 seo 而上 ssr 代价有点过大,可以考虑下使用 puppeteer 做预渲染的方案
    P.S. 2202 年了,考虑下别的状态管理器呗😏
    kongkongye
        3
    kongkongye  
    OP
       Oct 13, 2022 via iPhone
    @kid740246048 useContext+useReducer ?
    redux 我觉得虽然复杂,但官方用例封装的却很简单好用
    fay94
        4
    fay94  
       Oct 13, 2022
    seo 用个静态官网不就行了
    zhuweiyou
        5
    zhuweiyou  
       Oct 13, 2022
    据说给爬虫单独做一套页面,会被搜索引擎降权.
    duan602728596
        6
    duan602728596  
       Oct 13, 2022
    其实自己改造的成本不高。不太推荐用无头。
    haha512
        7
    haha512  
       Oct 13, 2022
    seo 最好的方案可能还是 几年前的 jsp php jq 前后不分离方式吧。
    vue react + ssr 太费劲了,效果还未必有混合方式好
    leoli
        8
    leoli  
       Oct 13, 2022
    next.js
    wu67
        9
    wu67  
       Oct 13, 2022
    vue react 都有各自的一套 ssr 框架, 但是我个人看来, 都是一个强约束类型的方案, 基本上把代码组织和写法都给你框好了, 如果跟团队现行的代码差异较大, 确实非常痛苦.
    像 vue 的 nuxt, 甚至路由都给你规划好了, 一个文件就是一个路径

    如果只是要把首页做 seo, 那直接整一个静态页就好了. 如果要全站, 对不起我只是路过...
    dudubaba
        10
    dudubaba  
       Oct 13, 2022
    react 目前 next.js 是功能最全的也是用户最多的。
    potatowish
        11
    potatowish  
       Oct 13, 2022 via iPhone
    @duan602728596 用无头会有什么问题呢
    ChefIsAwesome
        12
    ChefIsAwesome  
       Oct 13, 2022 via Android
    百度不清楚。无头浏览器渲染,谷歌不仅不会降权,还推荐这个方法。我之前做的网站就用 rendertron 渲染的,谷歌排第一呢。
    kongkongye
        13
    kongkongye  
    OP
       Oct 13, 2022 via iPhone
    @ChefIsAwesome 这个库已经不维护了,好像说这种方法不推荐
    Charrlles
        14
    Charrlles  
       Oct 14, 2022 via iPhone
    我们用 rendora

    只要内容一致,不会降权的,谷歌的文档有写: https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering?hl=zh-cn
    buffzty
        15
    buffzty  
       Oct 14, 2022
    @kongkongye 我之前用的 puppeteer 自己搭的. 谷歌官方推荐的就是这种方法
    Envov
        16
    Envov  
       Oct 14, 2022
    可以吧代码改动一下,利用 renderToString 和水合,把主要需要 seo 的页面做一下 ssg
    karott7
        17
    karott7  
       Oct 14, 2022
    next.js
    liushuigs
        18
    liushuigs  
       Sep 26, 2023
    可以试试 Runmix: 从零开始搭建的 React SSR 框架,非常轻量级。https://github.com/runmix-dev/runmix
    liushuigs
        19
    liushuigs  
       Sep 26, 2023
    @233373 https://github.com/runmix-dev/runmix 就是 React + express 的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5947 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 82ms · UTC 03:32 · PVG 11:32 · LAX 20:32 · JFK 23:32
    ♥ Do have faith in what you're doing.