KazukiNoto

<p>Headless-CMSのStrapiをAzureのApp Serviceにインストールして、動作確認をする</p>
<h2 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E7%92%B0%E5%A2%83%E6%BA%96%E5%82%99">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E7%92%B0%E5%A2%83%E6%BA%96%E5%82%99" aria-hidden="true"></a> インストール環境準備</h2>
<ul>
<li>Azure App Service B1をデプロイ</li>
</ul>
<h2 id="strapi%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#strapi%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> Strapiをインストール</h2>
<p>作成したAppServiceの開発ツール＞SSHを開いて、インストールコマンドを打ち込む<br>
<img src="https://storage.googleapis.com/zenn-user-upload/279b11a7591f-20220818.png" alt loading="lazy" class="md-img"></p>
<div class="code-block-container"><pre><code>npx create-strapi-app@latest my-project --quickstart
</code></pre></div>

<h2 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E5%A4%B1%E6%95%97%E3%81%99%E3%82%8B%E3%81%91%E3%81%A9%E3%80%81%E7%B6%99%E7%B6%9A%E3%81%97%E3%81%A6%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E5%A4%B1%E6%95%97%E3%81%99%E3%82%8B%E3%81%91%E3%81%A9%E3%80%81%E7%B6%99%E7%B6%9A%E3%81%97%E3%81%A6%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B" aria-hidden="true"></a> インストール失敗するけど、継続してインストールするコマンドが表示されている</h2>
<p>インストールしたプロジェクトのディレクトリに移動して<code>yarn install</code>でインストールをできるみたい</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/9313aaa8a439-20220818.png" alt loading="lazy" class="md-img"></p>
<p>最初からyarnでインストールすればよかったのでは🤔</p>


<h2 id="yarn%E3%81%A7%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89">
<a class="header-anchor-link" href="#yarn%E3%81%A7%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" aria-hidden="true"></a> yarnでインストールする場合のコマンド</h2>
<p>上ではnpxを使ってインストールをして、失敗したので、最初からyarnでインストールする場合は下記のコマンド</p>
<div class="code-block-container"><pre><code>yarn create strapi-app my-project --quickstart
</code></pre></div>