JavaScript(以下JS) と PHP での暗号化・復号について質問です.

Question

JavaScript(以下JS) と PHP での暗号化・復号について質問です.

JSでの暗号化には CryptoJS,
PHP側での復号にはopenssl_decryptを使います.

以下のようにJSで暗号したのですが、PHPで復号できず困っています.
セキュリティ的に安全であれば他の方法でも構いませんので、どこが原因かご教示いただけると幸いです!!

JS側での暗号化

        // 暗号化用パス
		var secretPass = CryptoJS.enc.Utf8.parse('pass');
        // ランダム値生成してsaltを設定
		var salt = CryptoJS.lib.WordArray.random(128 / 16);
        // 暗号化で使うキーを設定(先ほど作ったsecretPassとsaltを使用)
		var key = CryptoJS.PBKDF2(secretPass, salt, {keySize: 128 / 16, iterations: 1000 });
        //初期化ベクトル
        var iv = CryptoJS.lib.WordArray.random(128 / 16);
        //暗号化オプション（IV:初期化ベクトル, CBCモード, パディングモード：PKCS7)
        var options = {iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7};
        //暗号化内容のエンコーディングは「UTF-8」
        var baseText = CryptoJS.enc.Utf8.parse('IWantToDecryptThisString');

        //暗号化
        var encrypted = CryptoJS.AES.encrypt(baseText, key, options);

PHPでは復号のメソッドを作り、openssl_decrypt関数を実行した時点での
ログを出力したところ、返り値は空っぽでした.
以下PHPの復号メソッドで、引数自体は渡ってきてます.

$encData : yWvjtqSQKl8kzJwgeri%2BtA%3D%3D
$iv : 49bb573d407b4b64d20445f0c4b20279
$key : bcbc43c15b482e4579529039ecbd32345b2f462f796f904a0eceffed93d5186da7f609c40a303f497a68615e14474b5f73f7f66bb80df298d5918fc1a9120eec

$encData : bnqTjLlAWs0aAZZkX7kZnw==
$iv : 682efaee374ec613
$key : 5b4076f60e3fb3a0649a5fcf1fb71e551f634a5017b6d529cffc65c06eb34724

    public function decData( $encData, $iv, $key ){
        $decData = '';
        // 復号に使うメソッド
        $method   = 'AES-128-CBC';
        // 復号に使うオプション
        $options = 'OPENSSL_RAW_DATA';

        // 復号
        //$decData = openssl_decrypt(pack("H*", $encData), $method, $key, $options, $iv);
        $urlDecodeEncData = urldecode($encData);
        $decData = openssl_decrypt($urlDecodeEncData, $method, $ky, $options, $iv);

$this->log('復号処理結果', LOG_INFO);
// 以下のログは空っぽでした
$this->log($decData, LOG_INFO);

        return $decData;
    }

Answer 1

JS側で生成するivの長さが間違っているようです
また、php側での複合化に使うメソッドが違うようです

下記で動作サンプルになります

js

// 暗号化用パス
var secretPass = CryptoJS.enc.Utf8.parse('pass');

// ランダム値生成してsaltを設定
var salt = CryptoJS.lib.WordArray.random(128 / 16);

// 暗号化で使うキーを設定(先ほど作ったsecretPassとsaltを使用)
var key = CryptoJS.PBKDF2(secretPass, salt, {keySize: 128 / 16, iterations: 1000 });

//初期化ベクトル
var iv = CryptoJS.lib.WordArray.random(128 / 8);

//暗号化オプション（IV:初期化ベクトル, CBCモード, パディングモード：PKCS7)
var options = {iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7};

//暗号化内容のエンコーディングは「UTF-8」
var baseText = CryptoJS.enc.Utf8.parse('IWantToDecryptThisString');

//暗号化
var encrypted = CryptoJS.AES.encrypt(baseText, key, options);

// UA2EX1WGut9X0r3KyGvja0rJoTLGGuqt548VqOC2uS4=
console.log(CryptoJS.enc.Base64.stringify(encrypted.ciphertext))

// 448e82b5ba5ce418b1e89f720af3e0680c8b6958f3050632849dfc028fa8784e
console.log(CryptoJS.enc.Hex.stringify(key))

// 6f0d81e8371d8befb39054ae2f969f36
console.log(CryptoJS.enc.Hex.stringify(iv))

php

<?php
  
