はじめに
今回はRenderの使用方法について書きたいと思います。
Githubを使用するので、登録していない方は、こちらの記事を読んで登録してください。
前提条件
Windows10 64bit |
---|
Renderについて
Renderとは、Webサイトを構築または、実行するためのツールです。
アプリ開発では、デプロイすることが必要になります、
- デプロイ
実行ファイル(プログラムなど)を、アクセス可能な本番環境に配置すること。
Docker について
Dockerfileを使用するので、Dockerについての説明をします。
- Docker
Docker社が開発するアプリケーションの実行環境 - Dockerコンテナ
仮想化されたアプリケーションの実行環境 - Dockerイメージ
Dockerコンテナの動作環境 - Dockerfile
Dockerイメージを作成するための設計図
Dockerfileを利用するだけで、同じ開発環境を簡単に作成することができます。
Dockerfile作成方法
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2Ff0b3b37c-1c36-58cf-2c6a-6aaca6c0c859.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b9ecfb550798b314464f86164d98306c)
STSを開いて、Dockerfileを作成するプロジェクトを選択し、右クリック>新規>その他を押します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2F062e4285-1216-5b00-20bc-10c6ade39be5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9d521abc11039306e983cc4fefb72d1b)
一般>ファイル>次へを押します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2F636b9798-3366-fccb-742b-9618f88fd560.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=425f1a96d78af554f70969d67b6f7c34)
親フォルダーを選択します。今回はdemoを使用するので、demoを選択しました。
次に、「ファイル名」の欄にDockerfileと入力します。
ここまでできたら、「完了」を押してください。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2Fe53552c6-94ae-0468-0aed-ca203806c0b7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bd34be885008d395cdeaf089f8a661a3)
demo配下に、Dockerfileが作成されたことを確認します。
そして、下のコードをDockerfileに入力します。
FROM maven:3-eclipse-temurin-17 AS build//buildステージを開始、Eclipse Temurin 17 JDKを適応したMavenということを設定
COPY . .//ファイルをコピー
RUN mvn clean package -Dmaven.test.skip=true//アプリケーションの実行と、テストのスキップ。
FROM eclipse-temurin:17-alpine//新しいビルドステージの開始
COPY --from=build /target/demo-0.0.1-SNAPSHOT.jar demo.jar//前のビルドステージからビルドされたjarファイル(demo.jar)を新しいビルドステージにコピー
EXPOSE 8080//ポート8080を宣言
ENTRYPOINT ["java", "-jar", "demo.jar"]//実行するファイル(demo.jar)を指定
ファイルの変更を保存して完了です。
プロジェクト名がdemoではない時は、demoと記載している部分を変更してください。
Render登録方法
Renderのページへ飛びます。
今回は、Renderをデプロイ環境として利用していきたいと思います。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2F22f534e2-797d-616d-a2fc-e9ad1629383a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0bea94cc5edcbc874602f2b38d2b189e)
「GET STARTED FOR FREE」を押してください。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2Fd99676e1-4c68-7837-dde8-18d35ab8cef5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6cfc063ae817bd64abc83ef4a79eab8d)
Githubを選択します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2F83e3afee-bff1-7fa2-9fd4-07ec6853e0f3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=30dcca244fa5e8f4c00046903a4232da)
ログインできたら、ページ右上のNew>Web Serviceを押します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2F04ad4602-3e9d-ca89-6130-d66293446a30.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7d6889a55c4a7c45c2f6c07754d67d4d)
Githubと連携できていれば、リポジトリが表示されるので、前回の記事で作成したリポジトリを「Connect」します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3526192%2F4e459aa5-0a51-3008-0d57-a6bcab0bc41f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0aaca1c05114970f51b3af3343b39f8d)
Dashboradから、デプロイできているのか確認します。
「Events」を押せば、デプロイ状況が確認できます。
デプロイ完了であれば、URLからページにアクセスします。
このように表示されれば、成功です。
お疲れさまでした。
参考記事
今回は、こちらの記事を参考にしました。