Zenn
🍵

【画面キャプチャ付き】１時間でアリババクラウドの基礎を習得するハンズオン【超入門】

2024/03/25に公開
AWS
WordPress
#
プログラミング入門
#
handson
#
アリババクラウド
tech

はじめに

ハンズオンとしてアリババクラウドの基礎を学ぶため、実際にコンソールを触りながら、初歩的かつ最小限のシステムを構築していきます。

対象者

アリババクラウドを初めて触る方に最適です。
AWSに似ているのでAWS経験者は理解しやすいかと思います。

最終ゴール

以下のような構成でWordpressを作成します。
スクリーンショット 2024-03-25 14.32.04.png

準備

アカウントが必要になります。
まだ作成していない方は【10分で完結】アリババクラウド 全画面キャプチャ付きアカウント新規作成方法を参考に作成してください。

注意点

初めて利用する場合、所々アカウントへ権限が無いなどと表示されると思いますが、許可ボタンが近くにあると思うので、クリックして許可して下さい。

手順

  1. VPCとvSwitch(サブネット)の作成
  2. セキュリティグループの作成
  3. ECSインスタンスの作成
  4. EIPの作成
  5. PolarDBの作成
  6. ECSとPolarDB
  7. Wordpressの初期設定
  8. PolarDB内の投稿データ確認
  9. リソースの削除

0. はじめに

  1. アリババクラウドのホームページへアクセスして下さい

  2. (必要なら)日本語変換します
    スクリーンショット 2024-03-25 15.00.01.png
    スクリーンショット 2024-03-25 15.00.12.png

  3. コンソールへアクセスしてください
    スクリーンショット 2024-03-25 15.02.04.png

1. VPCとvSwitch(サブネット)の作成

ゴール

スクリーンショット 2024-03-25 15.07.43.png

手順

  1. VPCページへアクセス
    スクリーンショット 2024-03-25 15.11.38.png

  2. VPC一覧へアクセス
    スクリーンショット 2024-03-25 15.13.09.png

  3. VPC作成へアクセス
    スクリーンショット 2024-03-25 15.14.09.png

  4. VPC情報を入力して作成
    スクリーンショット 2024-03-25 15.14.55.png
    スクリーンショット 2024-03-25 15.15.04.png

  5. VPC作成完了
    スクリーンショット 2024-03-25 15.15.46.png

2. セキュリティグループの作成

ゴール

スクリーンショット 2024-03-25 15.22.34.png

手順

  1. ECSページへアクセス
    スクリーンショット 2024-03-25 15.23.39.png

  2. セキュリティグループページへアクセス
    スクリーンショット 2024-03-25 15.24.28.png

  3. セキュリティグループ作成ページへアクセス
    スクリーンショット 2024-03-25 15.25.46.png

  4. セキュリティグループ作成
    スクリーンショット 2024-03-25 15.26.17.png

3. ECSインスタンスの作成

ゴール

スクリーンショット 2024-03-25 15.26.50.png

手順

  1. マーケットプレイスへアクセス
    スクリーンショット 2024-03-25 15.27.24.png

  2. 公開イメージを検索
    スクリーンショット 2024-03-25 15.28.22.png

  3. 公開イメージを選択
    スクリーンショット 2024-03-25 15.28.58.png

  4. ECSを作成
    スクリーンショット 2024-03-25 15.29.27.png
    スクリーンショット 2024-03-25 15.29.37.png
    スクリーンショット 2024-03-25 15.29.51.png
    スクリーンショット 2024-03-25 15.30.51.png
    スクリーンショット 2024-03-25 15.31.00.png

  5. ECS作成完了
    スクリーンショット 2024-03-25 15.32.38.png

  6. ECSが作成されたことを確認
    スクリーンショット 2024-03-25 15.33.45.png

4. EIPの作成

ゴール

スクリーンショット 2024-03-25 15.35.02.png

