HarioNote

<p>EclipseではなくVSCodeで作業しつつTomcatサーバーを立ち上げたく、設定してみたのですがそのうち忘れそうなので備忘録として書きます。</p>
<h2>前提・注意点</h2>
<p>私の場合以下の環境であったり前提条件のもとで設定しているので、参考にされる場合は自身の環境や状況によしなに合わせてください。</p>
<ul>
<li>作業PCにTomcatがインストールされている。</li>
<li>Tomcatのwebapps下にプロジェクトフォルダが配置されている</li>
<li>タイトルにVSCodeとあるが、私の使用しているエディタはVSCodeをフォークしたCursolというものなので若干見た目が異なるかもしれない。</li>
<li>今回スクショで出てくるTomcatのバージョンが古いです。実際にサービスとして外部に提供する場合はサポートされているバージョンを使用するようにしてください。</li>
</ul>
<h2>設定手順</h2>
<h3>必要な拡張を追加する</h3>
<p>まずVSCodeに必要なプラグインを追加しておきます。<br>
必要なので以下の2つです。</p>
<p>1.<a href="https://github.com/Microsoft/vscode-java-pack"> Extension Pack for Java</a><br>
<img src="https://storage.googleapis.com/newt-files/07084b3e-005f-4697-9860-6c413ae7958d/2024-12-16_2.webp" alt="2024-12-16_2.webp"><br>
2. <a href="https://github.com/redhat-developer/rsp-server-community">Community Server Connectors</a><br>
<img src="https://storage.googleapis.com/newt-files/a97b9f64-f8a0-4417-a909-0c4fad98b45c/2024-12-16_1.webp" alt="2024-12-16_1.webp"></p>
<h3>サーバーを設定する</h3>
<p>VSCodeの左ペインに<code>SERVERS</code>という欄が現れていると思うので、そこで「Create New Server...」をします。<br>
そして「No, use server on disk」を選択します。<br>
<img src="https://storage.googleapis.com/newt-files/4b143ba1-f1ea-4ffa-bf80-567644ecd1d1/2024-12-16_3.webp" alt="2024-12-16_3.webp"><br>
<img src="https://storage.googleapis.com/newt-files/5ef8ea35-a29f-42d6-8bfe-acb46c8cc507/2024-12-16_4.webp" alt="2024-12-16_4.webp"><br>
<img src="https://storage.googleapis.com/newt-files/616ffdeb-2c8d-4adb-8738-025c9a00d228/2024-12-16_5.webp" alt="2024-12-16_5.webp"></p>
<p>フォルダ選択ダイアログが表示されるので、Tomcatサーバーがあるディレクトリを選択します。（binがあるところです）<br>
<img src="https://storage.googleapis.com/newt-files/d465c48c-cf27-4bde-9612-e5362b89c43a/2024-12-16_6.webp" alt="2024-12-16_6.webp"></p>
<p>選択すると新たに作成するサーバーの設定画面が表示されます。<br>
<code>Server Name</code>に任意の名前をつけましょう。<br>
<img src="https://storage.googleapis.com/newt-files/0b6457fc-12ed-4e95-a4fa-762c7b5251bf/2024-12-16_7.webp" alt="2024-12-16_7.webp"></p>
<p>必要に応じて<code>Optional Attributes</code>の<code>vm.install.path</code>を指定してあげましょう。<br>
<img src="https://storage.googleapis.com/newt-files/c3b49586-4678-4a7d-b42d-84281bf3a1bb/2024-12-16_8.webp" alt="2024-12-16_8.webp"></p>
<p>普段からTomcatを起動するのに個別に指定しているJVMがある場合は同じものを指定してあげましょう。<br>
「Configure Tomcat」を起動して、「Java」タブの「Java Virtual Machine:」で指定している値があればそれと同じものを指定すればokです。<br>
<img src="https://storage.googleapis.com/newt-files/b2d55570-436e-46bd-ad01-be5eb8b8d32b/2024-12-16_10.webp" alt="2024-12-16_10.webp"></p>
<h3>起動してみる</h3>
<p>作成したサーバーを右クリックして「Start Server」で起動してみましょう。<br>
<img src="https://storage.googleapis.com/newt-files/0dda91b4-b110-461e-85a6-bb5e094dac3a/2024-12-16_11.webp" alt="2024-12-16_11.webp"></p>
<p>特に問題がなければ、VSCode内のターミナルにて「Server  startup」的なログが表示されるかと思います。</p>
<p>これでVSCode上からTomcatを起動でき、ログ出力もVSCode内で確認できます。</p>
<p>以上。</p>


VSCodeからTomcatサーバーを起動できるように設定する手順の備忘録

