2016-03-29 14 views
1

構造がどのように見えるangularjs:私はAPIとしてジャンゴを使用し、APIからJSONオブジェクトを返し、フロントend.Bothフロントエンドでの私のAngularJSアプリのデータを使用展開ジャンゴと自分のアプリケーションの

myapp 
--backend 
--env 
--frontend 
    -- .idea 
    -- app 
    -- assets 
    -- bower_components 
    -- views 
    -- .htaccess 
    -- index.html 
    -- node_modules 


flag 

バックエンドは異なるポートで実行されています。 ..だから今、私は本番サーバー上で自分のアプリケーションを移動したい下さい

cd frontend 
grunt serve 

を:

cd backend 
./manage.py runserver 127.0.0.1:8000 

と使用してWebサーバを起動します。開発サーバーでは、私は、次のコマンドを使用して、ジャンゴ・サーバを起動する使用しましたそれをやる方法を教えてください。私は、プロダクションサーバー(djangoとapache2とmod_wsgi)をセットアップしました。しかし、私はangularjsをどのように統合するのか分かりません。

+0

を使用して、ページ内renderdです。 – AceLearn

+0

AngularjsとDjangoの混在を防ぐには:http://stackoverflow.com/a/27282607/2412381 – yeaske

答えて

1

私は現在、バックエンドでdjangoを、フロントエンドでangularjを使用しているプロジェクトはほとんど実行していません。

1.すべてのjavascriptファイルは、静的フォルダから配信されます。

2.初期ロード時にdjangoからhtmlを返します。

3.HTMLファイルでは、angular.js mymodule.jsとmycontroller.jsを含む必要なスクリプトが静的フォルダから読み込まれます。

4. djangoがjson応答を返すdjangoサーバにcontroller.js内のajaxリクエストを送信することによって、ページに必要なデータがロードされます。

5。応答は、nginxのを使用してみてくださいangularjs

関連する問題