DartVM服务器开发(第四天)--代码优化

经过三天,大家已经对DartVM服务器开发有了一个基本的认识,可能有人会说,处理请求这么乱的吗?今天就来优化一下代码!

优化请求

上一篇文章中,我们通过依赖第三方http_server这个包实现将html页面返回给浏览器,但是一般的服务器都包含请求html,json格式的传递,这样就有可能造成了混乱,下面我们使用http_server这个包进行优化吧!

在上一篇文章中,有人问了相对路径在不同的系统的表现是不一样的,那么,我们今天使用绝对路径,获取当前项目的绝对路径是很容易的,通过下面代码获取

  var webPath=Platform.script.toFilePath();

这里有一个Platform类,这个类主要提供有关计算机和操作系统的信息,而PlatForm.script主要获取当前运行脚本的绝对Uri,Uri内容为File://地址,然后toFilePath()就是获取当前Uri的地址 我们来输出运行一下看看吧!

pathToBuild的值.png

然后,我的html路径为 /Users/rhyme/WebstormProjects/ServerApp/webApp 那么我们怎么改为该路径呢,下面是我的代码

import 'package:path/path.dart';

  var webPath=dirname(dirname(Platform.script.toFilePath()))+'/webApp';

可以看到,我导入了path.dart这个文件,这个文件中有一个方法dirname().该方法可以知道,获取目录的名字,我获取了两次目录的名字,就是当前项目的根目录,然后就是拼接上"/webApp"这个字符串,就是html的存放位置了,我们来看一下现在的值吧!

image.png

可以看到成功的获取到了,这个就是我的html存放路径,如果你是win系统,也可以通过该方法去试着获取到html存放路径,下面就将该路径传入到http_server这个包的一个类中,在此之前,我们昨天有人可能对下面这一段代码有点疑问

main() async {
  VirtualDirectory staticFiles=new VirtualDirectory('.');
//.....
  }
}

对的,这里的VirtualDirectory构造方法中,我们传入了一个“ . ”这个点就是要传入我们的html目录路径了,我们一定要记得,这里需要传入绝对路径,下面就是拼接的代码

  var webPath=dirname(dirname(Platform.script.toFilePath()))+'/webApp';

  VirtualDirectory staticFiles=new VirtualDirectory(webPath);

接下来,我们要让VirtualDirectory这个类去接管收到的请求,并根据路径访问html页面

var webPath=dirname(dirname(Platform.script.toFilePath()))+'/webApp';

  VirtualDirectory staticFiles=new VirtualDirectory(webPath);
  //允许目录监听,按照目录去请求
  staticFiles.allowDirectoryListing=true;
//目录处理,当请求根目录时,会返回该地址
  staticFiles.directoryHandler=(dir,request){
    var indexUri=new Uri.file(dir.path,).resolve('index.html');
    staticFiles.serveFile(new File(indexUri.toFilePath()), request);
  };

  var requestServer = await HttpServer.bind(InternetAddress.loopbackIPv6, 8080);

  print('监听 localhost地址,端口号为${requestServer.port}');

  //监听请求
  await for (HttpRequest request in requestServer) {
//交给staticFiles处理了
    staticFiles.serveRequest(request);
//    logUtils.writeHeaders(request);
//
//    if(request.uri.toString()=='/'||request.uri.toString().endsWith('.html')){
//
//    }else{
//      handleMessage(request);
//    }
//
  }

最后,我们在webApp下面添加几个页面

添加几个页面.png

接下来我们根据路径请求一下服务器

页面一.png

页面二.png

关于页面.png

我们试着去请求一个不存在的页面

可以看到不存在.png

我们为没有找到的页面进行定制一下

  staticFiles.errorPageHandler=(request){
    if(request.uri.pathSegments.last.contains('.html')){
      staticFiles.serveFile(new File(webPath+'/404.html'), request);
    }else{
      handleMessage(request);
    }
  };

这里我们判断请求地址最后请求的文件是否为一个html页面,如果是,就为它返回一个404的页面,如果不是,就去处理消息

