安卓开发使用nanoHTTPd创建简单http服务器

作者: 510bb14393e1 | 来源:发表于2022-04-29 11:08 被阅读0次

安卓开发使用nanoHTTPd创建简单http服务器
NanoHttpd 安卓HTTP Sever建立
移植wifidog至android5.1平台
[源码探究]“NanoHttpd微型服务器”使用及源码阅读
安卓开发开发前你需要了解的一些资料(一)
Android Gson使用详解
NanoHttpd嵌入式服务器
Node.js学习——HTTP服务器与客户端（一）
nodeJS内置模块
安卓开发listview简单使用

官网地址:https://github.com/NanoHttpd/nanohttpd
1、添加依赖包
implementation 'org.nanohttpd:nanohttpd:2.3.1'

2、新建servlet，继承NanoHTTPD

3、构造函数 HttpServer(int port)和HttpServer(String hostname, int port)

4、处理请求方法serve();

5、获取GET方法请求参数：
Map<String, String> parms = session.getParms();

6、获取请求方法类型：
Method method = session.getMethod();

7、POST获取参数：
session.parseBody(new HashMap());//解决获取不到post参数
Map<String, String> parms = session.getParms();

8、创建简单响应头：
newFixedLengthResponse("我是服务器内容！")；

9、启动服务：
MyServer myServer=new MyServer(8080);
try {
myServer.start();
}catch (Exception e ){}

下面是我简单实现的复制粘贴即可运行
MainActivity.class

package com.mynanohttpd;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;

public class MainActivity extends Activity {

boolean  flg=false;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //创建服务并启动
        MyServer myServer=new MyServer(8080);
        myServer.asset=getAssets();//传递assets对象
        try {
        myServer.start();
        }catch (Exception e ){
            System.out.print(e);
        }
    }
}

MyServer.class

package com.mynanohttpd;

import android.content.res.AssetManager;
import java.io.IOException;
import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.io.InputStream;
import java.util.Map;
import fi.iki.elonen.NanoHTTPD;

public class MyServer extends NanoHTTPD {


    AssetManager asset = null;

    public MyServer(int host) {
        super(host);
    }

    public MyServer(String ip, int host) {
        super(ip, host);
    }

    public NanoHTTPD.Response serve(NanoHTTPD.IHTTPSession iHTTPSession) {
        //获取参数
        Map parms = iHTTPSession.getParms();
        System.out.println(parms);
        System.out.println(iHTTPSession.getUri());
        if (iHTTPSession.getUri().equals("/")) {
            System.out.println(asset);
            return index();
        } 
        return newFixedLengthResponse("500");
    }

    private NanoHTTPD.Response index() {
        //加载Assets里的html文件
        return NanoHTTPD.newFixedLengthResponse(getIndex());
    }

    public String getIndex() {

        InputStream inputStream = null;
        InputStreamReader isr = null;
        BufferedReader br = null;

        StringBuffer sb = new StringBuffer();
        try {
            inputStream = asset.open("index.html");
            isr = new InputStreamReader(inputStream);
            br = new BufferedReader(isr);

            sb.append(br.readLine());
            String line = null;
            while ((line = br.readLine()) != null) {
                sb.append("\n" + line);
            }

            br.close();
            isr.close();
            inputStream.close();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                if (br != null) {
                    br.close();
                }
                if (isr != null) {
                    isr.close();
                }
                if (inputStream != null) {
                    inputStream.close();
                }
            } catch (IOException e) {
                e.printStackTrace();
            }

        }
        return sb.toString();
    }
}

Assets目录的index.html


