二十七、【鸿蒙 NEXT】如何实时查看数据库

【前言】

我们开发过程中经常会用到sqlite，sp，kv，AppStorege等数据存储，我们为了调试方便，经常会查看数据库数据，由于目前idea中没有查看数据的插件，这里介绍下，如何实时查看数据库的数据

1、在项目中集成工具插件

"@hadss/debug-db": '1.0.0-rc.11'

2、在entryAbility中加入如下代码

该代码作用是在手机端启动一个可视化服务，端口是8080（如果本地数据库是加密的，请先改为非加密）

import('@hadss/debug-db').then(async (ns:ESObject) => {
        await ns.DebugDB.initialize(this.context,{port:8080,defaultStart:true})
      })

3、编译代码安装到手机上，启动app后会打印如下日志

表示手机端服务启动成功，可以直接在手机端浏览器访问该地址

4、将手机端端口转发到本地PC端

打开cmd，执行命令hdc fport tcp:8080 tcp:8080，将手机的8080端口转发到本地pc端

5、在pc端用浏览器输入地址即可查看数据

在chrome浏览器输入http://127.0.0.1:8080/index.html，即可看到可视化页面，左侧是选择sqlite的db，sp，kv，appStorage，右侧就是具体的数据