HarmonyOS鸿蒙Next中使用arktswebview组件嵌入BIMFACE引擎后模型加载不出来

HarmonyOS鸿蒙Next中使用arktswebview组件嵌入BIMFACE引擎后模型加载不出来

![](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/337/844/247/0070086000337844247.20241029173720.18133268891551922880044133726495:50001231000000:2800:E0DDD822F773CBC1426E349396AE8604B69434382C56A807FD2159D206A7CB34.png)

![](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/337/844/247/0070086000337844247.20241029173944.17899212519573707149760820884942:50001231000000:2800:1136C5F41039503FCBC0C3FF912F88B9867292A4FFEDB1EA9111D82FD4C7C6F8.jpeg)

正常嵌入，页面可以正常加载，但模型加载不出来

更多关于HarmonyOS鸿蒙Next中使用arktswebview组件嵌入BIMFACE引擎后模型加载不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

module.json5中申请网络请求权限：

"requestPermissions": [
  {"name": "ohos.permission.INTERNET"}
],

然后web嵌入bimface网址：

// xxx.ets
import { webview } from '@kit.ArkWeb';

@Component
struct WebComponent {
  webviewController: webview.WebviewController = new webview.WebviewController();

  aboutToAppear() {
    // 配置Web开启调试模式
    webview.WebviewController.setWebDebuggingAccess(true);
  }

  build() {
    Column() {
      Web({
        src: 'https://api.bimface.com/preview/fcdacdd5?viewid=1382', 
        controller: this.webviewController
      })
      .domStorageAccess(true)
    }
  }
}

我这边手机是可以正常显示bimface的内容的，是一个医院模型。你使用模拟器还是啥？

更多关于HarmonyOS鸿蒙Next中使用arktswebview组件嵌入BIMFACE引擎后模型加载不出来的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中使用ArkTS WebView组件嵌入BIMFACE引擎后，模型加载不出来可能涉及以下几个技术点：

  1. WebView配置：确保ArkTS WebView组件已正确配置，允许加载JavaScript和访问外部资源。检查WebView的setJavaScriptEnabled和setDomStorageEnabled是否设置为true。

  2. BIMFACE SDK集成：确认BIMFACE SDK已正确集成到项目中，并且所有必要的资源文件已加载。检查BIMFACE的初始化代码，确保API密钥和应用ID正确配置。

  3. 网络权限：确保应用已获取必要的网络权限。在config.json中检查ohos.permission.INTERNET权限是否已声明。

  4. 跨域问题：如果BIMFACE引擎的资源和WebView不在同一域名下，可能会遇到跨域问题。检查服务器配置，确保CORS（跨域资源共享）策略允许当前域访问。

  5. WebView调试：使用WebView的setWebContentsDebuggingEnabled方法启用调试模式，通过Chrome DevTools查看控制台输出和网络请求，定位具体问题。

  6. ArkTS与JavaScript交互：确保ArkTS与JavaScript之间的交互正常。检查WebView的addJavascriptInterface方法是否已正确设置，以及JavaScript代码是否能够调用ArkTS方法。

  7. 版本兼容性：检查BIMFACE SDK与HarmonyOS鸿蒙Next版本的兼容性，确保使用的SDK版本支持当前操作系统。

若以上检查均无问题，建议进一步分析日志和错误信息，定位具体原因。

在HarmonyOS鸿蒙Next中使用arktswebview组件嵌入BIMFACE引擎后，模型加载不出来可能是由于以下原因：

  1. 权限问题：确保应用已获取必要的网络权限，以便加载模型资源。
  2. 跨域问题：BIMFACE引擎可能涉及跨域请求，需在服务器端配置允许跨域访问。
  3. WebView配置：检查arktswebview组件是否正确配置，是否启用了JavaScript支持。
  4. 资源路径：确认模型资源的路径是否正确，确保资源能够被正确加载。
  5. 调试工具：使用开发者工具查看控制台输出，排查可能的错误信息。

建议逐一排查上述问题，确保各环节配置正确。

回到顶部