Azure Static Web Apps は通常、Github か Azure DevOps 上のリポジトリからデプロイをすると思いますが、Azure Static Web Apps CLI というコマンドラインツールを使ってローカルのソースを直接デプロイすることもできます。 更に、ローカルで Azure 環境をエミューレートすることもできるので、開発効率上がります。 リポジトリに上げるまでもないけど、ちょっと Azure 上で試してみたいことがある場合などに有効な方法かなと思います。 今回はこのコマンドラインツールでのデプロイを試していきたいと思います。 前提条件 npm がインストール済みであること 作業の流れ 以下の流れで進めていきます。 フロントエンドの開発環境構築 バックエンド(API)の開発環境構築 ローカルでAzure Static Web Apps をエミュレートするため
![Azure Static Web Apps をローカルソースから直接デプロイする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2fb8758dac385c30cbeba084a342c012b3c02ec5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9QXp1cmUlMjBTdGF0aWMlMjBXZWIlMjBBcHBzJTIwJUUzJTgyJTkyJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgyJUFCJUUzJTgzJUFCJUUzJTgyJUJEJUUzJTgzJUJDJUUzJTgyJUI5JUUzJTgxJThCJUUzJTgyJTg5JUU3JTlCJUI0JUU2JThFJUE1JUUzJTgzJTg3JUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgyJUE0JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05NDNhZjkyZmExYTg0NDBhMTY1MmJmMzFhY2ZiZTAwMg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZnNkZy1uYWd1bW8mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg5MmI1ZTMwMjZmOTcxMGUxNzRjODY5ZjBkZGJkNzcx%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D842e882c702161aff5a3c5e6e3831255)