function decData( $encData, $iv, $key ) {
    $encData = base64_decode($encData);
    $iv = hex2bin($iv);
    $key = hex2bin($key);

    // 復号に使うメソッド
    $method   = 'AES-256-CBC';

    // 復号に使うオプション
    $options = OPENSSL_RAW_DATA;

    $decData = openssl_decrypt($encData, $method, $key, OPENSSL_RAW_DATA, $iv);

    return $decData;
}

$encData = "UA2EX1WGut9X0r3KyGvja0rJoTLGGuqt548VqOC2uS4=";
$key = "448e82b5ba5ce418b1e89f720af3e0680c8b6958f3050632849dfc028fa8784e";
$iv = "6f0d81e8371d8befb39054ae2f969f36";

var_dump(decData( $encData, $iv, $key ));

Comments

[退会済みユーザー]

ちょっと興味がでてきて、色々調べていたところでした。
横からですが、ありがとうございます。
大変勉強になりました。

CryptoJS のドキュメントが結構探しにくいですね＾＾；
https://code.google.com/archive/p/crypto-js/
ここを見て、絶望して、コードを読み始めたところだったのですけど。。。
どこ見るのが正解だったんでしょうか？

[退会済みユーザー]

初めまして

今回の件ですと自分の場合下記の流れでした。
初めて知る事もあり、とても勉強になった良い機会です。

・実際にJSとPHPを実装してみる
・動作中に出るエラーを調べる
・関数のドキュメントを読む
・英語でググる
・共通鍵の暗号化について調べる

[退会済みユーザー]

参考になるかわかりませんが、、、

あまり触れたことのない部分について調べる時は、
いきなりドキュメントに行かず、多少ググってからの方が手応えあると感じます。

[退会済みユーザー]

コメントありがとうございます。

> ・関数のドキュメントを読む

ここがうまくいかなかったんですよね＾＾；

CryptoJS.PBKDF2 のデフォルトの設定が確認ができず、迷走してしまいました。
修正前の回答が大変参考になりました。

学習のため、もう少し追いかけてみます。

[Pccla]

ありがとうございます！ご教示いただいた通り、動かしたところ暗号化・復号できました！！
ただ、こちらのPHPのバージョンが5.3とかなり古い状態なので、hex2binが使えず、代わりにpack('H*',)を使いました。

[Pccla]

先にご回答いただいたお二方のご意見も大変勉強になりました！
私のググる力などが弱く、もの凄く困っているところを助けていただき本当にありがとうございました！！
感謝ですm(_ _)m
このあたりの分野は初めてだったので、もう少しググったりして理解度を深めようと思います。

Answer 2

デバッグとしては 2 手順を試してください。

1,$decData = openssl_decrypt(pack("H*", $encData), $method, $key, $params['options'], $iv);の各変数に、投入されているべきデータを実際に投入してみて意図したモノが返却されているか？

2,$decData = openssl_decrypt(pack("H*", $encData), $method, $key, $params['options'], $iv);時点でのそれぞれの変数が意図したものになっているのか？

1 が変であれば、openssl_decrypt の使用方法をもう一度確認します。
2 が変であれば、変数を追うことで、問題箇所が特定できます。

デバッグの環境さえ整えてあれば、それほど難しい切り分けではないと思います。

追記
本回答は、「PHP での暗号化・復号について」の回答ではなく、ただのデバッグに関しての記述です。

<?php
$encData = 'yWvjtqSQKl8kzJwgeri%2BtA%3D%3D';
$iv = '49bb573d407b4b64d20445f0c4b20279';
$key = 'bcbc43c15b482e4579529039ecbd32345b2f462f796f904a0eceffed93d5186da7f609c40a303f497a68615e14474b5f73f7f66bb80df298d5918fc1a9120eec';
$decData = '';
// 復号に使うメソッド
$method   = 'AES-128-CBC';
// 復号に使うオプション
$options = OPENSSL_RAW_DATA;
// 復号
$decData = openssl_decrypt(pack("H*", $encData), $method, $key, $params['options'], $iv);

PHP Warning:  pack(): Type H: illegal hex digit y in /workspace/Main.php on line 11
PHP Warning:  pack(): Type H: illegal hex digit W in /workspace/Main.php on line 11
PHP Warning:  pack(): Type H: illegal hex digit v in /workspace/Main.php on line 11
…
PHP Warning:  pack(): Type H: illegal hex digit % in /workspace/Main.php on line 11
PHP Notice:  Undefined variable: params in /workspace/Main.php on line 11
PHP Warning:  openssl_decrypt(): IV passed is 32 bytes long which is longer than the 16 expected by selected cipher, truncating in /workspace/Main.php on line 11

$encData がおかしいんじゃないですか？

Comments

[退会済みユーザー]

