Android应用程序未使用套接字向本地主机服务器发送消息答案

【问题标题】：Android app not sending message to localhost server using socketsAndroid应用程序未使用套接字向本地主机服务器发送消息
【发布时间】：2017-11-06 07:32:55
【问题描述】：

我正在使用 Nodejs 和套接字编程实现一个聊天应用程序。如果我从我的 Android 应用程序发送一条消息，它应该在我的 WebStorm 终端中显示为已连接，但是什么都没有发生。

index.js

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/',function(req,res){
    res.sendFile(__dirname+'/index.html');
})
io.on('connection',function(socket){
    console.log('one user connected '+socket.id);
    socket.on('message',function(data){
        var sockets = io.sockets.sockets;
        // sockets.forEach(function(sock){
        //  if(sock.id != socket.id)
        //  {
        //  sock.emit('message',data);
        //  }
        //  })
        socket.broadcast.emit('message', data);
        console.log('message '+data);
    })
    socket.on('disconnect',function(){
        console.log('one user disconnected '+socket.id);
    })
})

http.listen(3000,function(){
    console.log('server listening on port 3000');
})

index.html

 <!doctype html>
<html>
<head>
    <title>Socket.IO chat</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font: 13px Helvetica, Arial; }
        form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
        form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
        form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
        #messages { list-style-type: none; margin: 0; padding: 0; }
        #messages li { padding: 5px 10px; }
        #messages li:nth-child(odd) { background: #eee; }
    </style>
</head>
<body>
<ul id="messages"></ul>
<form action="">
    <input id="m" autocomplete="off" /><button>Send</button>
</form>
<script src="/socket.io/socket.io.js"></script>
<script>
    var socket = io();
</script>
</body>
<h1>Hello Sockets</h1>
</html>

ChatFragment.java

package com.example.admin.chatapp;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Base64;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.EditText;
import android.widget.ImageButton;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.net.URISyntaxException;
import java.util.ArrayList;
import java.util.List;
import org.json.JSONException;
import org.json.JSONObject;

import io.socket.client.IO;
import io.socket.client.Socket;
import io.socket.emitter.Emitter;


/**
 * A simple {@link Fragment} subclass.
 * Activities that contain this fragment must implement the
 * {@link ChatFragment.OnFragmentInteractionListener} interface
 * to handle interaction events.
 * Use the {@link ChatFragment#newInstance} factory method to
 * create an instance of this fragment.
 */
public class ChatFragment extends Fragment {
    // TODO: Rename parameter arguments, choose names that match
    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";

    // TODO: Rename and change types of parameters
    private String mParam1;
    private String mParam2;
    private EditText mInputMessageView;
    private RecyclerView mMessagesView;
    private OnFragmentInteractionListener mListener;
    private List<Message> mMessages = new ArrayList<Message>();
    private RecyclerView.Adapter mAdapter;

