BLOGTIMES
» ArchiveList (Tag for "ajax" )
«Prev || 1 · | Next»
2021/11/26

curl で CORS の設定を確認する

ajax  javascript 

慣れないとちょっと難しいウェブサーバの CORS ヘッダの設定

原理と設定方法については「オリジン間リソース共有 (CORS) - HTTP | MDN」を一通り読めば大丈夫ですが、XMLHttpRequest などを使って実際のリクエストをしてみると上手く動かないということが多々あります。そんなときには curl でプリフライトリクエストを模したリクエストを送ってみると原因を確かめやすいです。

オリジンの https://example.com から https://example.jp/hoge にリクエストを送信する場合、curl のコマンドでは以下のように表すことができます。

curl -H "Origin: https://example.com" -H "Access-Control-Request-Method: GET" -H "Access-Control-Request-Headers: Content-Type, Authorization, X-Requested-With" -X OPTIONS -v "https://example.jp/hoge"

上記のコマンドを実行すると以下のような結果を得ることができます*1

> OPTIONS /hoge HTTP/1.1 > Host: example.jp > User-Agent: curl/7.55.1 > Accept: */* > Origin: https://example.com > Access-Control-Request-Method: GET > Access-Control-Request-Headers: Content-Type, Authorization, X-Requested-With < HTTP/1.1 200 OK < Date: Fri, 26 Nov 2021 3:36:09 GMT < Server: Apache/2.4 < Access-Control-Allow-Origin: https://example.com < Access-Control-Allow-Methods: GET < Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With < Access-Control-Max-Age: 5 < Access-Control-Allow-Credentials: true < Content-Length: 0 < Content-Type: text/html

上記でリクエスト>とレスポンス<で、同じ内容が帰ってきていれば問題ありません、
例えば Origin:Access-Control-Allow-Origin:Access-Control-Request-Method:Access-Control-Allow-Methods:Access-Control-Request-Headers:Access-Control-Allow-Headers: の部分の対応をチェックすることになります。

  • *1: schannelのログは除いています。

at 16:55 |
2009/01/08

ウェブで使える共同編集エディタ EtherPad

ajax  webide 
Ether Pad Screen - ウェブで使える共同編集エディタ EtherPad

ウェブから複数人で同時に編集できるEtherPadというサービスを見つけました。

利用するにはサインアップページにメールアドレスを入力し、The EtherPad Teamからの返信を待つ必要があります。ベータサービス中につき、アカウントの発行には制限がかかっているらしく、返信までは数日待つ必要があるようです。ちょっと前のニコニコ動画みたいな感じですね。

以前にCSCW*1系の研究で、遠隔ペアプログラミング用エディタとしてこういうアプリが発表されていたと思いますが、実際にこうやってウェブで使えるとインパクトがあります。

  • *1: Computer-Supported Cooperative/Collaborative Work

at 18:39 |
2006/08/24

AJAXでレーティングを

php  ajax 
Unobtrusive AJAX Star Rating Bar - AJAXでレーティングを

コンテンツをあるていど配信していると、どんなコンテンツがウケよくて、どんなコンテンツがいまいちなのかということについてアンケートをとりたいということがあります。僕のサイトでも「へぇボタン」やNP_Clapなんかでそのあたりを一応トラッキングしているんですが、もうちょっと細かく、気軽にアンケートがとりたいということもしばしばあります。

そんなときにphpspot開発日誌さんで紹介されていたUnobtrusive AJAX Star Rating Barがいい感じで使えそうです。そういえば、Nucleusフォーラムでもたまに「レーティングプラグインはないですか?」みたいな質問を見かけたりするんで、これをプラグイン化してNucleusに組み込み可能にするのも面白いかも知れません*1。環境もちょうどPHP+MySQLなのでそんなに難しくないと思います。

[AJAXでレーティングを の続きを読む]
  • *1: ライセンスの問題はクリアしないといけないんですが。

at 12:03 |
«Prev || 1 · | Next»
» ArchiveList (Tag for "ajax" )