HarmonyOS Next鸿蒙开发：webview组件使用

Web组件简介

通常我们在开发项目过程中会使用本地index页面或者使用网页地址，来更加完善我们的项目，这样也可以达到多端兼容的效果，web组件其实还有很多其他扩展的场景，比如跳转第三方支付，或者使用第三方认证等都会用到webview组件

导入模块

import web_webview from '@ohos.web.webview';

申请网络权限

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

Web组件方法 1）Web(options: { src: ResourceStr, controller: WebviewController | WebController}) 创建Web组件实例，其中src是网页资源地址，controller是组件控制器，从API Version 9开始，建议使用WebviewController作为控制器。 WebviewController方法 2）loadUrl(url: string | Resource, headers?: Array): void 加载指定的url，headers为可选的请求头。 3）loadData(data: string, mimeType: string, encoding: string, baseUrl?: string, historyUrl?: string): void 加载指定的数据。

完整代码

    import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
  webviewController: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      // 组件创建时，通过$rawfile加载本地文件map.html
      //Web({ src: $rawfile('test.html'), controller: this.webviewController })
      Web({ src: 'www.baidu.com', controller: this.webviewController })
    }
  }
}

使用模拟器运行或者真机验证，预览器目前无法使用web组件