404页面png

启动服务器,我们重新请求之前找不到的地址,看看有什么变化

可以看到,返回了404的页面.png

接下来,我们优化一下代码

main() async {
  //获取文件根目录
  var webPath=dirname(dirname(Platform.script.toFilePath()))+'/webApp';
  VirtualDirectory staticFiles=new VirtualDirectory(webPath);
  //允许目录监听
  staticFiles.allowDirectoryListing=true;
  //处理访问根目录
  staticFiles.directoryHandler=(dir,request){
    var indexUri=new Uri.file(dir.path,).resolve('index.html');
    staticFiles.serveFile(new File(indexUri.toFilePath()), request);
  };
  //处理访问不存在的页面
  staticFiles.errorPageHandler=(request){
    if(request.uri.pathSegments.last.contains('.html')){
      staticFiles.serveFile(new File(webPath+'/404.html'), request);
    }else{
      handleMessage(request);
    }
  };
  var requestServer = await HttpServer.bind(InternetAddress.loopbackIPv6, 8080);
  print('监听 localhost地址,端口号为${requestServer.port}');
  //监听请求
  await requestServer.forEach(staticFiles.serveRequest);
}

上面就是优化的代码了! 今天虽然没有太多的知识,但是一个好的代码环境,是我们继续维护的动力,好了!今天就到此结束了,明天见!

如果想继续学习DartVM服务器开发,请关注我,学习更多骚操作!

  • 下一篇:DartVM服务器开发(第五天)--日志工具

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Grace development

PHP程序员必须知道的两种日志

作为一名程序员,比码代码还重要那么一点点的东西就是日志的分析和查询。下面列出常见日志及设置方法。

4603
来自专栏地方网络工作室的专栏

Shell 命令行实现将一个站点页面全部下载到本地并替换其中链接的脚本

Shell 命令行实现将一个站点页面全部下载到本地并替换其中链接的脚本 不知道为什么,我总想用 Shell 脚本来实现把一个站点内容给下载下来。但是下载什么站点...

2075
来自专栏Java帮帮-微信公众号-技术文章全总结

Maven详解

1 Maven介绍 1.1 项目开发中遇到的问题 1、都是同样的代码,为什么在我的机器上可以编译执行,而在他的机器上就不行? 2、为什么在我的机器上可以正常打包...

3845
来自专栏大闲人柴毛毛

Linux系统服务——Daemon

什么是Daemon? Daemon是Linux的一些系统服务,它们是一些常驻内存的进程。 Daemon分类 Daemon拥有两种分类方式,按照“daemon是...

3594
来自专栏SDNLAB

【连载-4】数据中心网络虚拟化 配置管理技术

在构建虚拟网络时,管理员需要进行大量的配置工作,例如端口的ip地址和VXLAN配置等等。显然,没有人愿意在系统每次启动时都将繁琐的配置工作重复一遍,所以将配置信...

2815
来自专栏运维

Nginx1.10.2稳定版本tcp四层负载安装配置过程略解

nginx1.10.2(2016.10.18)是最新稳定版,适合线上运行,最新开发版为1.11.8(2016.12.27)

1251
来自专栏数据处理

ssh免密登陆上传下载文件直接使用scp命令

在滴滴云申请了三台服务器,分别命名Master,Worker1,Worker2,用来配置spark环境,需要在本地远程免密操作三台机器,首先在本地生成RSA公私...

1591
来自专栏C/C++基础

Linux命令(18)——screen命令

screen是GNU计划开发的用于终端命令行的管理工具,可以新建和管理多个终端命令行会话,并提供切换,分离,挂接等相应的功能。

1202
来自专栏C/C++基础

DOS常用命令大全

2010-04-17 22:27:19|  分类: 电脑技术 |  标签:dos命令大全 |字号大中小 订阅

2141
来自专栏Java帮帮-微信公众号-技术文章全总结

Web-第七天 HTTP&Tomcat学习

HTTP协议:超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。用于定义WEB浏览器与WE...

1885

扫码关注云+社区

领取腾讯云代金券