手順

  1. EIPページへアクセス
    スクリーンショット 2024-03-25 15.37.34.png

  2. EIP作成ページへアクセス
    スクリーンショット 2024-03-25 15.38.06.png

  3. EIP作成
    スクリーンショット 2024-03-25 15.38.34.png
    スクリーンショット 2024-03-25 15.38.58.png

  4. EIP作成完了
    スクリーンショット 2024-03-25 15.39.20.png

  5. EIP関連付けページへアクセス
    スクリーンショット 2024-03-25 15.46.42.png

  6. EIPとECSを関連付ける
    スクリーンショット 2024-03-25 15.47.14.png

  7. EIPへブラウザからインターネット経由でアクセス確認
    スクリーンショット 2024-03-25 15.47.56.png

5. PolarDBの作成

ゴール

スクリーンショット 2024-03-25 15.53.53.png

手順

  1. PolarDBページへアクセス
    スクリーンショット 2024-03-25 15.54.51.png

  2. クラスター作成ページへアクセス
    スクリーンショット 2024-03-25 15.55.24.png

  3. クラスター作成
    スクリーンショット 2024-03-25 15.55.50.png
    スクリーンショット 2024-03-25 15.55.58.png
    スクリーンショット 2024-03-25 15.56.06.png

  4. データベース作成ページへアクセス
    スクリーンショット 2024-03-25 15.56.51.png

  5. データベース作成
    スクリーンショット 2024-03-25 15.57.20.png

  6. DBアカウント作成ページへアクセス
    スクリーンショット 2024-03-25 15.58.21.png

  7. DBアカウント作成
    スクリーンショット 2024-03-25 15.58.59.png

  8. ホワイトリスト作成ページへアクセス
    スクリーンショット 2024-03-25 15.59.32.png

  9. ホワイトリスト作成(セキュリティグループを追加)
    スクリーンショット 2024-03-25 16.00.35.png

  10. エンドポイントを確認
    スクリーンショット 2024-03-25 16.01.22.png

  11. エンドポイントをコピー&メモ(後で使用します)
    スクリーンショット 2024-03-25 16.02.01.png

6. ECSとPolarDBの紐付け

ゴール

スクリーンショット 2024-03-25 16.11.40.png

手順

  1. ECSページへアクセス
    スクリーンショット 2024-03-25 16.12.58.png

  2. ECSへアクセス
    スクリーンショット 2024-03-25 16.13.31.png
    スクリーンショット 2024-03-25 16.13.46.png
    スクリーンショット 2024-03-25 16.13.55.png
    スクリーンショット 2024-03-25 16.14.05.png

  3. DB接続情報を編集
    スクリーンショット 2024-03-25 16.15.01.png
    スクリーンショット 2024-03-25 16.15.10.png

7. Wordpressの動作確認

手順

  1. EIPへブラウザからインターネット経由でアクセス確認
    スクリーンショット 2024-03-25 16.16.16.png

  2. 自分のブログを作成(好きなように設定して下さい)
    スクリーンショット 2024-03-25 16.16.52.png

  3. ブログ作成完了
    スクリーンショット 2024-03-25 16.17.20.png

  4. ブログログイン
    スクリーンショット 2024-03-25 16.17.51.png

  5. 投稿ページへアクセス
    スクリーンショット 2024-03-25 16.20.21.png

  6. ブログ投稿
    スクリーンショット 2024-03-25 16.20.48.png

  7. ブログ投稿完了
    スクリーンショット 2024-03-25 16.21.16.png

  8. ブログ確認
    スクリーンショット 2024-03-25 16.22.12.png

8. PolarDB内の投稿データ確認

手順

  1. クラスター詳細ページへアクセス
    スクリーンショット 2024-03-25 16.24.39.png

  2. データベースへアクセス

  3. データベース内の投稿データを確認

9. リソース削除

手順

  1. ECSページへアクセス

  2. ECS削除


  3. ECS削除完了

  4. PolarDBへアクセス

  5. PolarDB削除

  6. EIPページへアクセス

  7. EIP削除

  8. EIP削除完了

  9. その他のリソース

  • VPC
  • vSwitch
  • security group(firewall)
    は課金されないので、そのままで大丈夫です。

終わりに

不明点等ございましたらお気軽にお教えください！
もしハンズオンをする際に講師役が必要でしたらお力添えさせて頂きますので、お気軽にご連絡ください

Discussion