Weitere ähnliche Inhalte
Ähnlich wie 20220825_JAZUGLT.pdf (20)
Kürzlich hochgeladen (16)
20220825_JAZUGLT.pdf
- 1. Azure Web Apps VS Azure Static Web Apps
Kenshiro Fukuda
@Kenshiro_fukuda
http://akatoku.tokyo/
JAZUG 12周年総会 LT大会 その1
- 3. Web Apps 気づいた2つの形態
Web Apps
Azure App Service は、Web アプリケーション、REST
API , およびモバイル バックエンドをホストするための
HTTP ベースのサービスです。 開発には、.NET , .NET
Core , Java , Ruby , Node.js , PHP , Python のうち、お気
に入りの言語をご利用いただけます。 アプリケーショ
ンの実行とスケーリングは、Windows ベースの環境と
Linux ベースの環境の両方で容易に行うことができま
す。
App Service は、セキュリティ、負荷分散、自動スケー
リング、自動管理などの Microsoft Azure の機能を、ア
プリケーションに追加するだけではありません。 Azure
DevOps , GitHub , Docker Hub およびその他のソースか
らの継続的デプロイ、パッケージ管理、ステージング
環境、カスタム ドメイン、TLS/SSL 証明書など、
DevOps 機能を利用することもできます。
Static Web Apps
Azure Static Web Apps は、コード リポジトリから Azure にフル スタックの
Web アプリを自動的にビルドしてデプロイするサービスです。Azure Static Web
Apps のワークフローは、開発者の日常のワークフローに合わせて調整されてい
ます。 アプリは、コードの変更に基づいてビルドおよびデプロイされます。
Azure Static Web Apps リソースを作成すると、Azure は GitHub または Azure
DevOps と直接やり取りして、選択したブランチを監視します。 コミットをプッ
シュするたび、または監視対象のブランチへの pull request を受け入れるたび
に、ビルドが自動的に実行されて、自分のアプリと API が Azure にデプロイされ
ます。
通常、静的 Web アプリは、Angular , React , Svelte , Vue , Blazor など、サーバー
側のレンダリングが不要なライブラリとフレームワークを使用して構築されま
す。 これらのアプリには、アプリケーションを構成する HTML , CSS , JavaScript ,
およびイメージ アセットが含まれます。 従来の Web サーバーでは、これらのア
セットは、必要な API エンドポイントと共に 1 台のサーバーから提供されます。
Static Web Apps では、静的アセットは従来の Web サーバーから分離され、世界
各地の地理的に分散したポイントから提供されます。 この分散により、ファイ
ルがエンド ユーザーに物理的に近づくため、ファイルの提供が大幅に高速にな
ります。 さらに、API エンドポイントはサーバーレス アーキテクチャを使用し
てホストされます。これにより、完全なバックエンド サーバーが不要になりま
す。
Docs.Microsoft.comより引用
- 4. ん?何を言っているのかわからん・・・
<ざっくりまとめると>
Web Appsでは、App Servicesが入っているサーバーを利用して管理
者による管理を行うことが可能。
Static Web Appsでは管理者側から細かい設定をすることはできない
分、ユーザー側としては快適にWebサイトを閲覧することが可能。
Web Appsの課金請求ではマシン等に左右されるが、Staticでは大ま
かに2段階に分かれる。
「ソース管理設定をいつ行うか?」「もうつなげてもいいか?」が
カギとなる
場合によってはオプション契約(CDN)の解約も可能となる。
- 10. Static Web Appsでは・・・
当初はCSV形式での読み込みを断念しようとしたが、JavaScriptの読
み込みは可能ということが判明した
IE11のEOF対応に伴う強制リダイレクトの設定を復元させることにした
CSV形式からの読み取りについては、コードのエラー反応は出なかったが、コードにマウス
を当ててみると、次の画像が出たので・・・
「;」を入れてみたところ・・・
- 12. このことから・・・
• Static Web Appsでのホームページリニューアルを試みる場合、
Localhostや通常のApp Servicesではエラーに気づくことは難し
い。
• その場合は、Visual Studioを開いてみて、コードエラーがなくても
型式の部分にマウスを当てると一つ答えが出る。
• どんなエラーを吐き出すかは実際アップしてみないとわからない
ところ・・・