Google App Engineの - のJava - バックエンドとフロントエンド角度-Iは、バックエンド</strong>として<strong>のJava GAE /クラウドエンドポイントのAPIを使用しています<strong>角度2ウェブアプリ</strong>を構築しています単一のプロジェクト

Question

インチ私の目的は

1. 実行の両方の単一のプロジェクトフォルダ内の両方の部分は、例えば使用して編集
2. my-project単一のGoogle Cloud Platformプロジェクト内にありますIntelliJ IDEA、2つのIDE /プロジェクトを切り替える必要はありません。

私の現状は以下の通りである：現在、私は私のAPIを含むJavaのApp Engineのプロジェクトフォルダを持っている

。現在、my-projectに配備されています。私はそれを編集するためにIntelliJ IDEAを使用します。私のバックエンドプロジェクトフォルダの基本的な構造：

Backend 
    .idea 
    src/main 
      java //My entire code is here 
      webapp 
       index.html //Just a stub 
       WEB-INF 
         appengine-web.xml 
         web.xml 
         logging.properties 
    build.gradle 
    pom.xml 
    <Some other files> 

また、フロントエンドに別にAngular 2プロジェクトフォルダがあります。これまでは、私はこのウェブアプリをローカルでテストしただけで、それを配備したことはありません。私はそれを編集するためにWebStormを使用しました。基本的なフォルダ構造：今すぐ

Frontend 
    e2e 
    node_modules 
    src 
     app 
     assets 
     environments 
     index.html 
     stlyes.css 
     <Some other files> 
    angular.cli.json 
    package.json 
    <Some other files> 

、私は私が上記したものを達成するための一つのプロジェクトにこれらの二つの部分をマージすることができますか？

Answer 1

両方の質問に対する回答は「はい」です。クライアントとサーバーコードは、同じプロジェクトフォルダ内のIntelliJ Ultimateエディションを使用して開発できます。

私のGAEプロジェクトでは、JavaではなくPythonを使用していますが、Javaの設定はほぼ同じです。私はdistなどapp.yamlの直下に置かれ、クライアントのJavascriptバンドルのすべてで、プロジェクトをビルドするためにAngular CLIを使用

マイプロジェクト構造

+-- .idea 
| 
+-- dist 
| 
+-- node_modules 
| 
+-- src 
    | 
    +-- app 
    | | 
    | +-- app.module.ts 
    | 
    +-- server 
    | | 
    | +-- <Python code> // Or your Java code 
    | 
    +-- tools 
    | 
    \-- index.html 

。私のサーバーコードのほとんどは、 "バックエンド"サービスの下で実行されます。サービスは、dist/backendの下に置かれています。これは単に個人的な好みです。

アプリはコマンドで展開されている：

cd dist_prod && gcloud app deploy -v v1 --project api-project-######## --verbosity debug