新しいmorolicious(ver5以降?)でNginxの後ろでhttpsを検知するに必要な設定
Nginxの後ろでSSL通信を検知する
Nginxの設定は基本的には Mojolicious::Guides::Cookbookにあるものでいいのだけど、Nginxをリバースプロキシとして使っていて、バックエンドのアプリ側でSSL通信か否かを判定する場合には
proxy_set_header X-Forwarded-Proto $scheme;
この設定がないと $app->req->is_secure;
が偽を返す。
うちも以前は
set $mode 0; if ($scheme = "https"){ set $mode 1; } proxy_set_header X-Forwarded-HTTPS $mode;
みたいな設定をしていたのだけど、mojoliciousのバージョンを上げたらうごかなかった。
なんとなく全体的な設定
upstream morolicio.us { server 127.0.0.1:8102; } server { listen 80; listen 443 ssl; server_name morolicio.us; # SSL Config ... location / { proxy_pass http://morolicio.us; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } }
やっぱりエロいサイトのサーバ立ち上げるならポートにもこだわりたいですね。ぱいおつ最高。
動画閲覧ページで複数動画がある場合、類似動画の「もっとみる」で表示が崩れるバグ修正
動画閲覧ページ(/video/xxx )で複数動画がある場合は、小サムネイルで切り替えができるようになっていますが、この切替を行った後に類似動画の「もっと見る」をクリックすると表示が崩れるバグを修正しました。
Linodeが大幅アップデートしたのでNginxのworker_processesでも増やす事にする
moroliciousと明石市の騒動に関して
【悲報】 明石市立天文科学館の公式ツイッターがやらかしてると話題にwwwwwwwwww
こんなスレがいつの間にか。ちょうど大雪の日だったようで、暇を持て余していたのでしょうか。男(とは限りませんが)ならごく正常な事ですね。
もともとはこちらのツイートから発生したようです。
大雪で騒がれていますが、ここで昨日の深夜に明石市立科学館が呟いた内容を見てみましょう pic.twitter.com/fSfq4xO32m
— キチほむ (@kariudyoshi) 2014, 2月 8
https://twitter.com/kariudyoshi/status/432015951718924288
業務用PCとか言われているけど、twitterアカウント管理しているだけかもしれないので個人のマシンかもしれません。業務中とも限らないし。というか、tweetした時間的には勤務時間外?
もともとソーシャルからの流入はわずかだけど、この日だけは別だったようです。
moroliciousのtwitterログインに関して
twitterのアプリ認証しても read権限 のみなので 勝手にtweetしたり出来ません。 ログイン時の認証にのみ使用しています。
件の騒動では twitterにログイン状態のブラウザ で
- 動画ページにある公式ツイートボタン
- ブラウザでtwitterの投稿ページが開かれる
- ツイート!
のような感じでしょうか。誤爆こわい ((((;゚Д゚))))ガクガクブルブル
何度も言いますがmoroliciousでは勝手に ツイートとかしません がアカウント作る時に心配な方はユーザーIDとパスワードで作成して下さいね。
最後に
もっと #panpanpenis を流行らせてね!エロtweetは誤爆に注意!
Twitter Bootstrapに最適なwebフォントアイコン Font Awesomeを使ってみた
webフォントアイコン
Bootstarp ver2.3.2まではアイコンをCSSスプライトで表示しています。Retina等高解像度のディスプレイで表示すると若干ぼんやりしてしまう難点があります。
webフォントを使えば通常のテキスト同様、ズームしてもキレイに表示されると思うので使ってみました。
Twitter Bootstrapに最適なFont Awesome
今回使用してみたものは Font Awesome というものです。
TwitterBootstarpに最適化されているようで、class="icon-xxxx" と指定して使えます。Bootstarp既存のiconも置き換えられます。既に構築済みのHTMLを修正する必要がないのでとても楽です。
※Bootstrap ver3以降はwebフォントを使用しているますね。
Androidもphoneとtabletの見分け方があるらしい
とあるユーザー様からAndroidのタブレットで見ると表示件数がおかしいとの指摘を受けました。実はiPhoneとiPadはUserAgentに含まれるので判別して切り分けていたのですが、androidはphoneとtabletを同じ扱いにしていました。
どうやらandoroidoでも "mobile" を検出することで、携帯かタブレットか判別できる様子。
早速使ってみます。
参考
PHP で、ユーザーエージェント(iPhone・Android・タブレット・携帯・PC)によってページを振り分ける | モノリオ