HTTPによるWebAPIのテストツール


表題のツールが欲しくて(機能的に)軽いものを作りました。
要求が1つあって
「プラグインやなんかインストールするもんじゃなくブラウザのみで動く」
というのをテーマに作りました。

「開発途中のAPIの動作を軽くみたい!まだデバッガもテスト用ページも用意できてない!」
果たして需要はあるようなないような。

できたツール→http://www.lv210.com/test_tool/tool_http_request.php

JavaScriptで作る

AjaxでPostして結果を表示してるだけです。
そのままのレスポンスを表示するとHTMLタグを理解してしまうのでエスケープ処理をしてコードを表示してます。
エスケープに関してはここを参考に(ほぼ丸コピ)させて頂きました!

本体コードはこちらへどうぞ→http://www.lv210.com/test_tool/js/request.js

 

Access-Control-Allow-Originってなんぞ?

さて、上記のコードで出来た!
と、思いきやなんとこのツール「同じドメインでしか動作しない!」という欠陥があります。
これは、ajaxなんかで使っているXmlHttpRequestは同じドメインへしか許可しないという制約のためらしいです。
詳しくはこちらへ。

ただし、アクセス先のリソースに「Access-Control-Allow-Origin」というヘッダで「アクセス元のドメイン」が登録されていれば許可される!という仕組みがあるみたいです。

 

設定が面倒って話

結局、リクエスト送りたいページやらAPIやらにヘッダを設定しなきゃならないので面倒。
同じドメイン配下に1つページ作れば動作しますが、本末転倒な気がしないでもない。

せめてもの償いで、動作するHTMLページのコードを簡単にコピーできるようにしておきました。

 

どうもすんませんでした(´д` )

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください