質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Socket.IO

Socket.IOはNode.js上で動くライブラリであり、すべてのブラウザとモバイルデバイスでリアルタイムのアプリを作動させる事を目的としています。

WebSocket

WebSocketとは双方向・全二重コミュニケーションのためのAPIでありプロトコルのことを指します。WebSocketはHTML5に密接に結びついており、多くのウェブブラウザの最新版に導入されています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Q&A

解決済

1回答

2692閲覧

ExpressでSocket.IOを使いたい!

websemi

総合スコア16

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Socket.IO

Socket.IOはNode.js上で動くライブラリであり、すべてのブラウザとモバイルデバイスでリアルタイムのアプリを作動させる事を目的としています。

WebSocket

WebSocketとは双方向・全二重コミュニケーションのためのAPIでありプロトコルのことを指します。WebSocketはHTML5に密接に結びついており、多くのウェブブラウザの最新版に導入されています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

1グッド

1クリップ

投稿2018/10/28 07:01

編集2018/10/29 10:34

前提・実現したいこと

現在、大学でExspressとEJSを使ったWEBアプリケーションの開発で、Socket.ioを使ってWebSocketを利用したいと思っています。
しかし、client側のGETメソッドで接続要求(var socket = io();)を出すと以下のようなエラーが出ました。
自分なりに色々調べましたが、何がいけないのかが全く分かりませんでした。
どうすれば解決するでしょうか。ご協力をお願いいたします。
参考サイト

発生している問題・エラーメッセージ

GET /socket.io/?EIO=3&tranport=polling&t=XXX 404 X.XXX ms -1033

app.js

node

1// モジュールの読み込み 2var createError = require('http-errors'); 3var express = require('express'); 4var path = require('path'); 5var favicon = require('serve-favicon'); 6var cookieParser = require('cookie-parser'); 7var logger = require('morgan'); 8var session = require('express-session'); 9var fs = require('fs'); 10 11var indexRouter = require('./routes/index'); 12var usersRouter = require('./routes/users'); 13// オリジナルJsファイル 14var client = require('./routes/client'); 15 16//Expressインスタンスの作成 17var app = express(); 18 19//WebSocket 20var server = require('http').createServer(app); 21var io = require('socket.io').listen(server); 22 23//WebScoket接続時 24io.on('connection', function(socket) { 25 console.log("WebSocket接続成功!"); 26}); 27 28// EJSの指定 29app.set('views', path.join(__dirname, 'views')); 30app.set('view engine', 'ejs'); 31 32//ミドルウェアの追加 33app.use(logger('dev')); 34app.use(express.json()); 35app.use(express.urlencoded({ extended: false })); 36app.use(cookieParser()); 37app.use(express.static(path.join(__dirname, 'public'))); 38app.use(session({ 39 secret: 'keyboard cat', 40 resave: false, 41 saveUninitialized: true 42})); 43 44//ルーティングの追加 45app.use('/socket.io', express.static('node_modules/socket.io-client/dist')); 46app.use('/', indexRouter); 47app.use('/users', usersRouter); 48app.use('/client',client); 49 50// catch 404 and forward to error handler 51app.use(function(req, res, next) { 52 next(createError(404)); 53}); 54 55// error handler 56app.use(function(err, req, res, next) { 57 // set locals, only providing error in development 58 res.locals.message = err.message; 59 res.locals.error = req.app.get('env') === 'development' ? err : {}; 60 61 // render the error page 62 res.status(err.status || 500); 63 res.render('error'); 64}); 65 66module.exports = app; 67

routes/client.js

node

1var express = require('express'); 2var router = express.Router(); 3 4//MySQL接続 5var connection = require('../mysqlConnection'); 6 7router.get('/', function(req, res, next) { 8 res.render('client', { 9 title: 'XXXX' 10 }); 11}); 12 13module.exports = router;

views/client.ejs

html

1~~省略~~ 2<!-- Socket.IO --> 3<script type="text/javascript" src="/socket.io/socket.io.js"></script> 4</head> 5 6~~省略~~ 7<script> 8//Socket接続 9var socket = io(); 10</script> 11
tom_tom👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

wwwにWebSoketのコードを移したら解決しました

投稿2018/10/30 06:45

websemi

総合スコア16

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問