再谈移动端真机调试

Preface

以前写过一篇移动端真机调试的博客。最近在业务上，做了一个移动端的项目。对调试的手段又多了一种了解，本文做些记录。

调试方法

可以通过配置webpack的devServer的host

module.exports = {
  //...
  devServer: {
    host: '0.0.0.0'
  }
};

然后使你的电脑和移动设备在同一个网络下(wifi),通过ip:端口，就可以在手机上访问页面。

比如本地浏览器地址栏的开发地址为:0.0.0.0:8000/test.html，ip地址为192.xxx.xx.x,
现在在移动设备上通过192.xxx.xx.x:8000/test.html就可以访问了。

127.0.0.1、localhost、0.0.0.0

这里引入了另一个问题了,为什么0.0.0.0可以进行调试,像localhost为什么就不可以了呢？

IP地址

IP地址由两个部分组成，net-id和host-id，即网络号和主机号。 net-id:表示ip地址所在的网络号。 host-id：表示ip地址所在网络中的某个主机号码。

IP-address ::= { <Network-number>, <Host-number> }

IP地址分类

IP地址一共分为5类，即A～E，它们分类的依据是其net-id所占的字节长度以及网络号前几位。

A类地址:网络号占1个字节。网络号的第一位固定为0。
B类地址：网络号占2个字节。网络号的前两位固定为10。
C类地址：网络号占3个字节。网络号的前三位固定位110。
D类地址：前四位是1110，用于多播(multicast)，即一对多通信。
E类地址：前四位是1111，保留为以后使用。

其中，ABC三类地址为单播地址（unicast),用于一对一通信，是最常用的。

特殊IP地址

特殊IP地址就是用来做一些特殊的事情。RFC1700中定义了以下特殊IP地址。

{0,0}:网络号和主机号都全部为0，表示“本网络上的本主机”，只能用作源地址。
{0，host-id}:本网络上的某台主机。只能用作源地址。
{-1,-1}：表示网络号和主机号的所有位上都是1（二进制），用于本网络上的广播，只能用作目的地址，发到该地址的数据包不能转发到源地址所在网络之外。
{net-id,-1}:直接广播到指定的网络上。只能用作目的地址。
{net-id,subnet-id,-1}:直接广播到指定网络的指定子网络上。只用作目的地址。
{net-id,-1,-1}:直接广播到指定网络的所有子网络上。只能用作目的地址。
{127，}:即网络号为127的任意ip地址。都是内部主机回环地址(loopback),永远都不能出现在主机外部的网络中。

IPv4 与 IPv6

这里还需要提高IPv4与IPv6的概念。像上面提到的127.0.0.1、localhost、0.0.0.0都是IPv4。
详细可以看这篇博客IPv4 与 IPv6 的比较。

127.0.0.1 与 0.0.0.0 都是前面提到的A类地址(A类地址:网络号占1个字节。网络号的第一位固定为0),因为将127转为2进制是
01111111。

127.0.0.1

127.0.0.1属于{127,}集合中的一个，而所有网络号为127的地址都被称之为回环地址。
回环地址：所有发往该类地址的数据包都应该被loop back。

用途: 回环测试,通过使用ping 127.0.0.1 测试某台机器上的网络设备，操作系统或者TCP/IP实现是否工作正常。
DDos攻击防御: 网站收到DDos攻击之后，将域名A记录到127.0.0.1，即让攻击者自己攻击自己。
大部分Web容器测试的时候绑定的本机地址。

localhost

相比127.0.0.1，localhost具有更多的意义。localhost是个域名，而不是一个ip地址。之所以我们经常把localhost与127.0.0.1认为是同一个是因为我们使用的大多数电脑上都讲localhost指向了127.0.0.1这个地址。
在mac系统中，/ets/hosts文件如下：

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1	localhost
255.255.255.255	broadcasthost
::1             localhost

127.0.0.1 windows10.microdone.cn

但是localhost的意义并不局限于127.0.0.1。
localhost是一个域名，用于指代this computer或者this host,可以用它来获取运行在本机上的网络服务。
在大多数系统中，localhost被指向了IPV4的127.0.0.1和IPV6的::1。

0.0.0.0

IPV4中，0.0.0.0地址被用于表示一个无效的，未知的或者不可用的目标。

在服务器中，0.0.0.0指的是本机上的所有IPV4地址，如果一个主机有两个IP地址，192.168.1.1 和 10.1.2.1，并且该主机上的一个服务监听的地址是0.0.0.0,那么通过两个ip地址都能够访问该服务。( 这也是我们webpack像博客开头那样配置，手机能够访问的原因 )

在路由中，0.0.0.0表示的是默认路由，即当路由表中没有找到完全匹配的路由的时候所对应的路由。

用途总结:

当一台主机还没有被分配一个IP地址的时候，用于表示主机本身。（DHCP分配IP地址的时候）
用作默认路由，表示”任意IPV4主机”。
用来表示目标机器不可用。
用作服务端，表示本机上的任意IPV4地址。

航小航