<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Hello MUI</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <link rel="stylesheet" href="https://www.dcloud.io/hellomui/css/mui.min.css">
        <style>
            html,
            body {
                background-color: #efeff4;
            }
            p {
                text-indent: 22px;
            }
            span.mui-icon {
                font-size: 14px;
                color: #007aff;
                margin-left: -15px;
                padding-right: 10px;
            }
            .mui-off-canvas-left {
                color: #fff;
            }
            .title {
                margin: 35px 15px 10px;
            }
            .title+.content {
                margin: 10px 15px 35px;
                color: #bbb;
                text-indent: 1em;
                font-size: 14px;
                line-height: 24px;
            }
            input {
                color: #000;
            }
        </style>
    </head>

    <body>
        <div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
            <!--侧滑菜单部分-->
            <aside id="offCanvasSide" class="mui-off-canvas-left">
                <div id="offCanvasSideScroll" class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="title">侧滑导航</div>
                        <div class="content">
                            这是可拖动式侧滑菜单示例，你可以在这里放置任何内容；关闭侧滑菜单有多种方式： 1.在手机屏幕任意位置向左拖动(drag)；2.点击本侧滑菜单页之外的任意位置; 3.点击如下红色按钮
                            <span class="android-only">；4.Android手机按back键；5.Android手机按menu键
                            </span>。
                            <p style="margin: 10px 15px;">
                                <button id="offCanvasHide" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
                            </p>

                        </div>
                        <div class="title" style="margin-bottom: 25px;">侧滑列表示例</div>
                        <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
                            <li class="mui-table-view-cell">
                                <a class="mui-navigate-right">
                                    Item 1
                                </a>
                            </li>
                            <li class="mui-table-view-cell">
                                <a class="mui-navigate-right">
                                    Item 2
                                </a>
                            </li>
                            <li class="mui-table-view-cell">
                                <a class="mui-navigate-right">
                                    Item 3
                                </a>
                            </li>
                            <li class="mui-table-view-cell">
                                <a class="mui-navigate-right">
                                    Item 4
                                </a>
                            </li>
                            <li class="mui-table-view-cell">
                                <a class="mui-navigate-right">
                                    Item 5
                                </a>
                            </li>
                            <li class="mui-table-view-cell">
                                <a class="mui-navigate-right">
                                    Item 6
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </aside>
            <!--主界面部分-->
            <div class="mui-inner-wrap">
                <header class="mui-bar mui-bar-nav">
                    <a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
                    <a class="mui-action-back mui-btn mui-btn-link mui-pull-right">关闭</a>
                    <h1 class="mui-title">div模式右滑菜单</h1>
                </header>
                <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="mui-content-padded">
                            <p>这是可拖动式右滑导航示例，主页面和菜单在一个HTML文件中， 优点是支持拖动手势（跟手），缺点是不支持菜单内容在多页面的复用； 当前页面为主界面，你可以在主界面放置任何内容； 打开侧滑菜单有多种方式： 1、在当前页面向右拖动； 2、点击页面左上角的
                                <span class="mui-icon mui-icon-bars"></span> 图标； 3、通过JS API触发（例如点击如下蓝色按钮体验）；
                                <span class="android-only">4、Android手机按menu键；</span>
                            </p>
                            <p style="padding: 5px 20px;margin-bottom: 5px;">
                                <button id="offCanvasShow" type="button" class="mui-btn mui-btn-primary mui-btn-block" style="padding: 10px;">
                                    显示侧滑菜单
                                </button>
                            </p>
                            <p>侧滑菜单的移动动画，支持多种效果，切换如下选项体验不同动画效果：</p>

                        </div>

                        <form class="mui-input-group" style="margin-bottom: 15px;">
                            <div class="mui-input-row mui-radio">
                                <label>主界面移动、菜单不动</label>
                                <input name="style" type="radio" checked="" value="main-move">
                            </div>
                            <div class="mui-input-row mui-radio">
                                <label>主界面不动、菜单移动</label>
                                <input name="style" type="radio" value="menu-move">
                            </div>
                            <div class="mui-input-row mui-radio mui-hidden" id="move-togger">
                                <label>整体移动</label>
                                <input name="style" type="radio" value="all-move">
                            </div>
                            <div class="mui-input-row mui-radio">
                                <label>缩放式侧滑（类手机QQ）</label>
                                <input name="style" type="radio" value="main-move-scalable">
                            </div>
                        </form>

                    </div>
                </div>
                <!-- off-canvas backdrop -->
                <div class="mui-off-canvas-backdrop"></div>
            </div>
        </div>
        <script src="https://www.dcloud.io/hellomui/js/mui.min.js"></script>
        <script>
            mui.init();
             //侧滑容器父节点
            var offCanvasWrapper = mui('#offCanvasWrapper');
             //主界面容器
            var offCanvasInner = offCanvasWrapper[0].querySelector('.mui-inner-wrap');
             //菜单容器
            var offCanvasSide = document.getElementById("offCanvasSide");
            if (!mui.os.android) {
                document.getElementById("move-togger").classList.remove('mui-hidden');
                var spans = document.querySelectorAll('.android-only');
                for (var i = 0, len = spans.length; i < len; i++) {
                    spans[i].style.display = "none";
                }
            }
             //移动效果是否为整体移动
            var moveTogether = false;
             //侧滑容器的class列表，增加.mui-slide-in即可实现菜单移动、主界面不动的效果；
            var classList = offCanvasWrapper[0].classList;
             //变换侧滑动画移动效果；
            mui('.mui-input-group').on('change', 'input', function() {
                if (this.checked) {
                    offCanvasSide.classList.remove('mui-transitioning');
                    offCanvasSide.setAttribute('style', '');
                    classList.remove('mui-slide-in');
                    classList.remove('mui-scalable');
                    switch (this.value) {
                        case 'main-move':
                            if (moveTogether) {
                                //仅主内容滑动时，侧滑菜单在off-canvas-wrap内，和主界面并列
                                offCanvasWrapper[0].insertBefore(offCanvasSide, offCanvasWrapper[0].firstElementChild);
                            }
                            break;
                        case 'main-move-scalable':
                            if (moveTogether) {
                                //仅主内容滑动时，侧滑菜单在off-canvas-wrap内，和主界面并列
                                offCanvasWrapper[0].insertBefore(offCanvasSide, offCanvasWrapper[0].firstElementChild);
                            }
                            classList.add('mui-scalable');
                            break;
                        case 'menu-move':
                            classList.add('mui-slide-in');
                            break;
                        case 'all-move':
                            moveTogether = true;
                            //整体滑动时，侧滑菜单在inner-wrap内
                            offCanvasInner.insertBefore(offCanvasSide, offCanvasInner.firstElementChild);
                            break;
                    }
                    offCanvasWrapper.offCanvas().refresh();
                }
            });
             //主界面‘显示侧滑菜单’按钮的点击事件
            document.getElementById('offCanvasShow').addEventListener('tap', function() {
                offCanvasWrapper.offCanvas('show');
            });
             //菜单界面，‘关闭侧滑菜单’按钮的点击事件
            document.getElementById('offCanvasHide').addEventListener('tap', function() {
                offCanvasWrapper.offCanvas('close');
            });
             //主界面和侧滑菜单界面均支持区域滚动；
            mui('#offCanvasSideScroll').scroll();
            mui('#offCanvasContentScroll').scroll();
             //实现ios平台原生侧滑关闭页面；
            if (mui.os.plus && mui.os.ios) {
                mui.plusReady(function() { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
                    plus.webview.currentWebview().setStyle({
                        'popGesture': 'none'
                    });
                });
            }
        </script>
    </body>

