認可エンドポイントURLをリクエストすると400が返ってきます

05/23編集されました カテゴリ: 認証関連

初歩的なところでつまずいております。

jsでユーザー認可を行いたいのですがこのコードを実行するとスマレジのログイン画面が表示されログインすると「エラーが発生しました。もう一度やり直してください。」というメッセージが画面上に出ており、コンソールを確認すると「Failed to load resource: the server responded with a status of 400 ()」と出ております。

どこを修正したら認証に成功するでしょうか。

    const rootUri = "https://id.smaregi.dev/";   
    const client_id = "{スマレジアプリ環境設定 開発環境のクライアントID}";
    const redirect_uri ="{スマレジアプリ環境設定 開発環境のリダイレクトURI}";

    // 認可コード取得
    const url = rootUri + "authorize?response_type=code&client_id="
        + encodeURIComponent(client_id) + "&scope=openid email offline_access"
        + "&redirect_uri=" + encodeURIComponent(redirect_uri)
        + '&state=' + encodeURIComponent('smaregi');
    window.open(url);   

答え