Socket.IOの扱いに関して

Question

現在、iPhone用に
リアルタイム双方向通信を搭載した

チャットアプリをサンプルとして制作しております。

とりあえず、今の段階では、クライアントからサーバーにメッセージを送るだけの
仕様を制作しているのですが
シュミレーションを起動すると

"Could not connect to the server."

と、X-codeのログに表示され

2016-07-23 01:47:32.939 MINE[8441:2925549] ERROR SocketEnginePolling: Could not connect to the server.
2016-07-23 01:47:32.939 MINE[8441:2925549] ERROR SocketEngine: Could not connect to the server.
2016-07-23 01:47:32.939 MINE[8441:2925549] ERROR SocketIOClient: Could not connect to the server.

このようなエラーが表示されてしまいます。

開発言語はSwiftで
サーバーはSocket.ioとNode.jsを採用しております。

ライブラリはsocket.io_client_swiftをインストール済みです。

いかがコードとなります。

import UIKit
import SocketIOClientSwift

class ViewController: UIViewController {
    
    let SocketURL = NSURL(string:"http://localhost:8080/")
    var socket: SocketIOClient!

    @IBOutlet weak var sigoku: UITextField!
 
    override func viewDidLoad() {
        super.viewDidLoad()
   
        // Do any additional setup after loading the view, typically from a nib.
 
        
        //socket = SocketIOClient(socketURL: SocketURL!, options: [.Log(true)]);
 
        //socket = SocketIOClient(socketURL: NSURL(string: "http://localhost:8080/")!,  options: [.Log(true)]);
        
        
        /*socket.on("connect") { data in
            print("socket connected!!")
        }
        socket.connect()*/
     
        
        
         //socket = SocketIOClient(socketURL: NSURL(string: "http://localhost:8080")!, options: [.Log(true), .ForcePolling(true)])
        
       
        
        
        
        
        socket = SocketIOClient(socketURL: SocketURL!, options:[.Log(true), .ForcePolling(true)])
        
        
        
        
        socket.on("connect") { data, ack in
            print("socket connected!!")
        }
        socket.on("disconnect") { data, ack in
            print("socket disconnected!!")
        }
        
        
        self.socket.connect()
    
    
    
    }
    
    
   
    
    
    
    
    

    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    @IBAction func baki(sender: AnyObject) {
    
    
        
       
        let nume : String = self.sigoku.text!
        
        self.socket.emit("subaki",nume)
        
    
    }


}

var http = require("http");
var socketio = require("socket.io");
var fs = require("fs");
var server = http.createServer(function(req,res){
  res.write("hello world");
  res.end();
});

server.listen(8080);

console.log("server listinnig...");



var io = require('socket.io')(server);


io.sockets.on('connection',function(socket){

console.log("client connected!!")

socket.on('disconnect',function() {


console.log("client disconnected")

});

socket.on("subaki", function(nume){
       console.log(nume)
   });

});

以上がコードとなりますが

こちらのコードをご覧いただいて
問題点をご指摘頂ければと思います。

それでは、どうぞ宜しくお願い致します。

Answer 1

このクライアントプログラムはiPhoneで動作させているんですよね?
だったら、
http://localhost:8080/
にアクセスしたら自分自身(iPhone)に接続しようとします。

もしサーバーをMacに構築していて、MacとiPhoneをUSBで接続していたとしても
あくまでiPhoneのlocalhostはiPhone自身です。

もしMacに構築したテストサーバーと通信したいのだったら、iPhoneと
Macを同一LAN内に接続して、MacのIPアドレスに接続する必要があります。

それと、iPhoneのOSがiOS9以上の場合、ATS(App Transport Security)というのが
導入されており、info.plistを設定しない限りhttpでは通信できないように制限
されていますので、httpでアクセスしたいなら以下を参考にinfo.plistを設定する
必要があります。

http://dev.classmethod.jp/smartphone/iphone/ios-9-intro-ats/

Comments

[Susanoo2442]

回答ありがとうございます。

今、ちょうど試しているのですが
MACのIPアドレスを確認したところ

ルーターのIPアドレスしかありませんでしたので
それを、使用して http://xxx.xxx.xx.xx:8080/　といった具合にコードを
記述したのですが

同じく繋がりません。

これは、 コードの書き方が悪いのでしょうか？？
それとも、ルーターのIPアドレスだからいけないのでしょうか？？

お手数おかけしますが
ご教示して頂ければ幸いでございます。

宜しくお願い致します。

[Susanoo2442]

ちなみになんですが
サーバ側のServer,jsは
server.listen(8080);のままでございます。

[Susanoo2442]

今しがた出来ました。

おっしゃる通り
ルーターのIPアドレスではなく

ローカルサーバーのIPアドレスを
指定して

Node.jsの方でも
同じように指定したら無事接続ができ、
サーバーとのリアルタイム双方向通信が
出来ました。

お恥ずかしい事ながら
プログラミングの事ばかり
考えており
初歩的な知識を備えておりませんでした。

今回は誠にありがとうございました。

Answer 2

簡単に試した感じではserver.jsは問題なさそうに思います。
以下のコードをnode client.jsで実行した場合動作しますか？
※ npm install socket.io-clientが必要
※ 終了は Ctrl-Cで。

また、シミュレーターのsafariからhttp://localhost:8080にアクセスした場合にhello worldは表示されますか？

client.js

var client = require("socket.io-client");
var socket = client.connect('http://localhost:8080');

socket.on('connect', function(){
    console.log('connect');
    socket.emit('subaki', 'HELLO');
});

Answer 3

server.listenから先が動いてないと思うので、
server.listenを一番最後に実行してみてください。

Comments

[flied_onion]

server.listenはブロックしませんのでそのままで動作します。