jsonをbase64でencodeした際、意図した結果になりません。

Question

###分からないこと
Python2.7でjwtを利用した認証の学習をしています。
base64でjsonデータのデコード、エンコードの処理の違いが分かりません。
最初のコードではbase64でデコードされた一見異なるデータですが、実行すると同じような結果に。
その結果をコピーし、jsonでデコードして、base64でエンコードすると、同じ結果になります。
なぜ、このような結果になるのか分かりません。お忙しいところ恐縮ですが、ご教授頂けると幸いです。

(本来は最後のようなエンコードの結果でなく、最初のソースコードの１で記したようなデータにしたいと思っています。
最初の１のソースコードはJWTのページ(https://jwt.io)から持って参りました。)

###該当のソースコード

import base64
print(base64.urlsafe_b64decode('eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9'))#1
print(base64.urlsafe_b64decode('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9'))#2

実行結果
{"alg": "HS256", "typ": "JWT"} (1)
{"alg":"HS256","typ":"JWT"} (2)

import base64
import json
print(base64.urlsafe_b64encode(json.dumps({
    "alg": "HS256", "typ": "JWT"    
})))                                          #1
print(base64.urlsafe_b64encode(json.dumps({
    "alg":"HS256","typ":"JWT"
})))                                          #2
#jsonの中身のデータは上記の実行結果をコピーしました。

実行結果
eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9 (1)
eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9 (2)
###補足情報(言語/FW/ツール等のバージョンなど)
Python2.7

Answer 1

質問で挙げて頂いたソースコード２では urlsafe_b64decode() に値を引き渡す前に json.dump() を通しております。

その結果

print(json.dumps({
    "alg": "HS256", "typ": "JWT"    
}))
# => {"alg": "HS256", "typ": "JWT"}
print(json.dumps({
    "alg":"HS256","typ":"JWT"
}))
# => {"alg": "HS256", "typ": "JWT"}

となっており、結局どちらも urlsafe_b64decode()には同じ値

{"alg": "HS256", "typ": "JWT"}

を渡しているこいうことになります。
ですので、urlsafe_b64decode()した結果は当然同じ

eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9

が出力されます。

つまりurlsafe_b64decode() に json.dump()を通さずに

print(base64.b64encode('{"alg": "HS256", "typ": "JWT"}'))
# => eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9
print(base64.b64encode('{"alg":"HS256","typ":"JWT"}'))
# => eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9

のようにすると、従来（ソースコード１）と同じ結果が得られると思います。

Comments

[urbainleverrier]

有難うございます。解決できました。

Answer 2

最初のコードではbase64でデコードされた一見異なるデータですが、実行すると同じような結果に。

空白文字の有無が違います。
以下でデコード・エンコード結果を確認してみてください。
オンラインBase64でデコーダ

Comments

[urbainleverrier]

早速のご回答有難うございます。実行してみたところ、確認できました。ですが、後半のコードの実行では、全く同じ結果になってしまうのはどうしてなのでしょうか。私としては、同様のjsonデータをbase64でencodeした際、前半のコードの2で記しているような文字列(eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9)を得たいと思っています。

[can110]

後半はmagichanさんの回答のとおりで、json.dumpsに渡しているデータは、空白有無に関係なく同じ構造のjsonデータとみなされます。よってdumpsで文字列化した結果も同じになります。