自分のアドレスだけのPGPの公開キー検索サイトを作ってみました。
久しぶりのJavaScript
久しぶりに、JavaScriptを触りました。
functionの綴りを間違えたりして、たった3行なのに、苦戦しました…
まぁ～仕様はシンプル
まぁ～仕様は、簡単にしてみました。
メールアドレスをファイル名にしました。
もちろん、ファイル名として使えない文字(＠)は、変換をしました。
＃今は、使えるかもしれないけど、昔の人なので…
一応、robots.txtを設置して、検索に引っかからないようにした
万が一ロボットで、特定のメールアドレスのファイルを見つけてしまったとしても大丈夫なように、robots.txtを設置しました。
本当は、メールアドレスをハッシュ化して、それをファイル名にしてもよかったんだけど、めんどくさいのと、だれも使わないと思い、単純化しました。
ソース
めんどくさいので、index.htmlにJavaScriptを入れました。
function getpgp(){
var pgpmail = document.fm.email.value;
var gnumail = pgpmail.replace( '@', '-');
location.href = gnumail + '.asc';
};
本当は、分けたほうがいいのだけど、めんどくさかったから、というのが、一番の理由です。
formのほうは、こんな感じに作りました。
<form name="fm" onsubmit="return false;">
<input type="email" name="email">
<input type="submit" value="検索" onclick="getpgp()">
</form>
もうちょっとカスタマイズすれば、見栄えはよくなると思いますが、めんどくさかったので、シンプルにしました。
スマートフォンで、ちゃんと見られるように設定した
何も設定しないで、そのままhtmlでアップロードしても、スマートフォンで見ると、何か違和感があり、使いづらかったので、以下のサイトを参考にして、追加してみました。
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineers' Blog
まぁ～記事は古い(7年前かよ…orz)けど、気にせず、設定しました。
<head>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
・
・
・
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</body>
多分、ちゃんと調べれば、最新の方法があるはず。
検索してくれるファイル形式
同じディレクトリ内で以下のようなフォーマットのファイルをアップロードしておきます。
(メールID)-(ドメイン名).asc
例えば、メールアドレスがhogehoge@example.comの場合は、hogehoge-example.com.ascというファイル名でindex.htmlがあるディレクトリーにアップロードする。
実際作ったサイト
実際作ったサイトは、以下の場所にあります。
PGP検索
ということで
日本でももっとPGPが普及しないかなと思っていたりします。