LoginSignup
0
0

More than 1 year has passed since last update.

@zumax

【初心者】AWS Amplifyを試してみた

Posted at

背景・目的

AWSサービスの確認など、簡単なWebページが欲しい場合があります。そのような場合に、Amplifyを使用して実現したのでメモしておきます。

実践

手順

HTMLを作成

今回は、testと書いたページを用意しました。(BODYタグなど省略しています。)

<html>
<B>test</B>
</html>

分かりづらいですが、ブラウザで開くとこのように表示されます。
image.png

Amplifyにアップロード

  1. 使用を開始するをクリックします。
    image.png

  2. Amplify Hostingの「使用を開始する」をクリックします。
    image.png

  3. リポジトリの指定では、今回は「Gitプロバイダーなしでデプロイ」を選択して、続行をクリックします。
    image.png

  4. 以下を入力して「保存してデプロイ」をクリックします。

  • アプリケーションの名前
  • 環境名
  • 方法
    • ファイルの指定。zipにする必要があります。
      image.png
  1. すぐにデプロイされます。
    • 任意のDomainが割り当てられます。
      image.png

Webページの確認

  1. Domainをクリックし、ファイル名をtest.htmlに書き換えアクセスします。
    できました。
    image.png

考察

5分程度で、サクッと静的なWebページをデプロイできました。GitHubなどのリポジトリと連携すると楽に開発ができそうです。

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0