BOXとAPI連携するためにJWT署名を完了しアクセストークンを取得したい

Question

前提・実現したいこと

Kintoneのような、Javascriptで機能拡張が可能なWEBデータベースアプリを使用しています。
このアプリ上に、クラウドストレージのBOX
https://www.box.com/ja-jp/home
のAPI機能を使い、UI を表示させたいのですが、API連携に必要なアクセストークンの取得でつまづいています。
処理は全てクライアントのブラウザ上で行われます。非推奨なのは分かっています。

完了したいプロセス
https://ja.developer.box.com/guides/authentication/jwt/without-sdk/

Node.js及びそのライブラリ群やSDKは使用できませんので、下記ライブラリを使用しています。

axios.min.js　（$ajaxでもPOST出来ますが、なるべくサンプルの記述に合わせたかったため）
https://github.com/axios/axios

jsrsasign-all-min.js　（https://jwt.io/ のライブラリより）
https://github.com/kjur/jsrsasign

querystring.js　（ネット上で拾ってきました）

発生している問題・エラーメッセージ

ボタンを押すと、UI表示の関数が実行され、その関数の中で、下記getBoxAccessToken()が実行される形となっています。

assertionをPOSTするとエラーが返ります。

assertionを　https://jwt.io/　でデバッグすると、signature invalidとなるので、署名が成功していないのですが、原因がどこにあるかわかりません。

POST https://api.box.com/oauth2/token 400
error: "invalid_request"
error_description: "Invalid grant_type parameter or parameter missing"

該当のソースコード

/* getBoxConfig()で取得するconfigの中身
{
  "boxAppSettings": {
    "clientID": CLIENT_ID,
    "clientSecret": CLIENT_SECRET,
    "appAuth": {
      "publicKeyID": PUBLICK_KEY_ID,
      "privateKey": "-----BEGIN ENCRYPTED PRIVATE KEY-----\n...\n-----END ENCRYPTED PRIVATE KEY-----\n",
      "passphrase": PASS_PHRASE
    }
  },
  "enterpriseID": ENTERPRISE_ID
}
*/

const getBoxAccessToken = async () => {

    // 読取専用のレコードからコンフィグ情報(JSON)を読み取る
    let config = await getBoxConfig();
    config = JSON.parse(config.Response.Data[0].Body);
    console.log(config);

    if (!config) {
        alert('BOX API コンフィグ情報の取得に失敗しました');
        return;
    }

    // 秘密キーをパスコードを使って複合化
    let prvKey = KEYUTIL.getKey(config.boxAppSettings.appAuth.privateKey, config.boxAppSettings.appAuth.passphrase);


    // 認証用URLの定数宣言
    const authenticationUrl = "https://api.box.com/oauth2/token";

    // ペイロードを宣言
    let oPayload = {};
    oPayload.iss = config.boxAppSettings.clientID;
    oPayload.sub = config.enterpriseID;
    oPayload.box_sub_type = 'enterprise';
    oPayload.aud = authenticationUrl;
    oPayload.jti = KJUR.crypto.Util.getRandomHexOfNbytes(64);
    oPayload.exp = Math.floor(Date.now() / 1000) + 45;

    let sPayload = JSON.stringify(oPayload);
    console.log(sPayload);

    // 公開キーIDを格納（使用しない？）
    let keyId = config.boxAppSettings.appAuth.publicKeyID;

    // ヘッダーを宣言
    let oHeader = {
        alg: 'RS256',
        typ: 'JWT',
        keyid: keyId
    }

    let sHeader = JSON.stringify(oHeader);
    console.log(sHeader);

    // ヘッダー、ペイロードをキー情報を使って署名
    var assertion = KJUR.jws.JWS.sign('RS256', sHeader, sPayload, prvKey);
    console.log(assertion);
    console.log(KJUR.jws.JWS.parse(assertion));

    // クエリ文字列作成用のオブジェクト宣言
    let obj = {
        grant_type: 'urn:ietf:params:oauth:grant-type:jwt-bearer',
        assertion: assertion,
        client_id: config.boxAppSettings.clientID,
        client_secret: config.boxAppSettings.clientSecret
    }

    // クエリ文字列変換ライブラリを使用してクエリ文字列を生成
    const query = serialize(obj);
    console.log(query);
    /* queryの内容
    ?grant_type=urn%3Aietf%3Aparams%3Aoauth%3Agrant-type%3Ajwt-bearer&assertion=ASSERTION&client_id=CLIENT_ID&client_secret=CLIENT_SECRET
    */


    // axiosライブラリで認証用URLとクエリ文字列をPOST
    let accessToken = await axios.post(
        authenticationUrl,
        query
    ).then(response => response.data.access_token);

    console.log(accessToken);
    return accessToken;

    /* BOX のコードサンプル
    return accessToken = await axios.post(
        authenticationUrl,
        querystring.stringify({
            grant_type: 'urn:ietf:params:oauth:grant-type:jwt-bearer',
            assertion: assertion,
            client_id: config.boxAppSettings.clientID,
            client_secret: config.boxAppSettings.clientSecret
        })
    )
        .then(response => response.data.access_token)
    */
}

