1# web_webview 2- [简介](#简介) 3- [目录](#目录) 4- [使用说明](#使用说明) 5- [相关仓](#相关仓) 6## 简介 7### 内容介绍 8nwebview是OpenHarmony web组件的Native引擎,基于Chromium和CEF构建。 9### 软件架构 10软件架构说明 11``` 12 ----------------------- 13 | web组件 | 14 ----------------------- 15 | nwebview | 16 ----------------------- 17 | CEF | 18 ----------------------- 19 | Chromium | 20 ----------------------- 21 | OpenHarmony基础库 | 22 ----------------------- 23``` 24* web组件:OpenHarmony的UI组件。 25* nwebview:基于CEF构建的OpenHarmony web组件的Native引擎。 26* CEF:CEF全称Chromium Embedded Framework,是一个基于Google Chromium 的开源项目。 27* Chromium: Chromium是一个由Google主导开发的网页浏览器。以BSD许可证等多重自由版权发行并开放源代码。 28 ## 目录 29``` 30. 31├── ohos_nweb # openharmony适配代码 32│ ├── include 33│ ├── prebuilts # NWeb.hap,基于third_party_chromium源码仓构建 34│ └── src 35└── test # nwebview测试代码 36``` 37## 使用说明 38**此代码仓是openharmony web组件的Native引擎,此处仅提供基于Native接口的测试使用说明。** 39 401. 测试代码默认不编译,使用测试代码时,需要在代码仓根目录bundle.json中增加nweb_test目标: 41``` 42"sub_component": [ 43 "//base/web/webview/ohos_nweb:libnweb", 44 "//base/web/webview/ohos_nweb:nweb_hap", 45 "//base/web/webview/test:nweb_test" 46], 47``` 482. 编译 49``` 50./build.sh --product-name rk3568 --ccache --build-target nweb_test 51``` 523. 运行,将nweb_test push到RK3568中,连接wifi保证网络可用,设置日期保证开发板与当前系统时间一致 53``` 54nweb_test 1 --width=720 --height=1184 --add-args=--for-test 55``` 56以上命令会默认加载百度首页,--url=xxx.com命令行参数可以设置你想加载的网页。 57 58## 相关仓 59 60[ace_ace_engine](https://gitee.com/openharmony/ace_ace_engine) 61 62[third_party_cef](https://gitee.com/openharmony/third_party_cef) 63 64**[web_webview](https://gitee.com/openharmony/web_webview)** 65 66[third_party_chromium](https://gitee.com/openharmony/third_party_chromium)