Flutter -- 17.渲染引擎准备工作

一.下载渲染引擎

1.下载引擎时需注意的点

  • 路径不能有中文
  • 工具(后续用到的下载工具)所在的目录需要有可执行权限

2.查看当前Engine版本flutter doctor -v

mac@zhangtao ~ % flutter doctor -v  
[✓] Flutter (Channel stable, 2.5.3, on macOS 11.6 20G165 darwin-x64, locale
    zh-Hans-CN)
    • Flutter version 2.5.3 at /Users/mac/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 18116933e7 (7 weeks ago), 2021-10-15 10:46:35 -0700
    • Engine revision d3ea636dc5
    • Dart version 2.14.4

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/mac/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 13.1, Build version 13A1030d
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)

[✓] Connected device (1 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 96.0.4664.55

• No issues found!
  • 当前Engine版本是d3ea636dc5
  • Channel stable(稳定版本)

3.查看channel版本flutter channel

mac@zhangtao ~ % flutter channel                  
Flutter channels:
  master
  dev
  beta
* stable
  • 共有4个版本,主分支开发分支公共测试版本分支稳定版本分支(开发使用的)
  • 如果想切换至某个版本flutter channel xxx,例如flutter channel dev

4.Github上查看Engine

  • Engine
  • 我们需要下载到稳定版本

5.查看当前Engine详细的CommitId(d3ea636dc5)

mac@zhangtao internal % cat $FLUTTER_ENGINE                     
d3ea636dc5d16b56819f3266241e1f708979c233

.zshrc中配置的环境变量(老版本使用.base_profile)
#Flutetr
export FLUTTER=~/flutter
export FLUTTER_ENGINE=${FLUTTER}/bin/internal/engine.version
  • engine在flutter目录下/bin/internal/engine.version
  • cat常用来显示文件内容
  • d3ea636dc5d16b56819f3266241e1f708979c233当前稳定版本的CommitId

6.工具准备(使用到depot_tools)

  • Chromium提供的部署工具depot_tools
#depot_tools
export DEPOT_TOOLS=~/depot_tools

//写入环境变量
export PATH=$FLUTTER/bin:DEPOT_TOOLS:$PATH
  • git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git
  • 默认下载到家目录下也就是DEPOT_TOOLS

7.安装ant

brew install ant

8.开始下载

  • 1.新建目录(路径不能含有中文)
mkdir engine
  • 2.创建gclient文件
touch .gclient
  • 3.配置gclient文件(保证CommitId一致
solutions = [
    {
        "managed": False,
        "name": "src/flutter",
        "url":
"git@github.com:flutter/engine.git@d3ea636dc5d16b56819f3266241e1f708979c233
2",
        "custom_deps": {},
        "deps_file": "DEPS",
        "safesync_url": "",
}, ]
  • 4.执行gclient sync(大概10G的文件)
gclient sync

二.更新渲染引擎

  • 更新.gclient文件中的commitId
  • 进入src/flutter目录下
git pull
git reset --hard commitID //告诉Git下次下载就下载这个CommitId
  • 回到engine目录,也就是.gclient文件所在目录
gclient sync --with_branch_heads --with_tags --verbose

三.编译引擎代码(GN构建、Ninja编译)

1.首先使用GN(是一个生成Ninja)构建文件的元构建系统

  • GN -> engine/src/flutter/tools/gn
  • 进入engine/src/flutter/tools终端目录进行构建
  • 构建后的文件会放到engine/src/out目录
# 构建iOS设备使用的引擎
# 真机debug版本 -构建后的-> ios_debug_unopt
./gn --ios --unoptimized
# 真机release版本(日常开发使用,如果我们要自定义引擎)-构建后的-> ios_release_unopt
./gn --ios --unoptimized --runtime-mode=release 
#模拟器版本 -构建后的-> ios_debug_sim_unopt
./gn --ios --simulator --unoptimized
# 主机端(Mac) -构建后的->  host_debug_unopt
./gn --unoptimized
  • ios_xx_unopt,Flutter.framework
  • host_debug_unopt ,server端,热重载功能

2.使用Ninja编译工程

  • 进入engine/src/out目录编译
  • 使用ninja -C xxx进行编译
ninja -C host_debug_unopt && ninja -C ios_debug_sim_unopt && ninja -C
ios_debug_unopt && ninja -C ios_release_unopt
engine_out.png

四.安装Ninja(Mac big Sur)

1.首先要先安装re2c并进入re2c目录

//进入家目录执行
git clone https://github.com/skvadrik/re2c.git && cd re2c

2.执行./autogen.sh

  • 如果报错autoreconf: command not found,说明未安装automake
  • 通过homebrew安装
brew install automake
brew install libtool
  • 安装完成后继续执行步骤2./autogen.sh

3.执行./configure&&make&&make install

  • 如果报错Error: Permission denied @ apply2files - /usr/local/lib/docker/cli-plugins
sudo chown -R $(whoami) $(brew --prefix)/*
  • 继续执行./configure&&make&&make install

4.此时rec2就安装完成了,安装ninja

git clone git://github.com/ninja-build/ninja.git && cd ninja
./configure.py --bootstrap

5.安装cmake

  • 安装cmake
brew install cmake
  • 执行以下命令
cmake -Bbuild-cmake -H.
cmake --build build-cmake

6.配置Ninja

  • 1.将ninja可执行文件拷贝到user/bin目录下
cp ninja /usr/bin/
  • 报错cp: /usr/bin/ninja: Operation not permitted,可以在恢复模式下关闭了Rootless解决
  • 可能会报错cp: /usr/bin/ninja: Read-only file system,bin文件只有只读权限,目前没找到解决办法
  • 综上,因此我这里只能采用的配置环境变量方式

  • 2.配置Ninja环境变量
#Flutetr
export FLUTTER=~/flutterSDK
export NINJA=~/re2c/ninja
export PATH=$FLUTTER/bin:$PATH
FLUTTER_ENGINE="${FLUTTER}/bin/internal/engine.version"
export PATH="/Users/mac/re2c/ninja":"$PATH"
  • 3.测试Ninja是否安装成功
ninja --version  
  • 当出现下列数据时,ninja安装成功
mac@user ninja % ninja --version
1.10.2.git
  • 至此,就可以使用ninja去构建版本了

  • 我这里有一个构建好的版本Flutter_engine_d3ea636dc5提取码11rq;编译了4个版本,文件有点大)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容