使用局域网IP地址作为小程序的测试IP

时间:2024-04-06 09:53:41

1. 在做小程序的时候,电脑端的测试可以用localhost来进行,但是手机端的操作就不可以。

2. 解决方式就是使用局域网,让电脑和手机连接同一个局域网,就可以用手机端进行数据的测试

3. 使用局域网方式

    3.1 首先打开cmd.exe, 然后输入 ipconfig

使用局域网IP地址作为小程序的测试IP

    3.2 然后找到 IPv4 地址

使用局域网IP地址作为小程序的测试IP

    3.3  在这里我用的是 wampserver 来配置的环境,找到 Apache下的 httpd-vhosts.conf,并且打开

 

 

使用局域网IP地址作为小程序的测试IP

     3.4 在其中加入:

<VirtualHost 192.168.3.208:80>
  ServerName 192.168.3.208
  DocumentRoot "D:\wamp64\www\Laravel\uav\public"
  <Directory "D:\wamp64\www\Laravel\uav\public">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require local
    Allow from all
    Require all granted
  </Directory>
</VirtualHost>

其中  VirtualHost 是 IPv4 的地址加上 80 端口号 (其他的端口号不知道能不能行)

使用局域网IP地址作为小程序的测试IP

    3.5  在 路径 C:\Windows\System32\drivers\etc 下找到 hosts 

使用局域网IP地址作为小程序的测试IP

    3.6 在其中加入如下信息: 192.168.3.208:80  192.168.8.208

使用局域网IP地址作为小程序的测试IP

    4 配置完毕之后一定要 重新启动wampserver

    5 手机热点也可以当做局域网使用

ps :  我之前配置过虚拟主机,所以这次有些配置虚拟主机的步骤省略了,如果你没有配置过,你还需要执行以下步骤:

1.  扎到 Apache 下的  http.conf 

使用局域网IP地址作为小程序的测试IP

找到 Virtual hosts (可以使用 Ctrl + f), 然后把 Include conf/extra/httpd-vhosts.conf 下的注释(#)去掉

使用局域网IP地址作为小程序的测试IP

 

2. 其实 配置虚拟域名,就是上面的 http.conf 这一步, 加上 httpd-vhosts.conf 里的步骤 ,加上 hosts 中的步骤