• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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)