試したこと

https://support.box.com/hc/ja/articles/360044192233-API-Salesforce-SDK-Invalid-Crypto-Key-%E7%84%A1%E5%8A%B9%E3%81%AA%E6%9A%97%E5%8F%B7%E9%8D%B5-
を参考に、秘密キーをopenSSLで復号化※し、それをKJUR.jws.JWS.signに渡す
※-----BEGIN PRIVATE KEY-----で始まるもの

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

スクリーニングの組合せが多く、大変でした・・・。

const getBoxAccessToken = async () => {

    // 読取専用のレコードからコンフィグ情報(JSON)を読み取る
    let config = await getBoxConfig();
    BoxConfig = JSON.parse(config.Response.Data[0].Body);

    if (!config) {
        alert('BOX API コンフィグ情報の取得に失敗しました');
        return;
    }

    // 秘密キーをパスコードを使って復号化
    let prvKey = '';
    prvKey = KEYUTIL.getKey(BoxConfig.boxAppSettings.appAuth.privateKey);

    // 認証用URLの定数宣言
    const authenticationUrl = "https://api.box.com/oauth2/token";

    // ペイロードを宣言
    let oPayload = {};
    oPayload.iss = BoxConfig.boxAppSettings.clientID;
    oPayload.sub = BoxConfig.enterpriseID;
    oPayload.box_sub_type = 'enterprise';
    oPayload.aud = authenticationUrl;
    oPayload.jti = KJUR.crypto.Util.getRandomHexOfNbytes(64);
    oPayload.exp = Math.floor(Date.now() / 1000) + 45;

    let sPayload = JSON.stringify(oPayload);

    // 公開キーIDを格納
    let keyId = BoxConfig.boxAppSettings.appAuth.publicKeyID;

    // ヘッダーを宣言
    let oHeader = {
        alg: 'RS256',
        cty: 'JWT',
        keyid: keyId
    }

    let sHeader = JSON.stringify(oHeader);

    // ヘッダー、ペイロードをキー情報を使って署名
    // prvKey 使用
    let assertion = KJUR.jws.JWS.sign(null, sHeader, sPayload, prvKey);

    let grantType = 'grant_type=urn:ietf:params:oauth:grant-type:jwt-bearer&';
    // クエリ文字列作成用のオブジェクト宣言
    let obj = {
        assertion: assertion,
        client_id: BoxConfig.boxAppSettings.clientID,
        client_secret: BoxConfig.boxAppSettings.clientSecret
    }

    // クエリ文字列変換ライブラリを使用してクエリ文字列を生成
    let query = grantType + serialize(obj).slice(1);

    // axiosライブラリで認証用URLとクエリ文字列をPOST
    let accessToken;
    return accessToken = await axios.post(
        authenticationUrl,
        query
    ).then(response => response.data.access_token)
}