2016-06-08 2 views
0

나는 MEAN 스택을 배우려고 여행을 시작했다. 하지만 저는 Mongo.db 대신 Firebase를 사용하고 Angular 대신 Angular2를 사용하고 싶다는 것을 깨달았습니다. 익스프레스에서 Angular2를 설정하는 데 문제가있어서 모든 것이 간단하고 잘 작동하는 문제가 발생했습니다. Firebase, Express, Angular2 및 Node에 대한 표준 설정을 찾기 위해 표준 답변을 찾으려고 할 때 Firebase를 사용할 때 Express가 더 이상 필요하지 않다는 일부 게시물을 보았습니다. 나는이 모든 프레임 워크에 대해 아직 익숙하지 않아서 모든 것을 정확하게 이해할 수 있을지 확신 할 수 없다. 나는 post을 찾았는데, 내 질문에 다소 답하지만, 2014 년부터이며 Firebase와 Express의 새로운 버전이 있다는 것을 알고 있습니다.Express를 Firebase와 함께 사용하는 것이 좋습니다.

현재 Express와 Firebase의 차이점은 무엇입니까? 그리고 두 경우 모두 사용해야한다고 생각해야합니까?

감사합니다.

+0

링크 된 대답은 여전히 ​​정확합니다. 다른 하나를 추천하는 것은 스택 오버 플로우에 대한 주제를 벗어난 것입니다. –

답변

1

여기

npm install angularfire2 firebase --save 

익스프레스

에 대한 필요가 중포 기지

import {Component} from '@angular/core'; 
    import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

    @Component({ 
     selector: 'project-name-app', 
     template: ` 
     <ul> 
     <li *ngFor="let item of items | async"> 
      {{ item.name }} 
     </li> 
     </ul> 
     ` 
    }) 
    export class MyApp { 
     items: FirebaseListObservable<any[]>; 
     constructor(af: AngularFire) { 
     this.items = af.database.list('/items'); 
     } 
    } 

와 함께 사용하지만 당신은 SEO 관점에서, Express를 사용할 수있는 방법을 예를 들어, 즉 응용 프로그램을 렌더링입니다 서버 쪽

import * as express from 'express'; 
    import {ng2engine} from 'angular2-universal-preview'; 

    // Angular 2 
    import {App} from './src/app'; 

    let app = express(); 

    // Express View 
    app.engine('.ng2.html', ng2engine); 
    app.set('views', __dirname); 
    app.set('view engine', 'ng2.html'); 


    // static files 
    app.use(express.static(__dirname)); 


    app.use('/', (req, res) => { 
     res.render('index', { App }); 
    }); 



    app.listen(3000,() => { 
     console.log('Listen on http://localhost:3000'); 
    }); 
관련 문제