【本地电脑的应用如何最简单的进行真机测试】

项目场景：

在开发移动端的过程中，往往会遇到安卓或者苹果手机真机上面出现兼容性的问题，而且又比较难以调试，那么要怎么办呢？解决方案是：如何简单进行本地电脑的应用进行移动端真机测试

---

问题描述

例如：比如当在苹果手机上面出现了滑动内容出现了卡顿问题，安卓手机又是正常滑动，这个时候，在测试环境的应用，你又不方便调试，很难知道是哪些属性影响到了该滑动问题。

---

解决方案：

1. 需要准备启动好你的应用
2. 如果你是单体应用，只需要一个http或者https映射域名地址就可以了；如果你是前后台应用，就至少需要一个https域名，用来后台解决跨域问题，前台可以用http,也可以用https,总共需要两个域名
3. 本地启动内网穿透的应用，把本地的应用映射到外网域名中，你可以使用natapp 或者是 小米球Ngrok ,小编用的是小米球，有免费的https可以使用

下面详细讲解一下：
本编用的是前后台分离的项目，内网穿透用的是小米球。
前端启动应用的地址是：
http://localhost:8080/#/server?uuid=123456&userId=999

后端启动的应用地址是：
http://localhost:8082/

登录小米球注册账号：https://www.xiaomiqiu.cn/ ，添加隧道，一个是后台是8082的，一个是前台8080

登录小米球控制台地址: https://manager.xiaomiqiu.com/ ，下载windows的启动包，修改配置token，本地启动好如下：

然后你把8082对应生成的后台域名复制出来，修改前端代码替换8082的地方；同时也要8080对应生成的域名复制出来，直接放在浏览器访问就可以了

如果访问前端的时候出现了，Invalid Host header 这个问题，直接在前端添加 disableHostCheck: true,

最后前端域名访问,xxxxxx替换前面的8080对应的域名：
http://xxxxxxx/#/server?uuid=123456&userId=999&debug=true

搞定，这样一来，你就可以在手机上面访问这个前端域名了，方便调试代码了