これ、普通に Warning が出ませんか？

[Pccla]

ブラウザの開発者ツールでエラーが確認できました。
JSからパラメータ送付したときに、そのパラメータの末尾に「=:1 Uncaught SyntaxError: Unexpected token <」というエラーでした。
普段JSをあまり触らずググったんですが、JS側の実装に問題があるということでしょうか？

[Pccla]

詳細には下記のようなエラーが出てました。

```
<pre class="cake-error"><a href="javascript:void(0);" onclick="document.getElementById('cakeErr5a8251fd4f47a-trace').style.display = (document.getElementById('cakeErr5a8251fd4f47a-trace').style.display == 'none' ? '' : 'none');"><b>Notice</b> (8)</a>: Use of undefined constant OPENSSL_RAW_DATA - assumed 'OPENSSL_RAW_DATA' [<b>/usr/decdata.php</b>, line <b>98</b>]<div id="cakeErr5a8251fd4f47a-trace" class="cake-stack-trace" style="display: none;"><a href="javascript:void(0);" onclick="document.getElementById('cakeErr5a8251fd4f47a-code').style.display = (document.getElementById('cakeErr5a8251fd4f47a-code').style.display == 'none' ? '' : 'none')">Code</a> <a href="javascript:void(0);" onclick="document.getElementById('cakeErr5a8251fd4f47a-context').style.display = (document.getElementById('cakeErr5a8251fd4f47a-context').style.display == 'none' ? '' : 'none')">Context</a><pre id="cakeErr5a8251fd4f47a-code" class="cake-code-dump" style="display: none;"><code><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'ivLength'&nbsp;=&gt;&nbsp;$ivLength,
</span></code>
<code><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'iv'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=&gt;&nbsp;$iv,
</span></code>
<span class="code-highlight"><code><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'options'&nbsp;&nbsp;=&gt;&nbsp;OPENSSL_RAW_DATA,
</span></code></span></pre><pre id="cakeErr5a8251fd4f47a-context" class="cake-context" style="display: none;">$key = &#039;LDH_poker_score&#039;
$method = &#039;AES-128-CBC&#039;
$ivLength = (int) 16
</pre><pre class="stack-trace">LdhComMypageGameScoreComponent::setCondition() - /usr/decDataComponent.php, line 98
LdhComMypageGameScoreComponent::decData() - /usr/decdata.php, line 150
MypageGameScoreController::index() - APP/decDataController.php, line 170
ReflectionMethod::invokeArgs() - [internal], line ??
Controller::invokeAction() - CORE/Cake/Controller/Controller.php, line 485
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 186
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 161
[main] - APP/webroot/index.php, line 93</pre></div></pre>
```

[退会済みユーザー]

JavaScript 側をコメントするつもりはありません。
追記した通り、php 側のデバッグに関してのみ回答しています。
切り分けの参考になれば。

[Pccla]

ありがとうございます。
おっしゃる通り追記いただいたエラーが出ました。

[mpyw]

>> $encData = 'yWvjtqSQKl8kzJwgeri%2BtA%3D%3D';

明らかに `urldecode` が必要そうな見た目してるｗ

[Pccla]

ありがとうございます。デコードまで行いまして、「bnqTjLlAWs0aAZZkX7kZnw==」のような形になりました。

あと現時点でopenssl_decryptでpack()は必要なくなったので、外しました。

[Pccla]

返り値は相変わらず空で、今度はエラーもでないので、困ってます...

[退会済みユーザー]

openssl_decrypt の返り値が false になるので、復号に失敗しています。
与える引数がおかしいということになるので、中で使っている変数を見直す必要があります。

で、少し追いかけてみたのですが、そもそもの処理としておかしな点が多くありました。根本的に見直してみないと解決しないようです。

具体的には以下の見直しが必要かと
・暗号化手順の確認
・復号手順の確認
・各種パラメータの作成方法の確認
・使用関数の挙動確認（デフォルト設定内容の確認を含む）

言語を渡るので、使用関数の設定内容を合わせることが必要になります。

esuzuki さんの回答を、修正前の履歴も含めて追っかけてみると、前に進めると思います。

[Pccla]

JS側でのエンコードの仕方、ivの長さ、
PHP側でデコードの仕方と復号メソッドなど色々間違っておりました。
ご教示いただきありがとうございました！

Answer 3

$options = 'OPENSSL_RAW_DATA';

↓

$options = OPENSSL_RAW_DATA;

Comments

[Pccla]

返答が遅くなり申し訳ございません。
シングルクオテーションを外してみたんですが、返り値は空でした。