HarmonyOS 通过Web组件嵌套网络应用-Toy模板网

这篇具有很好参考价值的文章主要介绍了HarmonyOS 通过Web组件嵌套网络应用。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

HarmonyOS中是通过一个简单的WEB组件来实现
网络应用就是相当于网址地址通过链接将应用嵌入到手机当中
HarmonyOS 通过Web组件嵌套网络应用,harmonyos,华为,鸿蒙
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
HarmonyOS 通过Web组件嵌套网络应用,harmonyos,华为,鸿蒙
其实你只需要在最下面加上

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

他就会弹出非常多的权限提示
HarmonyOS 通过Web组件嵌套网络应用,harmonyos,华为,鸿蒙
requestPermissions 是个数组可以存储多个网络权限
我们这里要申请的是 ohos.permission.INTERNET

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

HarmonyOS 通过Web组件嵌套网络应用,harmonyos,华为,鸿蒙
但需要注意的是我们预览器是不支持这个WEB组件的

我们需要用手机的真机调试如果不知道怎么弄可以看我的文章
HarmonyOS将程序下载并运行到真机上 (华为手机为例)
运行结果如下
HarmonyOS 通过Web组件嵌套网络应用,harmonyos,华为,鸿蒙文章来源地址https://www.toymoban.com/news/detail-819436.html