HarmonyOS 通过Web组件嵌套网络应用

我们今天来说说 在程序中嵌套一个网址地址

HarmonyOS中是通过一个简单的WEB组件来实现
网络应用就是相当于网址地址 通过链接将应用嵌入到手机当中
在这里插入图片描述
WEB组件需要两个参数
一个是 src 地址 要嵌套的网址
另一个是 控制器

我们可以先编写代码如下

import webview from "@ohos.web.webview"
@Entry
@Component
struct Index {
  //创建控制器
  myController:WebviewController = new webview.WebviewController()

  build() {
    Column({space: 30}) {
      Web({
        src: "https://www.baidu.com/?tn=48021271_25_hao_pg",
        controller: this.myController
      })
    }
    .width('100%')
    .height('100%')
  }
}

这里 我们导入了 webview
然后通过它的 WebviewController 创建了一个控制器
然后 传入参数 第一个 src 网址 我们传入的是百度官网的地址
然后第二个 则是 我们声明的控制器

但 我们和网络进行交互 需要申请权限
在 main 目录下 找到 module.json5
在这里插入图片描述
其实 你只需要在最下面加上

,
"requestPermissions": [
  {
    "name": "ohos"
  }
]

他就会弹出非常多的权限提示
在这里插入图片描述
requestPermissions 是个数组 可以存储多个网络权限
我们这里要申请的是 ohos.permission.INTERNET

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

在这里插入图片描述
但需要注意的是 我们预览器是不支持这个WEB组件的
在这里插入图片描述
我们需要用手机的真机调试 如果不知道怎么弄可以看我的文章
HarmonyOS将程序下载并运行到真机上 (华为手机为例)
运行结果如下
在这里插入图片描述