【初心者】GithubからAzure App Serviceへ継続的デプロイしてみた。

◆ Live配信スケジュール ◆
サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。
⇒ 詳細スケジュールはこちらから
⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください
◆ 次回のライブ配信について ◆
●マイクロソフトが提供するRAGアーキテクチャの詳解とデモを行うイベントを開催します。以下のリンクからご参加ください。

⇒ 2/27(火)19:00〜 RAG構築のためのAzure OpenAI Serviceリファレンスアーキテクチャ詳解 https://tech-lab.connpass.com/event/307678/

GithubからAzure App Serviceへ継続的デプロイしてみる

はじめに

App Serviceは、Microsoft Azure が提供するPaaS(Platform as a Service)です。App Serviceは複数の言語とフレームワークに対応しており、ASP.NET、Node.js、Java、PHP、Pythonをサポートしています。
今回はApp ServiceのWeb Appsを利用して、Githubからデプロイしてみます。

Web アプリの作成

  1. Microsoft Azureにサインインします。
  2. 「新規」 > 「Web + モバイル」 > 「Web App」を選択します。
    GitHubAzure1
  3. 「アプリ名」「サブスクリプション」「リソースグループ」「App Service プラン/場所」を選択し、「作成」をクリックします。
  4. 左側の「App Service」 > 「作成したアプリ名」 > 「デプロイオプション」 > 「必要な設定構成」 > 「GitHub」を選択します。
    GitHubAzure2
  5. GitHubのアカウント情報、プロジェクトやbranchなどを選択し「OK」を選択します。
  6. 左側の「App Service」 > 「作成したアプリ名」 > 「デプロイ資格情報」を選択し、必要な情報を入力します。
    GitHubAzure3

テスト用webページの作成

テスト用のページを作成します。
# mkdir btestapp ; cd btestapp
# tee index.html <<-'EOF'
hello world!!
EOF
</pre>
<pre>

ローカルPCからGitHubへデプロイ

ローカルPCからGitHubへデプロイします。

echo "#deploy websites" >> README.md
git init
git add README.md index.html
git commit -m "first commit"
git remote add origin https://github.com/user/atestapp.git
git push -u origin master
Username for 'https://github.com': user
Password for 'https://user@github.com': password

ブラウザから確認

  1. 「App Service」 > 「作成したアプリ名」 > 「プロパティ」に記載されているURLにアクセスします。
    GitHubAzure3
  2. 「Hello world!!」と表示されることを確認します。
    GitHubAzure4

まとめ

今回はGitHubからAzure App Serviceへのデプロイしてみましたが、他にもVisual Studio Team Services, OneDrive, ローカルのGitリポジトリやDropboxなどからデプロイすることも可能です。
Web AppはWeb サイトやWeb アプリケーションを素早くデプロイできて大変便利ですね。

アバター画像
About サイオステクノロジーの中の人 41 Articles
サイオステクノロジーで働く中の人です。
ご覧いただきありがとうございます! この投稿はお役に立ちましたか?

役に立った 役に立たなかった

0人がこの投稿は役に立ったと言っています。


ご覧いただきありがとうございます。
ブログの最新情報はSNSでも発信しております。
ぜひTwitterのフォロー&Facebookページにいいねをお願い致します!



>> 雑誌等の執筆依頼を受付しております。
   ご希望の方はお気軽にお問い合わせください!

Be the first to comment

Leave a Reply

Your email address will not be published.


*


質問はこちら 閉じる