[发明专利]Flutter_web运行方法、装置、设备及介质

说明书

本申请公开了Flutter_web运行方法、装置、设备及介质，应用于通过编译Flutter工程生成的web应用，涉及计算机技术领域，包括：获取代理服务器的IP地址和端口号；创建初始接口数据请求，并将初始接口数据请求中的域名替换为IP地址和端口号，以得到相应的替换后接口数据请求；将替换后接口数据请求发送至代理服务器，以便代理服务器将替换后接口数据请求发送至服务端，并接收服务端发送的与替换后接口数据请求对应的返回数据；接收代理服务器转发的返回数据。本申请通过代理服务的方式访问本地web，无需改变原来的项目，就能自动实现代理访问，实现Flutter_web运行。

技术领域

本发明涉及计算机技术领域，特别涉及一种Flutter_web运行方法、装置、设备及介质。

背景技术

使用Flutter侧开发的应用程序，可以编译成APP在手机端运行，也可以编译成web端在浏览器上运行，但是在编译成web在浏览器本地运行时，通常会存在跨域问题，如本地浏览器运行的URL为127.0.0.1:8080/index.html,但是web请求的数据URL可能为：baidu.com/api/list，这时候我们在浏览器本地运行的时候，就会发现数据请求不到，页面展示不出来。目前市面上通用方案大约有以下几种：浏览器关闭跨域限制；服务端接口层取消跨域限制

以上方案在通过html、css、js编写的web应用是可以解决跨域问题，但是在flutter_web测是有他们的局限性的：

Flutter_web一般是通过Flutter编写的程序，编译出来的，但是Flutter编译的程序本身又有跨平台性，所以一般是在一个工程即编译成APP，又编译成web，但是在编写代码时，APP侧是不存在跨域问题的，可以请求不同业务的请求域名，但是这时候编译成的web就会在不同的域名间存在跨域问题

通过关闭浏览器跨域限制，需要执行浏览器命令或者设置打开，缺少了数据安全性。服务端接口层取消跨域限制。跨域本身就是为了增加浏览器访问的安全性，取消接口的跨域限制，增加了服务数据的危险性，通常服务端不会这样去做。因此，如何解决Flutter_web本地运行调试跨域问题以及多域名访问跨域问题是关键。

发明内容

有鉴于此，本发明的目的在于提供一种Flutter_web运行方法、装置、设备及介质，能够通过代理服务的方式访问本地web，无需改变原来的项目，就能自动实现代理访问。其具体方案如下：

第一方面，本申请公开了一种Flutter_web运行方法，应用于通过编译Flutter工程生成的web应用，包括：

获取代理服务器的IP地址和端口号；

创建初始接口数据请求，并将所述初始接口数据请求中的域名替换为所述IP地址和所述端口号，以得到相应的替换后接口数据请求；

将所述替换后接口数据请求发送至所述代理服务器，以便所述代理服务器将所述替换后接口数据请求发送至服务端，并接收所述服务端发送的与所述替换后接口数据请求对应的返回数据；

接收所述代理服务器转发的所述返回数据。

可选的，所述获取代理服务器的IP地址和端口号之前，还包括：

通过所述代理服务器将所述代理服务器自身的所述IP地址和所述端口号写入预设资源目录下。

可选的，所述获取代理服务器的IP地址和端口号，包括：

通过对所述预设资源目录发起读取请求，以获取所述预设资源目录中保存的所述代理服务器的IP地址和端口号。

可选的，所述通过所述代理服务器将所述代理服务器自身的所述IP地址和所述端口号写入预设资源目录下，包括：