ReactとSpring Bootのプロジェクトを作成した

目的

ReactとSpring Bootのプロジェクトを作成しました。
かなり荒い構成と思いますが、取り急ぎGitHubにて公開します。
github.com

説明

参考にした記事

本プロジェクトのソースは下記の記事を参考に作成しました。

アプリケーションの動作内容

ReactからRestにてSpring BootにアクセスしJsonを取得してブラウザに表示します。
Spring BootではPostgreSQLにアクセスしテーブル内のデータを取得しています。

動作環境

Amazon Linux AMI release 2018.03
JDK 10
Node v10.6.0
PostgreSQL 9.6
Spring Boot 2.0.4.RELEASE
React 16.4.1
Gradle 4.9 & Gradle Wrapper

プロジェクトの構成

プロジェクトの各フォルダの役割は下記です。
- GitHubにコミットしてあるもの
spring-react-sample/frontend/src/　Reactのソースを格納
spring-react-sample/src/main/resources/public/　Javaのソースを格納
spring-react-sample/src/main/resources/public/　静的ファイル（index.html）を格納。Spring Boot組み込みTomcatはこのフォルダを読み込んで静的ファイルを表示します。

  • GitHubにコミットしていないもの
    spring-react-sample/build　"./gradlew build"でビルドされたjarファイルが格納されています

application.yml

下記のファイルはセキュリティの都合push指定いません。
実際に動作させる場合は下記内容のファイルが必要になります。
spring-react-sample/src/main/resources/config/application.yml

spring:
  datasource:
    url:  jdbc:postgresql://localhost/データベース名
    username: ユーザー
    password: パスワード
    driverClassName: org.postgresql.Driver
server:
  port: 8080