</html>

AndroidManifest.xml里需要添加网络权限

<uses-permission android:name="android.permission.INTERNET"/>

最后看看效果

安卓开发使用nanoHTTPd创建简单http服务器
官网地址:https://github.com/NanoHttpd/nanohttpd[https://githu...
NanoHttpd 安卓HTTP Sever建立
原创文章，转载请注明出处：NanoHttpd 安卓HTTP Sever建立:http://www.jianshu....
移植wifidog至android5.1平台
实现的功能先使用nanohttpd在安卓内实现http server的功能，然后在已经移植并开启wifidog的...
[源码探究]“NanoHttpd微型服务器”使用及源码阅读
“NanoHttpd微型服务器”使用及源码阅读 NanoHttpd仅有一个Java文件的微型Http服务器实现。其...
安卓开发开发前你需要了解的一些资料(一)
前言在安卓开发初步了解安卓和配置安卓环境中，我们简单的介绍了安卓和配置安卓环境。我们使用了Android ...
Android Gson使用详解
Android Gson使用详解(出处: 安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户)
NanoHttpd嵌入式服务器
基于NanoHttpd的Android视频服务器开发说明NanoHttpd是个很强大的开源库，仅仅用一个Java...
Node.js学习——HTTP服务器与客户端（一）
1.实验目的使用Node.js创建一个简单的HTTP服务器。 2.实验方法使用http模块创建一个简单...
nodeJS内置模块
1、http模块创建服务器使用 http.createServer() 方法创建服务器，并使用 listen ...
安卓开发listview简单使用
效果图 1.main.xml文件里编写布局代码 2.MainActivity.class类文件里编写代码