Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Serve files in folder with an Android Web Server

I'd like to serve the files (.html and .css files, for example) of a local folder to recreate the usual behavior of a "real" local website.

Here are two examples of applications that work how I'd like mine to work: Tiny Web Server Free and kWS - Android Web Server.

I searched a lot with Google but I couldn't find anything...

I tried with NanoHttpd but it appears we can't set a root or home directory and we are only able to return some http code by returning a Response object with the serve() method. That's not what I want.

I'd like to be able to set a root directory, for example sdcard/www/, with a index.html that includes images from the sdcard/www/img/ subfolder...

Also, I found this answer, but this is not what I want. It consists in returning the content of an .html file in a Response object with the serve() method.

How could I do what I'd like to do?

like image 773
Drarig29 Avatar asked Nov 05 '16 16:11

Drarig29


3 Answers

I have been successfull in serving a folder of files via the following code... This is my Response method inside my Android Web Server class -->

public Response serve(IHTTPSession session) {
    String uri=session.getUri();
    String msg = "<html><body><h1>Hello server</h1>\n";

    File [] arrayfile;

    int i=0;

    try{
        session.parseBody(new HashMap<String, String>());
    }catch (ResponseException | IOException r){
        r.printStackTrace();
    }


    Map<String, String> parms = session.getParms();
    if (parms.get("username") == null) {
        msg += "<form action='?' method='get'>\n  <p>Your name: <input type='text' name='username'></p>\n" + "</form>\n";
    } else {
        msg += "<p>Hello, " + parms.get("username") + "!</p>";
    }
    msg += "<br><br><a href='/Open_rap'>Open Image of Lionel Messi</a><br><br>";
    msg += "<br><br><a href='/files'>Browse Files</a><br><br>";
    msg += "<br><br><a href='/getmethod'>GET METHOD OPERATION</a><br><br>";
    msg += "<br><br><a href='/postmethod'>POST METHOD OPERATION</a><br><br>";
    msg += "<br><br><a href='/jquery'>JQUERY OPERATION</a><br><br>";
    if(uri.equals("/hello")){
            String response="Hello World";
            return  newFixedLengthResponse(response);
    }
    else if(uri.equals("/getmethod")){
        String html="<html><head><h1>Welcome to the Form</h1><head/><body>";

        if(parms.get("name")==null){
            html +="<form action='' method='get'> \n " +
                    "<p>Enter Your Name:</p> <input type='text' name='name'>" +
                    "</form>" +
                    "</body>";
        }
        else{
            html +="<p>Hello Mr. "+ parms.get("name") +"</p>"+
                    "</body> ";
        }

        html +="</html>";
        return newFixedLengthResponse(html);

    }
    else if(uri.equals("/postmethod")){
        String html="<html><head><h1>Welcome to the Form</h1><head/><body>";
        Map<String, String> files = new HashMap<String, String>();
        Method method = session.getMethod();
        String postParameter="";


        html +="<form action='' method='post'> \n " +
                "<p>Enter Your Name:</p> <input type='text' name='name'>" +
                "</form>";

        if (Method.POST.equals(method) || Method.PUT.equals(method)) {
            try {
                session.parseBody(files);
            } catch (IOException ioe) {
                try {
                   // return newFixedLengthResponse(Response.Status.INTERNAL_ERROR, MIME_PLAINTEXT, "SERVER INTERNAL ERROR: IOException: " + ioe.getMessage());
                } catch (Exception e) {
                    e.printStackTrace();
                    Log.d("Exception", e.getMessage());
                }
            } catch (ResponseException re) {
                try {
                   // return newFixedLengthResponse(re.getStatus(), MIME_PLAINTEXT, re.getMessage());
                } catch (Exception e) {
                    e.printStackTrace();
                    Log.d("Exception", re.getMessage());
                }
            }
        }
        html +="</body></html>";
        String postBody = session.getQueryParameterString();
        postParameter = session.getParms().get("name");
        Log.d("Postbody",postBody+"\n"+postParameter);
        if(postParameter!=null){
            String html1="<html><head><h1>"+ postParameter +"</h1><head></html>";
            return newFixedLengthResponse(html1);
        }
        return newFixedLengthResponse(Response.Status.OK,"text/html",html);
    }

    else if(uri.equals("/Open_rap")){

        File root= Environment.getExternalStorageDirectory();
        FileInputStream fis = null;
        File file = new File(root.getAbsolutePath() + "/www/messi.jpg");
        try{
            if(file.exists())
            {
                fis = new FileInputStream(file);

            }
            else
                Log.d("FOF :", "File Not exists:");
        }catch (FileNotFoundException e)
        {
            e.printStackTrace();
        }


        return newFixedLengthResponse(Response.Status.OK,"image/jpeg",fis, file.length() );
    }

    else if(uri.equals("/files")) {
        File root = Environment.getExternalStorageDirectory();

        FileInputStream fis = null;
        File file = new File(root.getAbsolutePath() + "/www/files/");
        arrayfile = file.listFiles();
        String html = "<html><body><h1>List Of All Files</h1>";
        for (i = 0; i < arrayfile.length; i++) {
            Log.d("Files", "FileName:" + arrayfile[i].getName());
            html += "<a href='/www/files/" + arrayfile[i].getName() + "' >" + arrayfile[i].getName() + "</a><br><br>";

        }
        html += "</body></html>";

        return newFixedLengthResponse(html);
    }


    else if(uri.equals("/jquery")){
        String address="http://"+MainActivity.ipaddress+":8080/jquery-3.3.1.min.js";
        Log.d("IP",address);
        String s="<html>\n" +
                "<head>\n" +
            //    "<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n" +
             //   "<script src='file:///android_asset/js/jquery-3.3.1.min.js' type='text/javascript'></script>\n" +
               "<script src='"+address+"'></script>\n" +
                "<script>\n" +
                "$(document).ready(function(){\n" +
                "    $(\"button\").click(function(){\n" +
                "        $(\"p\").toggle();\n" +
                "    });\n" +
                "});\n" +
                "</script>\n" +
                "</head>\n" +
                "<body>\n" +
                "\n" +
                "<h2>This is a heading</h2>\n" +
                "\n" +
                "<button>Click me to hide paragraphs</button>\n" +
                "<p>This is a paragraph.</p>\n" +
                "<p>This is another paragraph.</p>\n" +
                "\n" +
                "\n" +
                "</body>\n" +
                "</html>\n";
        return newFixedLengthResponse(s);

    }
    else if(uri.equals("/jquery-3.3.1.min.js")){

        File root= Environment.getExternalStorageDirectory();
        FileInputStream fis = null;
        File file = new File(root.getAbsolutePath() + "/www/resources/jquery-3.3.1.min.js");
        Log.d("Jquery","hello");
        try{
            if(file.exists())
            {
                fis = new FileInputStream(file);

            }
            else
                Log.d("FOF :", "File Not exists:");
        }catch (FileNotFoundException e)
        {
            e.printStackTrace();
        }


        return newFixedLengthResponse(Response.Status.OK,"application/javascript",fis, file.length() );
    }

    else if(uri.contains(".")){

        String[] split=uri.split("/");
        String s="";
        for (i=0;i<split.length;i++){
            Log.d("String",""+split[i]+""+i);
            s=s+"/"+split[i];
        }
        String x=s.substring(1,s.length());
        Log.d("String2",s);
        Log.d("String2",x+"  "+x.length());
        String y = NanoHTTPD.getMimeTypeForFile(x);
        Log.d("MIME-TYPE",y);
        File root= Environment.getExternalStorageDirectory();
        FileInputStream fis = null;
        //File file = new File(root.getAbsolutePath() + "/"+split[1]+"/"+split[2]+"/"+split[3]);
        File file=new File(root.getAbsolutePath()+x);
        try{
            if(file.exists())
            {
                fis = new FileInputStream(file);

            }
            else
                Log.d("FOF :", "File Not exists:");
        }catch (FileNotFoundException e)
        {
            e.printStackTrace();
        }

        return newFixedLengthResponse(Response.Status.OK,y,fis, file.length() );

    }

    else {
        return newFixedLengthResponse(msg + "</body></html>\n");
    }

}

