Yusuke Satake

entra管理センターへアクセス 
<iframe id="zenn-embedded__393e69a0c2313" src="https://embed.zenn.studio/card#zenn-embedded__393e69a0c2313" data-content="https%3A%2F%2Fentra.microsoft.com%2F%23home" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://entra.microsoft.com/#home" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://entra.microsoft.com/#home</a>
外部テナントの作成 
<a href="https://learn.microsoft.com/ja-jp/entra/external-id/customers/how-to-create-external-tenant-portal" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=ms-azuretools.ms-entra</a><img src="https://storage.googleapis.com/zenn-user-upload/796cf5311f2f-20241027.png" loading="lazy" class="md-img">
<img src="https://storage.googleapis.com/zenn-user-upload/57a739f22c68-20241027.png" loading="lazy" class="md-img">
Azureサブスクリプションを使用 
<img src="https://storage.googleapis.com/zenn-user-upload/72c8c6c3710d-20241027.png" loading="lazy" class="md-img">
テナントの作成 
<img src="https://storage.googleapis.com/zenn-user-upload/8cfbdfce32ef-20241027.png" loading="lazy" class="md-img"> 
<img src="https://storage.googleapis.com/zenn-user-upload/35d5d7f44354-20241027.png" loading="lazy" class="md-img">
Azureポータルから確認 
<img src="https://storage.googleapis.com/zenn-user-upload/f59ecd4fa758-20241027.png" loading="lazy" class="md-img">

アプリの登録 
<img src="https://storage.googleapis.com/zenn-user-upload/9f48c3719061-20241027.png" loading="lazy" class="md-img"> 
アプリ登録 
<img src="https://storage.googleapis.com/zenn-user-upload/72c0aa843138-20241027.png" loading="lazy" class="md-img">
xxxxに管理者の同意を与えます 
<img src="https://storage.googleapis.com/zenn-user-upload/a9fa123bba11-20241027.png" loading="lazy" class="md-img">
<img src="https://storage.googleapis.com/zenn-user-upload/73cb9f693ce5-20241027.png" loading="lazy" class="md-img">
<img src="https://storage.googleapis.com/zenn-user-upload/689508a5432e-20241027.png" loading="lazy" class="md-img">
<img src="https://storage.googleapis.com/zenn-user-upload/97e12c6697b5-20241027.png" loading="lazy" class="md-img">

ユーザーフローをEntraID portalから実行して、リダイレクトされることを確認 
<img src="https://storage.googleapis.com/zenn-user-upload/20af976b4f13-20241102.png" loading="lazy" class="md-img">
モジュールインストール
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="5">npm install @azure/msal-browser @azure/msal-react
</code></pre></div>