zhangyuang / ssr

A most advanced ssr framework support React17/React18/Vue2/Vue3 on Earth that implemented serverless-side render specification.
http://doc.ssr-fc.com/
MIT License
2.61k stars 284 forks source link

请问如何将ssr应用到一个已有的react项目中? #158

Closed simon-zhangmuye closed 2 years ago

simon-zhangmuye commented 2 years ago

我在文档中找不到教程,麻烦大神讲解一下,谢谢 我们目前用的是firebase,请问像这种无服务能使用ssr吗? 不是通过axios发送crud请求。 firebase是通过firebase的库,把路由包括在里边了。 使用的时候先初始化,我举一个获取列表的例子

import * as firebase from 'firebase/app';
import 'firebase/firestore';

const firebaseConfig = {
    apiKey: "AIzaSyAiB7NaA8BK10Wji5Dy25xG9sgzq6vI_ak",
    authDomain: "practiceonexx.firebaseapp.com",
    databaseURL: "https://practiceonexx.firebaseio.com",
    projectId: "practiceonexx",
    storageBucket: "practiceonexx.appspot.com",
    messagingSenderId: "383655502947",
    appId: "1:383655502947:web:4d9d77e54aa9ceebc08456",
    measurementId: "G-MW07CFFEKP"
};

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();
const carsCollection = db.collection('cars');
let result = carsCollection..get().then(snapshot =>{
  let cars = [];
  snapshot.forEach( doc => {
        cars.push({
            ...doc.data(),
            id: doc.id
        })
    })
})

这种情况下不暴露url,请问这种情况还能使用吗?

zhangyuang commented 2 years ago

ssr不关心你怎么获取数据,只要拿到数据返回就行了 1、整个应用按照ssr的规范全量迁移 2、分成新旧两个应用增量迁移,新旧页面之间通过a标签跳转 3、通过micro-app做微前端改造

3体验比较好但是难度和隐藏的坑非常多,建议选择成熟的方案2