2016-06-08 3 views
0

Я начал свое путешествие, чтобы попытаться изучить стек MEAN. Но потом я понял, что хочу использовать Firebase вместо Mongo.db и Angular2 вместо Angular. Я столкнулся с проблемой, когда у меня возникли проблемы с настройкой Angular2 с выражением, чтобы все было просто и работало нормально. пытаясь найти стандартный ответ для хорошей настройки для Firebase, Express, Angular2 и Node, я видел несколько сообщений, показывающих, что Express больше не требуется при использовании Firebase. Я все еще новичок в этих рамках, поэтому я не уверен, правильно ли я понял все. Я нашел это post, что на мой вопрос отвечает, но это с 2014 года, и я знаю, что есть новые версии Firebase и express.Можно ли использовать Express с Firebase?

В чем разница в Экспресс и Firebase в настоящее время? и в каких случаях я должен использовать их оба?

Спасибо!

+0

Ответ, который вы связываете, по-прежнему кажется точным. Рекомендация одной из других отключена для переполнения стека. –

ответ

1

Нет необходимости Экспресс

npm install angularfire2 firebase --save 

вот пример того, как использовать его с Firebase

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'); 
     } 
    } 

Но вы можете захотеть использовать Express, с точки зрения SEO, что делает приложение на стороне сервера

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'); 
    });