此框架已实现前后端分离,可以直接把前段编译后,打包成app来使用,支持android 和ios。
不是打web的url,这样访问很慢,要下载的资源很多。
是把前段的js,css,html等资源放在app中,只访问远程api,因为资源都在手机本地,加载会快点。
既然要让本地资源访问远程服务,就要修改angular访问api的路径问题。
- 打开这个文件ui\src\app\global-interceptor.service.js
这是angularjs的全局拦截器,ajax请求响应 共同部分在这里 。 - 默认的ajax请求,访问如“/api/**”这样的路径,是会去找当前页面说在主机的路径。实际访问的完整路径应该是"http://192.168.1.222:8080/api/**" app里面,js运行在本地,而服务url在远程。按默认的就无法访问服务了
- global-interceptor.service.js找到这里
if (config.url.startsWith('/api/'))
{
onfig.url=CUSTOMHOST+config.url;
}
这一段就是我加的。CUSTOMHOST 是我自定义的主机+端口
写你实际服务器就可以了var CUSTOMHOST=" http://192.168.1.101:8888";
- 再把下面response的url判断改下就ok了。这个文件就这么多,完成。
4、websocket服务器地址同样需要修改
\ui\src\app\api\telemetry-websocket.service.js
完成以上配置后,把前段用webpack打包后,生成html,js 等文件,放到app中,打包即可。
需要懂app打包技术。