1# webPlayGround功能<br> 2该功能开启，可以使应用开发者将[OpenHarmony-TPC](https://gitcode.com/openharmony-tpc)提供的web组件 3作为应用实际使用的web组件，起到替换系统默认web组件的效果。<br> 4 5# 如何使用webPlayGround功能<br> 6## 功能开启有三个条件 71、设备开启开发者模式<br> 82、应用签名证书为debug类型，要求应用包信息中appProvisionType:debug<br> 93、应用配置文件中添加配置，添加对应的应用环境变量<br> 10//Appcope/app.json5<br> 11"appEnvironments": [ 12 { 13 "name":"enableArkWebPlayGround", 14 "value":"true" 15 } 16] 17 18## 替换资源 19 20这一步需要编译web组件，并将编译结果按要求放置到应用工程对应目录参与应用编译打包。<br> 21web组件编译命令可以参考:[chromium_src](https://gitcode.com/openharmony-tpc/chromium_src)<br> 22编译对应设备类型的web组件，参考<br> 23*** 2464位设备<br> 25./build.sh -t w -A rk3568_64 -j 10<br> 26*** 2732位设备<br> 28./build.sh -t w -A rk3568 -j 10<br> 29*** 30编译结果为ohos_nweb.hap，修改hap文件后缀名为zip，解压编译结果<br> 31 32├── ohos_nweb.hap<br> 33├── ohos_nweb.zip<br> 34├zip解压结果<br> 35├── ets<br> 36│ └── modules.abc<br> 37├── libs<br> 38│ └── armeabi-v7a<br> 39│ ├── libarkweb_crashpad_handler.so<br> 40│ ├── libarkweb_engine.so<br> 41│ ├── libarkweb_render.so<br> 42│ └── libffmpeg.so<br> 43├── module.json<br> 44├── pack.info<br> 45├── resources<br> 46│ ├── base<br> 47│ │ ├── media<br> 48│ │ │ └── app_icon.png<br> 49│ │ └── profile<br> 50│ │ └── main_pages.json<br> 51│ └── rawfile<br> 52│ ├── icudtl.dat<br> 53│ ├── locales<br> 54│ │ ├── bo-CN.pak<br> 55│ │ ├── en-US.pak<br> 56│ │ ├── ug.pak<br> 57│ │ ├── zh-CN.pak<br> 58│ │ ├── zh-HK.pak<br> 59│ │ └── zh-TW.pak<br> 60│ ├── resources.pak<br> 61│ └── snapshot_blob.bin<br> 62└── resources.index<br> 63 64### 打包动态库文件 65将上述解压结果中libs目录放到应用目录下$app/entry下，修改设备架构<br> 66例如:<br> 67将armeabi-v7a改为arm64-v8a<br> 68 69### 打包其余文件 70将ohos_nweb.hap 文件重命名为nweb.hap，放到$app/entry/src/main/resources/resfile路径，须新建resfile目录<br> 71 72## 重新编译应用，安装即可 73 74# 日志 75## 功能使能成功日志：webPlayGround opened<br> 76 77## 功能使能失败日志：webPlayGround not opened for isDebugApp ...<br> 78