    private Socket socket;
    {
        try{
            socket = IO.socket("http://192.168.x.x:3000");
        }catch(URISyntaxException e){
            throw new RuntimeException(e);
        }
    }
    /**
     * Use this factory method to create a new instance of
     * this fragment using the provided parameters.
     *
     * @param param1 Parameter 1.
     * @param param2 Parameter 2.
     * @return A new instance of fragment ChatFragment.
     */
    // TODO: Rename and change types and number of parameters
    public static ChatFragment newInstance(String param1, String param2) {
        ChatFragment fragment = new ChatFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    public ChatFragment() {
        // Required empty public constructor
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setHasOptionsMenu(true);
        socket.connect();
        socket.on("message", handleIncomingMessages);
    }



    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_chat, container, false);
    }

    // TODO: Rename method, update argument and hook method into UI event
    public void onButtonPressed(Uri uri) {
        if (mListener != null) {
            mListener.onFragmentInteraction(uri);
        }
    }

    @Override
    public void onAttach(Context activity) {
        super.onAttach(activity);
        mAdapter = new MessageAdapter(mMessages);
        /*try {
            mListener = (OnFragmentInteractionListener) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException(activity.toString()
                    + " must implement OnFragmentInteractionListener");
        }*/

    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        mMessagesView = (RecyclerView) view.findViewById(R.id.messages);
        mMessagesView.setLayoutManager(new LinearLayoutManager(getActivity()));
        mMessagesView.setAdapter(mAdapter);

        ImageButton sendButton = (ImageButton) view.findViewById(R.id.send_button);
        mInputMessageView = (EditText) view.findViewById(R.id.message_input);

        sendButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                sendMessage();
            }
        });


    }

    private void sendMessage(){
        String message = mInputMessageView.getText().toString().trim();
        mInputMessageView.setText("");
        addMessage(message);
        JSONObject sendText = new JSONObject();
        try{
            sendText.put("text",message);
            socket.emit("message", sendText);
        }catch(JSONException e){

        }

    }

    public void sendImage(String path)
    {
        JSONObject sendData = new JSONObject();
        try{
            sendData.put("image", encodeImage(path));
            Bitmap bmp = decodeImage(sendData.getString("image"));
            addImage(bmp);
            socket.emit("message",sendData);
        }catch(JSONException e){

        }
    }

    private void addMessage(String message) {

        mMessages.add(new Message.Builder(Message.TYPE_MESSAGE)
                .message(message).build());
        // mAdapter = new MessageAdapter(mMessages);
        mAdapter = new MessageAdapter( mMessages);
        mAdapter.notifyItemInserted(0);
        scrollToBottom();
    }

    private void addImage(Bitmap bmp){
        mMessages.add(new Message.Builder(Message.TYPE_MESSAGE)
                .image(bmp).build());
        mAdapter = new MessageAdapter(mMessages);
        mAdapter.notifyItemInserted(0);
        scrollToBottom();
    }
    private void scrollToBottom() {
        mMessagesView.scrollToPosition(mAdapter.getItemCount() - 1);
    }

    private String encodeImage(String path)
    {
        File imagefile = new File(path);
        FileInputStream fis = null;
        try{
            fis = new FileInputStream(imagefile);
        }catch(FileNotFoundException e){
            e.printStackTrace();
        }
        Bitmap bm = BitmapFactory.decodeStream(fis);
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        bm.compress(Bitmap.CompressFormat.JPEG,100,baos);
        byte[] b = baos.toByteArray();
        String encImage = Base64.encodeToString(b, Base64.DEFAULT);
        //Base64.de
        return encImage;

    }

    private Bitmap decodeImage(String data)
    {
        byte[] b = Base64.decode(data,Base64.DEFAULT);
        Bitmap bmp = BitmapFactory.decodeByteArray(b,0,b.length);
        return bmp;
    }
    private Emitter.Listener handleIncomingMessages = new Emitter.Listener(){
        @Override
        public void call(final Object... args){
            getActivity().runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    Log.d("cdcdc", String.valueOf(args[0]));
                    JSONObject data = (JSONObject) args[0];
                    Log.d("cdcdc", String.valueOf(data));
                    String message;
                    String imageText;
                    try {
                        message = data.getString("text").toString();
                        addMessage(message);

                    } catch (JSONException e) {
                        // return;
                    }
                    try {
                        imageText = data.getString("image");
                        addImage(decodeImage(imageText));
                    } catch (JSONException e) {
                        //retur
                    }

                }
            });
        }
    };

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }

    /**
     * This interface must be implemented by activities that contain this
     * fragment to allow an interaction in this fragment to be communicated
     * to the activity and potentially other fragments contained in that
     * activity.
     * <p/>
     * See the Android Training lesson <a href=
     * "http://developer.android.com/training/basics/fragments/communicating.html"
     * >Communicating with Other Fragments</a> for more information.
     */
    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        public void onFragmentInteraction(Uri uri);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        socket.disconnect();
    }

}

要在 WebStorm 中运行 index.js 文件，我输入命令

节点索引.js

这给了我输出为

服务器监听 3000 端口

当我从我的应用程序发送消息时，什么也没有发生。终端保持原样。我该怎么办，是什么原因造成的。

更新我将我的 android 代码更改为

socket = IO.socket("http://01e42de0.ngrok.io");

使用 ngrok 给我一个错误

06-05 20:27:52.578 23204-23204/com.example.admin.chatapp E/AndroidRuntime: 致命异常: main

