<h1 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h1>
<p>SpringBootの学習中にデプロイするところで盛大にコケたので共有しようと思った</p>
<h1 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h1>
<p>macOS Sonoma 14.1.1<br>
VSCode<br>
SpringBoot 3.2.0<br>
Java 17</p>
<h1 id="%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E8%BF%BD%E5%8A%A0">
<a class="header-anchor-link" href="#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E8%BF%BD%E5%8A%A0" aria-hidden="true"></a> 拡張機能の追加</h1>
<p>VSCode上でデプロイするために「Community Server Connectors」をインストール<br>
<img src="https://storage.googleapis.com/zenn-user-upload/cdb82d93b64b-20231128.png" loading="lazy" class="md-img"></p>
<h1 id="maven%E3%81%A7war%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#maven%E3%81%A7war%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" aria-hidden="true"></a> Mavenでwarファイルを作成する</h1>
<p>サイドバーの<code>Meven</code>→<code>LifeCycle</code>→<code>package</code>をクリック<br>
<img src="https://storage.googleapis.com/zenn-user-upload/937a14480dee-20231128.png" loading="lazy" class="md-img"><br>
「BUILD SUCCESS」が出たら完了<br>
<code>project/target</code>直下に<code>プロジェクト名.war</code>ファイルが作成されていることを確認</p>
<h1 id="tomcat%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#tomcat%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> TomCatのインストール</h1>
<p>Community Server ConnectorからTomCatをダウンロード<br>
サイドバーの「SERVERS」→「Community Server Connector」を右クリック<br>
「Create New Server...」を選択<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b60903c7475d-20231128.png" loading="lazy" class="md-img"><br>
「Download server?」と聞かれるので「Yes」を選択<br>
2回目以降は状況によって使い分ける<br>
バージョンを選択できるので選択<br>
ここでは10.1.4を選択<br>
<img src="https://storage.googleapis.com/zenn-user-upload/5d16e1089cc6-20231128.png" loading="lazy" class="md-img"><br>
「Continue?」や「Yes/No」を聞かれたらとりあえず「Continue」「Yes」を押す<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6eb9f515ae78-20231128.png" loading="lazy" class="md-img"><br>
無事インストール完了</p>
<h1 id="%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4" aria-hidden="true"></a> デプロイ</h1>
<p>TomCatを右クリックし、「Add Deployment」を選択<br>
<img src="https://storage.googleapis.com/zenn-user-upload/72430565aad2-20231128.png" loading="lazy" class="md-img"><br>
先ほど作成したwarファイルを選択する<br>
テキストボックスは一旦「Enter」でOK<br>
↓インストールしたTomCatの下に追加される<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c1e6b85351b1-20231128.png" loading="lazy" class="md-img"></p>
<h1 id="%E8%B5%B7%E5%8B%95">
<a class="header-anchor-link" href="#%E8%B5%B7%E5%8B%95" aria-hidden="true"></a> 起動</h1>
<p>「SERVERS」のTomCatを右クリック<br>
「Start Server」を選択<br>
<img src="https://storage.googleapis.com/zenn-user-upload/4a2b56b19185-20231128.png" loading="lazy" class="md-img"><br>
これで起動完了なので<code>http://localhost:8080/</code>にアクセスし、起動しているか確認<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6568b8abb09c-20231128.png" loading="lazy" class="md-img"><br>
あとは<code>Controller</code>で設定したURLにアクセスして、コードが反映されているかを確認してみましょう</p>
<h1 id="%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%9F%E8%A8%98%E4%BA%8B">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%9F%E8%A8%98%E4%BA%8B" aria-hidden="true"></a> 参考にした記事</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__19dbbb56a1eee" src="https://embed.zenn.studio/card#zenn-embedded__19dbbb56a1eee" data-content="https%3A%2F%2Fqiita.com%2Fna2gashi%2Fitems%2F7f4f00e60b23e0652ddc" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://qiita.com/na2gashi/items/7f4f00e60b23e0652ddc" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/na2gashi/items/7f4f00e60b23e0652ddc</a></p>


VSCodeの拡張機能を使ってTomcatでSpringBootをデプロイする【Maven】

デプロイ

Discussion