2017-01-30 4 views
0

私はAngular 2を使って携帯アプリを構築することを学んでいます。今までバックエンドは必要なかった。私はExpressとMongoDBを使ってRestApiを構築する方法を学んでいます。GALPを使ってMEANスタックを起動する(フロントエンドとバックエンド)

しかし、私が見つけるドキュメントでは、gulpを使用してどちらかを実行する方法のみを示しています。

FrontEndの:

// Start a server for project. 
gulp.task('connect', function(){ 
    connect.server({ 
    root : '', 
    livereload : true, 
    fallback: 'index.html' 
    }); 
}); 

私はがぶ飲み-nodmonを使用するAPIを作ることを学ぶ中:

バックエンド

gulp.task('default', function(){ 
    nodemon({ 
     script: 'app.js', 
     ext: 'js', 
     env: { 
      PORT:8080 
     }, 
     ignore: ['./node_modules/**'] 
    }) 
    .on('restart', function(){ 
     console.log('Restarting'); 
    }); 
}); 
フロントエンドを構築するとき、私はがぶ飲み-Connectを使用して例えば

私は両者が同じことをしていると理解しています。ノードを使用するローカルサーバー。私の質問は、私はフロントエンドとバックエンドの両方を起動するように、どのようにgulpをセットアップすると思いますか?私はYeomon発電機をどのように使っているのか見てみましたが、MEANスタック発電機ではNODEを使う傾向がありました。私は確かにこれは問題ないと確信していますが、私はそれがどのように設定されているのかわからないし、ガルプを使ってより快適になっています。

私はフロー全体を完全に誤解しているかもしれませんが、誰かが私にとって良い説明や指針を持っていますか?

+1

私は完全に異なるサービス/プロジェクトとして扱います。シングルページアプリケーションの素晴らしい点は、バックエンドをフロントエンドから完全に分離できることです。私は、同時に彼らを立ち上げるために暴力団をセットアップしようとするのをやっていなくても、それを独立して立ち上げるだけです。 – shusson

+0

どのように角度2を管理していますか?私は蒸散部分を意味する?? –

+0

@shussonとして言及する前に、私はそれを2つの槍プロジェクトに分割しました。角度2はギャルプの必要はありません。 Angular-CLIを使用するだけです。ビルド、提供するすべてが含まれています。 バックエンドを使用すると、ガルプなしでも起動してビルドできます。ちょうどnpmスクリプトを使用してください。プロジェクトの例がここにあります:https://github.com/sibelius/koa-passport-mongoose-graphql。それはkoaに基づいていますが、これは問題ではありません。 –

答えて

0

あなたのアドバイスをいただき、ありがとうございました。 MEAN stack to meは、アプリケーションを開発するための単一コードベースのアプローチです。私は、2台のヒロクサーバーに2台のGitリポジトリを配備することを避けたかったのです。

私はいくつかの検索を行い、平均スタック開発< - >展開で2時間のyoutubeビデオを見終わった。

expressは静的なhtmlをデプロイできるように見えますが、これは私の角型アプリケーションを実行します。

app.use(express.static('public')) 

をして、一気でファイルをexpressapp.jsか、それを起動するためにNPMを使用するか実行します:

だから内部のあなたが書くでしょう表現します。

関連する問題