进程：com.example.admin.chatapp，PID：23204 java.lang.RuntimeException：无法启动活动组件信息{com.example.admin.chatapp/com.example.admin.chatapp.SocketActivity}： android.view.InflateException：二进制 XML 文件第 9 行：二进制 XML 文件第 9 行：膨胀类片段时出错在 android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2728) 在 android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2814) 在 android.app.ActivityThread.-wrap12(ActivityThread.java) 在 android.app.ActivityThread$H.handleMessage(ActivityThread.java:1527) 在 android.os.Handler.dispatchMessage(Handler.java:102) 在 android.os.Looper.loop(Looper.java:154) 在 android.app.ActivityThread.main(ActivityThread.java:6290) 在 java.lang.reflect.Method.invoke（本机方法）在 com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886) 在 com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776) 引起：android.view.InflateException：二进制 XML 文件第 9 行：二进制 XML 文件第 9 行：膨胀类片段时出错引起：android.view.InflateException：二进制 XML 文件第 9 行：膨胀类片段时出错引起：java.lang.RuntimeException：java.net.URISyntaxException：索引 0 处方案名称中的非法字符：http://01e42de0.ngrok.io 在 com.example.admin.chatapp.ChatFragment.(ChatFragment.java:64) 在 java.lang.Class.newInstance（本机方法）在 android.app.Fragment.instantiate(Fragment.java:622) 在 android.app.Fragment.instantiate(Fragment.java:593) 在 android.app.FragmentManagerImpl.onCreateView(FragmentManager.java:2302) 在 android.app.FragmentController.onCreateView(FragmentController.java:98) 在 android.app.Activity.onCreateView(Activity.java:5982) 在 android.support.v4.app.BaseFragmentActivityHoneycomb.onCreateView(BaseFragmentActivityHoneycomb.java:36) 在 android.support.v4.app.FragmentActivity.onCreateView(FragmentActivity.java:79) 在 android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:777) 在 android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:727) 在 android.view.LayoutInflater.rInflate(LayoutInflater.java:858) 在 android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:821) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:518) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:426) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:377) 在 android.support.v7.app.AppCompatDelegateImplV9.setContentView(AppCompatDelegateImplV9.java:292) 在 android.support.v7.app.AppCompatActivity.setContentView(AppCompatActivity.java:140) 在 com.example.admin.chatapp.SocketActivity.onCreate(SocketActivity.java:22) 在 android.app.Activity.performCreate(Activity.java:6760) 在 android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1134) 在 android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2681) 在 android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2814) 在 android.app.ActivityThread.-wrap12(ActivityThread.java) 在 android.app.ActivityThread$H.handleMessage(ActivityThread.java:1527) 在 android.os.Handler.dispatchMessage(Handler.java:102) 在 android.os.Looper.loop(Looper.java:154) 在 android.app.ActivityThread.main(ActivityThread.java:6290) 在 java.lang.reflect.Method.invoke（本机方法）在 com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886) 在 com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776) 引起：java.net.URISyntaxException：方案中的非法字符索引 0 处的名称：http://01e42de0.ngrok.io 在 java.net.URI$Parser.fail(URI.java:2856) 在 java.net.URI$Parser.checkChars(URI.java:3029) 在 java.net.URI$Parser.checkChar(URI.java:3039) 在 java.net.URI$Parser.parse(URI.java:3055) 在 java.net.URI.(URI.java:590) 在 io.socket.client.IO.socket(IO.java:41) 在 io.socket.client.IO.socket(IO.java:37) 在 com.example.admin.chatapp.ChatFragment.(ChatFragment.java:61) 在 java.lang.Class.newInstance（本机方法）在 android.app.Fragment.instantiate(Fragment.java:622) 在 android.app.Fragment.instantiate(Fragment.java:593) 在 android.app.FragmentManagerImpl.onCreateView(FragmentManager.java:2302) 在 android.app.FragmentController.onCreateView(FragmentController.java:98) 在 android.app.Activity.onCreateView(Activity.java:5982) 在 android.support.v4.app.BaseFragmentActivityHoneycomb.onCreateView(BaseFragmentActivityHoneycomb.java:36) 在 android.support.v4.app.FragmentActivity.onCreateView(FragmentActivity.java:79) 在 android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:777) 在 android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:727) 在 android.view.LayoutInflater.rInflate(LayoutInflater.java:858) 在 android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:821) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:518) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:426) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:377) 在 android.support.v7.app.AppCompatDelegateImplV9.setContentView(AppCompatDelegateImplV9.java:292) 在 android.support.v7.app.AppCompatActivity.setContentView(AppCompatActivity.java:140) 在 com.example.admin.chatapp.SocketActivity.onCreate(SocketActivity.java:22) 在 android.app.Activity.performCreate(Activity.java:6760) 在 android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1134) 在 android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2681) 在 android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2814) 在 android.app.ActivityThread.-wrap12(ActivityThread.java) 在 android.app.ActivityThread$H.handleMessage(ActivityThread.java:1527) 在 android.os.Handler.dispatchMessage(Handler.java:102) 在 android.os.Looper.loop(Looper.java:154) 在 android.app.ActivityThread.main(ActivityThread.java:6290) 在 java.lang.reflect.Method.invoke（本机方法）在 com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886) 在 com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)

【问题讨论】：

您的 Android 设备是否可以看到 URL http://192.168.1.9:3000？
@MarcosPlacona 我该怎么做？
进入你安卓设备的网络/wifi设置，看看你的IP地址是什么
@cricket_007 我的 IP 地址是 192.168.1.23

标签： java android node.js sockets localhost

【解决方案1】：

通过就您自己的问题向您提问，我想我知道您的问题是什么。似乎您的 android 设备可能与您的应用程序不在同一个网络上，并且因为您在 192.168.x.x 上运行它，所以我很确定这就是您的问题。

您的 Android 设备无法看到您的套接字应用程序，因为它只是在 localhost 中运行。

为了让您的 Android 设备能够访问它，您可以使用像 ngrok 这样的隧道应用程序。这将使您的应用程序可用。将其安装在您的计算机上并在新的终端窗口中运行，如下所示：

ngrok http 3000

在该终端窗口上，您将获得一个 UR: 可从外部访问。复制该网址。

here 示例，因为图片上传现在似乎已损坏。

更改代码中的这一行：

socket = IO.socket("http://192.168.1.9:3000");

到您的 ngrok URL。即

socket = IO.socket("http://fa9910Hf.ngrok.io");

再试一次，希望你能看到收到的消息。

【讨论】：

局域网中不需要 Ngrok
如果两台设备都在同一个网络上，则不需要。他的回答表明情况不一定如此。
评论只是一个问题“如何检查端口是否可访问”。不是网站，所以不能打开浏览器
我不确定您的 cmets 对此有何帮助？如果事实证明问题不是因为设备不在同一个网络上，我们可以看看其他选项对吗？
@MarcosPlacona 使用 Ngrok 在打开应用程序时出现上述错误