As you can see, the part where uri.contains(.)
this part of code is where I implement the folder using a root file object and file input stream My files are kept inside the internal storage of my android device /www/files Ping me if you have any issue.

like image 146
Shan Singh Avatar answered Nov 04 '22 22:11

Shan Singh


You can use google/webview-local-server

like image 2
Amir Khorsandi Avatar answered Nov 04 '22 21:11

Amir Khorsandi


I am using nanohttpd to serve files here is my working code that i used

@Override
public Response serve(IHTTPSession session) {
    String msg = "<html><body><h1>Hello server</h1></body></html>\n";
    String msgUnauthorized = "<html><body><h1>Unauthorized</h1></body></html>\n";
    Method method = session.getMethod();
    String uri = session.getUri();
    Map<String, String> files = new HashMap<>();

    String Endpoint = session.getUri();
    if (Endpoint.equals("/")) {

        String answer = "";
        try {
            // Open file from SD Card
            File root = Environment.getExternalStorageDirectory().getAbsoluteFile();
            FileReader index = new FileReader(root +
                    "/www/openrap/index.html");
            BufferedReader reader = new BufferedReader(index);
            String line = "";
            while ((line = reader.readLine()) != null) {
                answer += line;
            }
            reader.close();
        } catch (IOException ioe) {
            Log.w("Httpd", ioe.toString());
        }

        return newFixedLengthResponse(answer);
    }
like image 2
sanjay Avatar answered Nov 04 '22 23:11

sanjay