
嗨伙计!因此,今天我非常高兴分享我们已经进行了很长时间的大量测试。截至目前…新的betway东盟体育app离子应用程序将在wkwebview…默认情况下运行!
好的,所以让我们简要介绍一下为什么这真的很重要,也有利于你作为开发人员。Wkwebview已经存在一段时间了,这已经不是什么秘密了,但是在那段时间里,它存在一些问题,尤其是在Hybrid App Land中。许多人试图解决这些问题,但是直到最近,我们才进入一个可以可靠地在人们的应用程序中可靠地使用WKWebView的地方,而没有功能损坏。这意味着我们只需使用新的WebView即可在iOS上获得令人难以置信的性能增长,减少内存足迹,滚动事件等等!
将wkwebview添加到您的应用
为了添加WKWebView,我们需要从离子存储库中添加插件。betway东盟体育app
betway东盟体育app离子Cordova插件添加Cordova-Plugin-Ionic-webview-避免
如果您已经安装了插件或使用了其他版本/叉,则需要先卸载您的内容。
betway东盟体育app离子Cordova插件RM Cordova-Plugin-wkwebview-engine引擎
就是这样!插件安装完成后,您的下一个本机构建将包括更快,更轻,更现代的WebView!
重要的问题
由于这与UIWebView完全不同,因此在进行更改之前,有一些事情要注意。
LocalStorage/IndexDB中的数据将不会传输到新的WebView
当您考虑这本质上是一个新的浏览器时,这是有道理的。如果您的数据是使用SQLite插件存储的,则本身或与@betway东盟体育app离子/存储
,这可以解决。在使用WebView推出新更新之前,可能需要花时间将数据从Web存储迁移到本机存储解决方案。
wkwebview强制执行CORS
UIWebView或iOS中旧的WebView从未实际强制执行CORS,但是WKWebView确实和不提供禁用它的方法。为了解决这个问题,您需要正确实现CORS并添加以下条目:
来源:http:// localhost:8080
如果不可能(您不拥有API),可以解决方法http
插入,@betway东盟体育appionic-native/http。
本机文件未正确加载
如果您使用的是相机插件或从设备文件系统中读取/写作,则可能会得到一个看起来像类似的文件路径
文件:///some/really/long/path.png
这文件://
必须删除URL的一部分,以使资源正确加载。您可以手动执行此操作,但是betway东盟体育app离子 - angular@3.2.0
,我们提供一个可以自动处理此操作的快速功能。
从'离子 - 角'导入{anformizeUrl};betway东盟体育app让路径= Cordova.file.datadirectory;console.log('原始:' +路径);路径= normalizeUrl(路径);console.log('pident:' + path);
Cordova插件还允许您通过cdvfile://
协议。此路径是在本机代码中解决的问题,因此不能与归一化
。
身份验证服务需要白名单Localhost
由于WKWebView使用引擎盖下的服务器,因此它将为您的应用创建一个URL,Localhost:8080
,而不是通过文件://
。为此,需要告知身份验证提供商,例如Firebase和Auth0,以允许该URL达到其API时。应该有一个称为“允许起源”或“授权域”的部分。这将确保您的应用程序可以正确验证。
而已!我们把所有笔记都放在我们的wkwebview文档,如果您需要再次引用它们。我们对将WKWebView的运输作为默认值感到非常兴奋,我们希望看到许多人将其采用到您的应用程序中。我还要感谢你们许多人在插件的早期版本和发行版中的所有反馈,测试和发行报告。您的反馈只会使插件变得更好!谢谢