MBP(はてな)

MacBook Pro,iPhone Xs,React

Azure Static Web AppsのサイトにGitHub認証でアクセス制限をかける

$ vi public/admin.html

<h1>Admin Page</h1>

$ vi staticwebapp.config.json

{
    "routes": [
        {
            "route": "/login",
            "rewrite": "/.auth/login/github"
        },
        {
            "route": "/logout",
            "rewrite": "/.auth/logout"
        },
        {
            "route": "/admin.html",
            "allowedRoles": ["admin"]
        }
    ]
}

ログイン、ログアウトリンクを追加
$ vi src/App.js

<a href="/admin.html">Admin</a>
<a href="/login">login</a>
<a href="/logout">logout</a>


Azure Static Web AppsのサイトにGitHub認証でアクセス制限をかける方法 – ナレコムAzureレシピ | AIに強い情報サイト

Azure Static Web Apps を構成する | Microsoft Docs