<p>以前まで使っていたEclipseが古かったので比較的新しいEclipseに乗り換えようと思ったのですが、PCにインストールされているTomcatを使用するようにする手順を忘れていたので備忘録としてまとめます。</p>
<p>ちなみにEclipse2024私の使用しているTomcatのバージョンが古いせいかわかりませんが、Tomcatプロジェクトをインポートしたあとに、「プロジェクトを右クリック」&gt;「プロパティ」&gt;「Tomcat」を選択したら、「現在表示されているページに、無効な値が含まれています。」とメッセージが出てしまいましたので、やめてしまいました。</p>
<h2>前提</h2>
<p>作業するPCにはすでにTomcatがインストールされているものとします。</p>
<h2>手順・やったこと</h2>
<p>Eclipseのインストール手順は省略します。<br>
<a href="https://willbrains.jp/">https://willbrains.jp/</a><br>
から2023のJavaのFull Editionをダウンロードしてインストールしました。<br>
<img src="https://storage.googleapis.com/newt-files/f8f0f7b3-077b-4830-a6c7-c55f05cd430a/72f12dfc-36fb-41b0-be05-d5ec0b4f3a9e.webp" alt="72f12dfc-36fb-41b0-be05-d5ec0b4f3a9e.webp"></p>
<h3>Tomcatプラグインを追加</h3>
<p>Eclipseをインストールして起動したら、「ヘルプ」&gt;「Eclipse マーケットプレース」を開き、「Tomcat」と検索し、「Eclipse Tomcat Plugin」をインストールするだけです。<br>
<img src="https://storage.googleapis.com/newt-files/b99171d1-6a89-4941-9a10-8060150d7467/3f1de230-1886-451c-be9a-c99162ee57f4.webp" alt="3f1de230-1886-451c-be9a-c99162ee57f4.webp"><br>
<img src="https://storage.googleapis.com/newt-files/74e017be-53a2-4f22-b125-2642d0c0c78c/1a249393-aaeb-4c00-9a53-94989118a4cb.webp" alt="1a249393-aaeb-4c00-9a53-94989118a4cb.webp"></p>
<p>これでEclipseでTomcatを起動できるようになりました。</p>
<h3>既存のTomcatプロジェクトをインポートする</h3>
<p>※このステップは個人的な備忘録で、EclipseでローカルTomcatを使うようにする設定とは関係ないので飛ばしてokです。</p>
<p>「プロジェクトのインポート」を実行します。（Eclipseがインストールしたてなら、パッケージエクスプローラーに導線が表示されています。）<br>
<img src="https://storage.googleapis.com/newt-files/ac05e199-4e74-4dc5-af94-ac8f4ac97e95/b97756ae-7089-4595-8b5a-afecdfbc13a9.webp" alt="b97756ae-7089-4595-8b5a-afecdfbc13a9.webp"><br>
<img src="https://storage.googleapis.com/newt-files/cb78b9f4-27c1-468e-a774-8c2b60d70efc/ea3a8e5a-7d1b-48c2-ab91-f900a2a46ae0.webp" alt="ea3a8e5a-7d1b-48c2-ab91-f900a2a46ae0.webp"><br>
「ルート・ディレクトリーの選択」で、Tomcatプロジェクトがあるディレクトリを指定。<br>
私はプロジェクトを、PCにインストールしてあるTomcatの下に配置してあったので<code>C:\Program Files\Apache Software Foundation\Tomcat X.0\webapps\xxx</code> みたいな指定をしました。</p>
<p>それ以外は特になにもせずに「完了」。</p>
<p>ちなみに、追加したプロジェクトを右クリック &gt; 「プロパティー」&gt;「Tomcat」でwarエクスポートの設定等が行えます。<br>
※ この「Tomcat」という選択肢はTomcatプラグインがEclipseに追加されていないと表示されないです。<br>
<img src="https://storage.googleapis.com/newt-files/b0d1d289-c117-47d6-807f-752798f91266/ea3a8e5a-7sergserfhsrt2a46ae0.webp" alt="ea3a8e5a-7sergserfhsrt2a46ae0.webp"></p>
<h3>余談：EclipseのTomcatの設定を確認するには</h3>
<p>今回は特に何もしませんが備忘録としてEclipseのTomcatの設定の確認の導線だけ示しておきます。<br>
「ウィンドウ」&gt;「設定」&gt;「Tomcat」で確認できます。<br>
<img src="https://storage.googleapis.com/newt-files/f8c144d0-3472-4e9d-8533-feca4a40d217/753855f2-b659-4b3d-94df-55c99370fc43.webp" alt="753855f2-b659-4b3d-94df-55c99370fc43.webp"><br>
<img src="https://storage.googleapis.com/newt-files/d526d520-099d-4bea-b12f-0044d01d1330/c6f1d086-316b-4554-a650-5d0e304e48cf.webp" alt="c6f1d086-316b-4554-a650-5d0e304e48cf.webp"></p>
<p>ここでTomcatプラグインで起動するTomcatの設定を行えます。</p>
<h3>PCにインストールされたTomcatをEclipseから起動するようにする。</h3>
<p>メニューの「ウィンドウ」&gt;「ビューの表示」&gt;「サーバー」をクリックし、サーバータブを表示させます。<br>
<img src="https://storage.googleapis.com/newt-files/dc93467e-9957-4d70-8c9c-0c35334e171a/f202dbfc-ffa8-4c66-9968-dc37947fc8c8.webp" alt="f202dbfc-ffa8-4c66-9968-dc37947fc8c8.webp"></p>
<p>サーバータブ内を右クリックし、「新規」を選択。<br>
<img src="https://storage.googleapis.com/newt-files/a1d16d8f-d86d-4ccd-85f8-fb4da50d76ae/55dc73f9-4de0-46dc-b54c-cd03f2611572.webp" alt="55dc73f9-4de0-46dc-b54c-cd03f2611572.webp"></p>
<p>任意のサーバー名をつけて、「サーバー・ランタイム環境」の右の「追加...」をクリックします。</p>
<p><img src="https://storage.googleapis.com/newt-files/b87f9560-6032-4ee7-a34b-799aec1c149d/55dc73f9-4defawefawb54c-cd03f2611572(1).webp" alt="55dc73f9-4defawefawb54c-cd03f2611572(1).webp"></p>
<p>ここで、「Tomcat インストール・ディレクトリー」の「参照」ボタンをクリックし、PCにインストールされているTomcatを指定します。<br>
例えば<code>C:\Program Files\Apache Software Foundation\Tomcat 7.0</code>みたいな値を設定すればokです。<br>
※ webappsとかbinとかがあるディレクトリを指定すればokです。</p>
<p><img src="https://storage.googleapis.com/newt-files/11050e4b-4430-4b8f-810f-38ffd73ef19a/6bff3fd4-de50-495f-8ae3-918ec59c0110.webp" alt="6bff3fd4-de50-495f-8ae3-918ec59c0110.webp"></p>
<p>JREについては、指定したTomcatに合うJREを指定するのようにしてください。<br>
「インストール済みのJRE...」ボタンをクリックすればJREの指定画面が表示されます。<br>
<img src="https://storage.googleapis.com/newt-files/02c5c05f-09f7-499d-9005-ae8b509436c6/6bff3fd4-de50-4gfd-918ec59c0110.webp" alt="6bff3fd4-de50-4gfd-918ec59c0110.webp"></p>
<p>※ 使用すべきJREがわからない場合は、PCにインストールされているConfigureTomcatを起動し、「Java」タブでJava Virtual Machineに指定してあるパスを確認して、その情報からわかるバージョン番号と同じバージョンを指定してやればいいと思います。</p>
<p>「名前」は任意で修正して、「完了」をクリックします。<br>
「新規サーバー」ウィンドウに戻ったら、そこでも「完了」をクリックしてサーバーの追加を完了します。</p>
<p>サーバータブに新しく作成したサーバーができていると思います。</p>
<p>新しくできたサーバーをダブルクリックすれば詳細情報が表示されます。<br>
そこの「ポート」の欄で「Tomcat 管理ポート」が指定されてるか確認してください。<br>
過去に私はここが未指定でハマりました。未指定なら「8005」を指定してあげてください。<br>
<img src="https://storage.googleapis.com/newt-files/00e7f96d-7012-4888-b571-6a64c0023753/0c2cd939-c896-484f-9812-02f3f89ec7b5.webp" alt="0c2cd939-c896-484f-9812-02f3f89ec7b5.webp"><br>
（未指定でサーバーを起動しようとしたら「1つ以上のポートが無効なため、サーバーを起動できません。サーバー・エディタを開き、無効なポートを訂正してください。」などと言われます。）</p>
<p>次に「サーバー・ロケーション」の欄で「Tomcatインストールを使用」を選択するように変更してください。<br>
<img src="https://storage.googleapis.com/newt-files/813c37b4-a6b6-4523-8b73-f7e9861fbeac/a9cb5f6c-bd76-4cd0-ac69-62d3121454bf.webp" alt="a9cb5f6c-bd76-4cd0-ac69-62d3121454bf.webp"></p>
<p>ここまでできたらその設定を保存してください。</p>
<h2>TomcatをEclipseから起動する</h2>
<p>ここまでできたら準備は完了です。<br>
「サーバー」タブで作成したサーバーを選択して起動ボタンをクリックします。<br>
<img src="https://storage.googleapis.com/newt-files/ec20e118-e5be-4032-b4eb-03a818228508/a9cb5f6c-adergfaac69-62d3121454bf.webp" alt="a9cb5f6c-adergfaac69-62d3121454bf.webp"></p>
<p>以上です。</p>
<h2>余談：EclipseでTomcatを起動してもConfigure Tomcatの「Service Status」は「Stopped」のままになる</h2>
<p>これはそういう現象を確認しただけで、なぜそうなるかまではちゃんと調べてないです（すみません）。<br>
おそらくEclipseで起動するとPCにインストールされたTomcatとは別プロセスとして動作するからと思われます。PCにインストールされたTomcatを起動していますがプロセスは別なので、Configure Tomcat視点での状態をConfigure Tomcat画面では反映させるので「Stopped」と表示されるわけです。</p>


#Tomcat

VSCodeからTomcatサーバーを起動できるように設定する手順の備忘録

Eclipse新しくインストールしたので、PCにインストールされているTomcatをEclipseから立ち上げるようにする手順の備忘録