快速部署你自己的 Perfetto 服务器

本文作者:sonicman,首发于公众号:AndroidPerformance
联系方式:voidice#gmail.com
转载请先向作者申请

前言

Perfetto 是 google 开源的新一代性能检测和追踪分析套件,网上已经有很多介绍文章了,官网文档也有非常详尽的描述,这里就不再翻译网站上的文字了。写这篇文档是为了回应网上的一个高价的收费教程,回馈一下国内的社区。没人按字数付版费,只能本着能省就省的原则,少打几个字了

很多朋友已经在日常的工作和学习中已经开始使用 Perfetto,它在查看大文件时速度较快,UI 也比较摩登一些,但是往往会遇到下面的两个主要问题:

  1. 网速太慢,上传至官方网站需要耗时很久

  2. 公司网络有安全管控,容易发生信息泄露,引起不必要的麻烦

能不能自己也部署一套类似的系统呢?这样自己就可以随心所欲的定制了,答案肯定是可以, 而且很简单

google_perfetto_previe

1 Perfetto 简介

官方网站:https://www.perfetto.dev

详细文档:https://perfetto.dev/docs

不能免俗,贴上一个原理图,让整个文档更美观:

perfetto_tech

2 准备工作

  1. Ubuntu (18.x、20.x 均可,本人亲测都可以顺利运行), 其它 linux 发行版本也是可以的,但没有一一尝试

  2. git

  3. 可以顺利访问 google/chrome/github 等技术网站的 proxy

3 下载 Perfetto 源代码

使用 git 将源代码 clone 至本地:

sonicman@Ubuntwo:~/p$ git clone git@github.com:google/perfetto.git

正克隆到 'perfetto'...
remote: Enumerating objects: 381, done.
remote: Counting objects: 100% (381/381), done.
remote: Compressing objects: 100% (245/245), done.
remote: Total 77957 (delta 218), reused 235 (delta 136), pack-reused 77576
接收对象中: 100% (77957/77957), 36.38 MiB | 55.00 KiB/s, 完成.
处理 delta 中: 100% (40784/40784), 完成.

4 下载并安装网站依赖模块及工具

主要是 NodeJs 及 node_modules

// 切换到上面clone的目录
sonic@sonicman:~/ServerData/perfetto$
// 执行安装命令
$tools/install-build-deps --ui

通常,你会在这里遇到各种下载错误,导致无法安装成功,这个时候就需要设置代理了

为 git command 设置代理

# git config --global http.proxy 'x.x.x.x:port' // 记得改成你自己的代理服务器ip和端口
# git config --global https.proxy 'x.x.x.x:port'

为 curl 设置代理:

export http_proxy=http://x.x.x.x:port
export https_proxy=http://x.x.x.x:port

不要气馁,重新执行一下前面的安装命令,经过漫长的等待和多次重试,你一定会成功的

5. 编译 UI 套件

设置编译参数,其实只有一个 is_debug=true|false,作为一个普通的用户,我们就可以忽略这个开发调试开关

./tools/gn args out/default

生成 Perfetto 网站相关的内容

./tools/ninja -C out/default ui

没有报错的,到这里就顺利完成了,更多详细的编译指导,请移步

build-instructions[1]

6 启动服务器

使用以下命令启动服务

ui/run-dev-server out/default

使用浏览器打开:http://localhost:10000

激动人心的时刻到来了,恭喜你,部署成功,赶紧喝杯咖啡庆祝一下吧

preview

7 修改服务器默认的端口(如有需求)

vim perfetto/tools/dev_server
// 找到port number,默认是3000, 修改成你想要的空白端口
def main(argv):
  parser = argparse.ArgumentParser(description='HTTP server for UI development')
  parser.add_argument(
      '-p',
      '--port',
      help='port number (default: 3000)',
      type=int,
      default=3000)

修改服务器 IP 也类似,请自行查找

8. 常见的错误及处理

8.1 libtinfo.so.5 cannot open

/perfetto/buildtools/emsdk/llvm/clang++: error while loading shared libraries: libtinfo.so.5: cannot open shared object file: No such file or directory
ERROR:root:compiler frontend failed to generate LLVM bitcode, halting
ninja: build stopped: subcommand failed.

// 解决方案:install libncurses5
$sudo apt install libncurses5

好了,本次就先写到这里了,希望大家多多交流,做出更顶尖的性能分析工具套件

参考资料

[1]

build-instructions: https://perfetto.dev/docs/contributing/build-instructions

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值