uniapp wkwebview ios打包配置具体步骤和注意事项
如何在iOS打包配置UniApp的WKWebView?具体步骤和有哪些需要注意的地方?
2 回复
- 在manifest.json中勾选“iOS使用WKWebview”;
- 配置白名单:在manifest的App模块配置URL types;
- 注意WKWebview不支持UIWebview的API,需检查插件兼容性;
- 若使用跨域请求,需在manifest中配置域名白名单;
- 打包时选择iOS证书并勾选WKWebview选项。
在 UniApp 中配置 iOS 平台的 WKWebView 涉及以下步骤和注意事项,确保应用在 iOS 上使用更现代的 WebView 引擎提升性能。
配置步骤
-
修改 manifest.json 文件
在 UniApp 项目的manifest.json中,添加或修改 iOS 配置,指定使用 WKWebView:{ "app-plus": { "ios": { "webView": "WKWebView" } } }这确保打包时 iOS 应用默认使用 WKWebView 而非 UIWebView(已废弃)。
-
检查 UniApp 版本
确保使用 HBuilderX 3.0+ 或更高版本,旧版本可能不支持 WKWebView 配置。 -
打包生成 IPA
- 在 HBuilderX 中,选择“发行” -> “原生App-云打包”。
- 勾选 iOS 平台,选择证书(需苹果开发者账号),然后打包。
- 云打包服务会自动应用 manifest 配置,生成使用 WKWebView 的 IPA 文件。
注意事项
- 兼容性问题:
WKWebView 与 UIWebView 行为有差异,例如:- 跨域请求更严格,需确保服务器配置 CORS 头(如
Access-Control-Allow-Origin)。 - 本地文件访问受限,避免使用
file://协议加载资源;改用相对路径或 Base64 内联。
- 跨域请求更严格,需确保服务器配置 CORS 头(如
- JS-Native 交互:
WKWebView 中,uni.webViewAPI 可能需调整。若使用原生插件,确认其兼容 WKWebView。 - Xcode 项目自定义:
如需离线打包,在 Xcode 项目中手动设置WebView类型为 WKWebView,并处理权限(如相机、定位)。 - 测试验证:
在真机上测试功能,特别是涉及 Cookie、本地存储和导航的行为,确保无异常。
总结
通过简单配置 manifest.json 并注意兼容性,可顺利在 iOS 应用中使用 WKWebView。如有复杂需求,参考 UniApp 官方文档或社区资源。

