先日用意したAmazon API（Amazon Product Advertising API）を利用したAPIを、リクエスト数節約のためにCloudFrontでキャッシュさせようとしたんだけど、どう設定してもキャッシュしてくれなくてハマってました。見直す中でCloudFrontの設定に間違いもあってそれで混乱してしまったのですが、どうやら設定のせいじゃない。APIの取得結果をJSONで返すだけだからCookieも使っていないし、なぜキャッシュされないのか…… と思いながら冷静になってChromeのデベロッパーツールでリクエスト見てたらこんなんなってました。
Laravelへの機能実装を進めながら泥縄でいろいろ勉強するということをしています。で、ある機能を実装するのにフロントエンドはVueで実装して、データはサーバ側で取得してJSONで渡そうかというようなことを考え、APIを実装してみました。とりあえずサンプルなので使うデータは何でも良かったんですが、あとで使えるようにってことでAmazonの商品情報API（Amazon Product Advertising API）を使うことに。ASINを渡すと商品情報のJSONを返してくれるだけのシンプルなAPIです。
自分だけが閲覧出来るブログを自分のサーバに置きたい、ということがあります。昔書いてたけど古くなりすぎたとか、検索に引っかかって欲しくないとかそういうの。普通のブログであれば公開ディレクトリに.htaccess置いて終わりなんですが、マルチドメインでWordPress使ってるとドメインに対応したディレクトリって存在しないんですよね。ドメインに対してBASIC認証というのも、WordPressの管理画面に入る時にも要求されてなんかあんまりスマートじゃない。
InstagramのPC版には貼り付けコードを書き出してくれる仕組みがあって、それをブログなどに貼り付けるとこうなります。
とても便利なんですけど、でもこの貼り付けコードすごい長いんですよ。 適度に改行を入れて整形するとこうなります。
昨年11月に始めた現行サイトのサーバーアップデートとそれに伴うサイト移行プロジェクトですが、4ヶ月経った現在でもまだ移行出来る目途が立ってません。長い間に積もったものを一気に変えようとしているせいもあるし、課金をなるべく減らすべくローカルで作業しながら準備をしているせいで、作業は進んでも目に見える結果は何一つ出ていないというせいもあります。そもそも無い時間を縫って作業しているし。
記録されたエラーは下記の通り。
"message": "Uncaught SyntaxError: Unexpected end of input",
"file": "",
"lineNo": 1,
"colNo": 158,
"stack": "SyntaxError: Unexpected end of input",
"user_agent": "Mozilla/5.0 (Linux; Android 7.1.1; OPPO A79; Build/N6F26Q; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.92 Mobile Safari/537.36 SogouMSE,SogouMobileBrowser/5.6.0"なるほど。 ChromeのJSON.parse()に空文字を入れるとエラーになると。エラーログからでは具体的にどのJavaScriptファイルでエラーが出ているのかわからないし、そもそも1行目のエラーとなっていて問題の特定が難しかったけれど、幸いサイト内で「JSON.parse()」を使っている部分は限られていたので、そこを改修。 もともと発生頻度の低いエラーなのでこれで効果があるかどうかは不明だが、しばらく様子を見たいと思います。 ちなみに僕が見た環境での「JSON.parse()」は、こんな感じで使われていました。analog_MultiMeter: JSON.parseでハマった
原因 ChromeのJSON.parseは、空文字が入るとおかしなことになるらしい。 JSでは空文字列はfalse性を持つので、上記の対策で通るという事。 そのエラー発生は良いとしても、JSON.parse()のエラーでなくてEnd of Inputなんてわかりづらいエラー、それもHTMLの1行目なんかに出るのが悲しい。
function (error) {
var obj_error = JSON.parse(error);
}
% – パーセント文字。引数は不要です。
PHP: sprintf – Manual
