質問: ### 前提・実現したいこと Java,JavaScript、Ajax, React、Tomcat、jasper report等を用いて、社内向けの帳票管理Webツールを作りたい。 具体的には、今Excelで管理している各種情報をDBに登録し、Web上から管理できる環境にしたいです。 前職場の社内Wikiには事細かく記載していたのですが、もちろん転職してしまっては内容を見れず。。。 Quiita等に残しておけばよかったと後悔しています。 ### 発生している問題・エラーメッセージ ・サーバ側:Java、フロント側:React、JavaScript、Node.jsで、Tomcatを起動したら、Webサイトにつながるような環境を構築したいが、サーバとフロントの連携方法が不明。 ~~・Javaプロジェクトとして開発したいが、Warファイルを作成するには動的Webプロジェクトか、静的Webプロジェクトでないと作れなくて困っている。~~ ・Eclipseの新規プロジェクトにて、Javaプロジェクトとして開発したいが、Warファイルを作成するには動的Webプロジェクトか、静的Webプロジェクトでないと作れず、解決方法が不明。 JSPファイルでなく、JSファイルを使用して開発したいです。 前職場では、コマンドプロンプトでなにかコマンドを入力して、warファイルを作成していました。(上司がしていた為コマンド不明) ### 試したこと ・eclipse、VSCodeのインストール。 ・Node.jsのインストール。 ・QiitaのReact開発環境構築2018を参考にしながらReact環境を作成、画面表示までできた。 ・eclipseにてJavaプロジェクトモードでプロジェクトを作成。 ・ひたすらググって、似たような環境を探して環境作ろうとしたが、参考になるものがなく、作成できていない。 ### 補足情報(FW/ツールのバージョンなど) ・Windows10 64Bit PCにて開発。使用者も同様。 ・javac、java:13 ・ npm:6.9.0 ・yarn:1.19.1 ・git: 2.21.0.windows.1 ・node.js:v10.16.3 ・eclipse(日本語版):photon Full Edition 2019-09版 ・サーバ:社外のMySQLサーバを利用予定。 ### 追加情報について ・QiitaのReact開発環境構築2018を参考にしながらReact環境を作成、画面表示までが作成済み。 ・eclipseにてJavaプロジェクトモードでプロジェクトを作成。 フォルダ構成含め、どのようにするか検討段階。 ・MVCモデルに準拠した形でフォルダ構成なども行う予定です。 ・本当にプロジェクト追加を行っただけ、QuiitaをもとにReactの開発環境を構築しただけです。 そこからどうフロントエンドとサーバーサイド側と連携させていくかが不明です。 ・Javaでサーバとの連携処理のを記入、JavascriptとReactでフロントを作成し、作成後にwarファイルを発行して、Tomcat上で動かしたいです。 参考になるサイトでもよいので教えていただけるとありがたいです。
回答: 現質問状況から、回答できる部分だけ回答させていただきます。 > > ・サーバ側:Java、フロント側:React、JavaScript、Node.jsで、Tomcatを起動したら、Webサイトにつながるような環境を構築したいが、サーバとフロントの連携方法が不明。 > > > そもそも、Node.JSはフロント側で使うようなものではないですが・・・。 まずサーバーを立てましょう。 そして、サーバーにアパッチの設定をして、 Javaによって、URLにアクセスした時に、ブラウザに対して、HTMLをレスポンスするようにしましょう。 そして、そのHTMLのテンプレートかわかりませんが、それに、Reactなりなんなりを使えるようにしましょう。 > > ・Javaプロジェクトとして開発したいが、Warファイルを作成するには動的Webプロジェクトか、静的Webプロジェクトでないと作れなくて困っている。 > > > 上記をやればおのずと解決します。 (サーバーサイドとして使うんだから、サーバーを立てて起動しないと動的になるわけがない) 開発段階では、ローカルサーバーを立てましょう。 XAMPP(Window)やMAMP(Mac)が有名です。 > > ・Eclipseの新規プロジェクトにて、Javaプロジェクトとして開発したいが、Warファイルを作成するには動的Webプロジェクトか、静的Webプロジェクトでないと作れず、解決方法が不明。 > > > 上記に同じです。 Eclipseの場合は、Javaがサーバーサイドとして動く環境をまず自身で作る必要があります。 (つまり開発段階ではローカルサーバー) > > JSPファイルでなく、JSファイルを使用して開発したいです。 > > 前職場では、コマンドプロンプトでなにかコマンドを入力して、warファイルを作成していました。(上司がしていた為コマンド不明) > > > これに関しては、門外漢でわかりませんが、サーバーサイドで使う拡張子・言語ですか? 単純に、それを使用してサーバー処理をコントロールするよう、サーバーの設定をすればいいだけだと思いますよ。 ちなみに、Node.JSは基本的には、サーバーサイドJavaScriptなので、拡張子は.jsです。 っていうふうに、ふわっとしか回答できませんよ、 この質問だと。 あらゆる方法もありますし、少し勉強不足もあるかと思いますし。 とにかく、まず開発用にローカルサーバー立てましょう。 そこからです。 ちなみに、社内だけで使用するなら、社内LANのみでアクセスできるというセキュリティというかネットワーク設定も必要になるでしょう。