Node.js＋Socket.IOで作る、通信対戦ができるHTML5ゲームシステムの作り方
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして、Yahoo!きっず開発担当です。 昨年Yahoo!きっずにてブラウザオンラインゲーム「おしゃべりリバーシ」をリリースしました。 ※おしゃべりリバーシは2015年10月をもってサービス終了しました。ご利用いただきまして、ありがとうございました。 このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。 今回は、Node.js＋Socket.IOによるWebSocketサーバのシステム構築方法について考慮すべきポイントを、「おしゃべりリバーシ」の実例を紹介しながら説
Node.JS＋socket.ioでSSL通信に対応させる
プロキシサーバとしてnginxを利用しました。 nginxとsocket.ioの連携メモ、SSLの場合。 以下はnginxの設定 upstream node { least_conn; server 127.0.0.1:3000 fail_timeout=20s; } server { listen 80; listen 443 ssl; server_name yourdomain.com #SSL証明書 ssl_certificate 証明書の場所; ssl_certificate_key 鍵の場所; #httpsにリダイレクトする if ($ssl_protocol = "") { rewrite ^ https://$host$request_uri? permanent; } #Node.js用とsocket.ioのxhr-pilloing用 location / { proxy
node.js / socket.io SSL接続サンプル (サーバ, クライアント)
app.js p\M� V �� V var PORT = 10443; var SSL_KEY = '___.key'; var SSL_CERT= '___.cert'; var fs = require('fs'); var io = require('socket.io').listen(PORT, { key : fs.readFileSync(SSL_KEY).toString(), cert : fs.readFileSync(SSL_CERT).toString() }); io.enable('browser client minification'); io.set('log level', 3); io.sockets.on('connection', function (socket) { //接続してきたらウェルカムメッセージを送信する setTimeout(fu
node.js + socket.ioで、SSL通信。
websocketでもSSL使えるみたいなので、やってみます。 てか、https:なページ内から非SSLな通信(ws:)で通信しようとすると、つながらないので、SSL通信(wss:)に変更します。 // 非SSL(ws:) var io = require('socket.io').listen( 5000 ); // SSL(wss:) var fs = require('fs'); var io = require('socket.io').listen( 5000 , { key: fs.readFileSync('/home/hogehoge/client.key').toString(), cert: fs.readFileSync('/home/hogehoge/client.cert').toString(), ca: fs.readFileSync('/home/hogeh
javascriptからファイル保存ダイアログを出す - Qiita
jsでファイルを保存するための方法. html5をサポートしたブラウザなら動くはず. 投稿してから気がつきましたがほとんど同じ内容の投稿がありました. javascriptで生成したファイルをローカルに保存する - Qiita しかし,少しだけ記事の趣旨が違うのでこの記事も残しておきます. 手順 a要素を作成する. a要素のhrefにダウンロードしたいリンクを代入する. a要素にdownload属性に値をつける. download属性にセットした値がファイル名となる.(拡張子はつけない方がよい) a要素にクリックイベントを発生させる. 実際のコード function download(url, name){ var a = document.createElement('a'); a.href = url; a.setAttribute('download', name || 'nonam
ハイパフォーマンス ブラウザネットワーキング、読むべき本だった - terurouメモ
Twitterで「なんかやばそうな本が出るぞ！！！」みたいな事を言っていたら、それが偶然拾われて、献本して頂く流れになりました。オライリーさん、ありがとうございます。 とりあえずざっと全体を流し読みした（と言っても3時間弱は読んだ）ので、書評っぽいことを書いておく。 ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化posted with amazlet at 14.05.10Ilya Grigorik オライリージャパン 売り上げランキング: 4,747 Amazon.co.jpで詳細を見る 読むべき人間 以下に該当する人間に対しては必読に値する本だと思う。 HTTPを扱うアプリケーション*1のアーキテクチャを設計する人間 Webサーバ等のHTTPに関連するインフラを担当する人間 HTTP 2.0、WebSocket、Server-S
こてさきAjax:WebSocket + node.jsでAudio Streaming - livedoor Blog（ブログ）
第７回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ（データ到達間隔が揺らぐこと）が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ＋Javascriptだけで出来たら、結構嬉しいよな〜やりた
５分くらいで出来るnode.js(0.6) + socket.io(0.8x)のサンプルプログラム - 小さい頃はエラ呼吸
2012.12.22 最新版で動作するようエントリを修正しました。 【初心者向け】node.js(0.8) + socket.io(0.9x)のサンプルプログラム - 大人になったら肺呼吸 2012.01.17追記 以下の手順だと文字化けすることが分かりましたので、修正しました。 はじめに node.js 0.6がリリースされて、いつのまにやらsocket.ioも0.8になっていたので、node.js(0.6) + socket.io(0.8x)を使ったサーバプッシュのサンプルプログラムを作ってみました。 node.js Socket.IO: the cross-browser WebSocket for realtime apps. サーバサイドJavaScript Node.js入門posted with amazlet at 13.05.31清水俊博 大津繁樹 Jxck 小林秀和 佐
WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebSockets handbook