构建用于 Flutter 构建环境的 Docker 容器失败，出现连接错误。

huangapple
go评论117阅读模式
英文:

Building a docker container for flutter build environment fails with connectivity errors

问题

我会翻译代码部分的内容，以下是您提供的代码的翻译：

  1. # 示例用法：
  2. # 使用以下命令构建镜像：
  3. # docker build --pull --rm -f 'Dockerfile' -t flutter_build:latest .
  4. #   --pull 尝试始终拉取新镜像
  5. #   --rm 在构建后删除中间生成的容器
  6. #   -f 指定要构建镜像的文件
  7. #   -t 设置一个标签为“label_of_container:with_version”
  9. # 运行容器：
  10. # docker run -p 8080:80 flutter_build
  11. #   -p 将内部端口80映射到外部/公共端口8080 -> 访问 http://localhost:8080
  13. ARG WORKDIR=/app
  15. # 构建Flutter Web应用程序
  16. FROM ubuntu:latest AS FLUTTER_BUILDER
  18. ARG WORKDIR
  19. ARG USER_NAME=flutter
  20. ARG REPO_NAME=flutter
  21. ARG BRANCH_NAME=stable
  23. RUN apt update -y
  24. RUN apt install -y bash curl file git unzip zip xz-utils libglu1-mesa
  26. # 使用ADD命令绕过缓存此Docker层，每当新的Flutter版本发布到stable时都会触发
  27. ADD https://api.github.com/repos/${USER_NAME}/${REPO_NAME}/git/refs/heads/${BRANCH_NAME} ${REPO_NAME}_${BRANCH_NAME}_version.json
  28. RUN git clone https://github.com/${USER_NAME}/${REPO_NAME}.git -b ${BRANCH_NAME}
  29. ENV PATH="$PATH:/flutter/bin"
  30. RUN flutter precache
  32. COPY . ${WORKDIR}
  34. WORKDIR ${WORKDIR}
  36. RUN flutter clean
  37. RUN flutter pub get
  38. RUN flutter build web
  40. # 提供Flutter Web应用程序
  41. FROM nginx:latest
  43. ARG WORKDIR
  45. EXPOSE 80
  47. COPY --from=FLUTTER_BUILDER ${WORKDIR}/build/web /usr/share/nginx/html

请注意，这只是您提供的Dockerfile的翻译部分。如果您需要有关如何修复Docker容器中的Flutter问题的更多信息，请提供相关上下文。

英文:

I'm trying to setup an easy docker container with flutter installed in it. One of the commands I'm using in a RUN statement is flutter precache which somehow fails with the following error:

  2. flutter precache -v
  4. Downloading Linux arm64 Dart SDK from Flutter engine ada363ee93b17cfe31587b5102679885cb40837e...
  6. % Total % Received % Xferd Average Speed Time Time Time Current
  7. Dload Upload Total Spent Left Speed
  8. 100 139M 100 139M 0 0 10.6M 0 0:00:13 0:00:13 --:--:-- 10.8M
  9. Building flutter tool...
  10. [ +7 ms] Unable to locate an Android SDK.
  11. [ +2 ms] executing: uname -m
  12. [ +2 ms] Exit code 0 from: uname -m
  13. [ ] aarch64
  14. [ ] executing: [/flutter/] git -c log.showSignature=false log -n 1 --pretty=format:%H
  15. [ +3 ms] Exit code 0 from: git -c log.showSignature=false log -n 1 --pretty=format:%H
  16. [ ] 12cb4eb7a009f52b347b62ade7cb4854b926af72
  17. [ ] executing: [/flutter/] git tag --points-at 12cb4eb7a009f52b347b62ade7cb4854b926af72
  18. [ +15 ms] Exit code 0 from: git tag --points-at 12cb4eb7a009f52b347b62ade7cb4854b926af72
  19. [ ] 3.7.6
  20. [ +4 ms] executing: [/flutter/] git rev-parse --abbrev-ref --symbolic @{upstream}
  21. [ +3 ms] Exit code 0 from: git rev-parse --abbrev-ref --symbolic @{upstream}
  22. [ ] origin/stable
  23. [ ] executing: [/flutter/] git ls-remote --get-url origin
  24. [ +3 ms] Exit code 0 from: git ls-remote --get-url origin
  25. [ ] https://github.com/flutter/flutter.git
  26. [ +10 ms] executing: [/flutter/] git rev-parse --abbrev-ref HEAD
  27. [ +3 ms] Exit code 0 from: git rev-parse --abbrev-ref HEAD
  28. [ ] stable
  29. [ +25 ms] Downloading Material fonts...
  30. [ +32 ms] HandshakeException: Connection terminated during handshake
  31. [ +10 ms] Downloading Material fonts... (completed in 32ms)
  32. [ ] Downloading Material fonts...
  33. [ +18 ms] HandshakeException: Connection terminated during handshake
  34. [ ] Downloading Material fonts... (completed in 18ms)
  35. [ ] "flutter precache" took 93ms.
  36. [ +3 ms] Failed to download https://storage.googleapis.com/flutter_infra_release/flutter/fonts/3012db47f3130e62f7cc0beabff968a33cbec8d8/fonts.zip. Ensure you
  37. have
  38. network connectivity and then try again.
  39. HandshakeException: Connection terminated during handshake
  40. [ +1 ms]
  41. #0 throwToolExit (package:flutter_tools/src/base/common.dart:10:3)
  42. #1 ArtifactUpdater._downloadArchive (package:flutter_tools/src/cache.dart:1062:11)
  43. <asynchronous suspension>
  44. #2 CachedArtifact.update (package:flutter_tools/src/cache.dart:810:5)
  45. <asynchronous suspension>
  46. #3 Cache.updateAll (package:flutter_tools/src/cache.dart:677:9)
  47. <asynchronous suspension>
  48. #4 PrecacheCommand.runCommand (package:flutter_tools/src/commands/precache.dart:168:7)
  49. <asynchronous suspension>
  50. #5 FlutterCommand.run.<anonymous closure> (package:flutter_tools/src/runner/flutter_command.dart:1257:27)
  51. <asynchronous suspension>
  52. #6 AppContext.run.<anonymous closure> (package:flutter_tools/src/base/context.dart:150:19)
  53. <asynchronous suspension>
  54. #7 CommandRunner.runCommand (package:args/command_runner.dart:209:13)
  55. <asynchronous suspension>
  56. #8 FlutterCommandRunner.runCommand.<anonymous closure> (package:flutter_tools/src/runner/flutter_command_runner.dart:283:9)
  57. <asynchronous suspension>
  58. #9 AppContext.run.<anonymous closure> (package:flutter_tools/src/base/context.dart:150:19)
  59. <asynchronous suspension>
  60. #10 FlutterCommandRunner.runCommand (package:flutter_tools/src/runner/flutter_command_runner.dart:229:5)
  61. <asynchronous suspension>
  62. #11 run.<anonymous closure>.<anonymous closure> (package:flutter_tools/runner.dart:64:9)
  63. <asynchronous suspension>
  64. #12 AppContext.run.<anonymous closure> (package:flutter_tools/src/base/context.dart:150:19)
  65. <asynchronous suspension>
  66. #13 main (package:flutter_tools/executable.dart:91:3)
  67. <asynchronous suspension>
  68. [ +1 ms] ensureAnalyticsSent: 0ms
  69. [ ] Running 0 shutdown hooks
  70. [ ] Shutdown hooks complete
  71. [ ] exiting with code 1
  1. Failed to download https://storage.googleapis.com/flutter_infra_release/flutter/fonts/3012db47f3130e62f7cc0beabff968a33cbec8d8/fonts.zip. Ensure you have
  2. network connectivity and then try again.
  3. HandshakeException: Connection terminated during handshake

Executing flutter precache a second time in an interactive container (shell attached) works instantly. Any idea how to prevent/fix this error?

I already tried running the docker build with --network=host or adding things like update-ca-certificates inside the container but nothing works. Also ignoring the error and adding a second RUN flutter precache in the dockerfile doesn't work (ignoring by using RUN flutter precache; exit 0 as the first RUN)

How could I fix this?

PS: The Dockerfile I'm currently using to build a flutter build environment on MacBook Pro M1 looks like this:

  1. # Example Usage: 
  2. # Build the image with: 
  3. # docker build --pull --rm -f 'Dockerfile' -t flutter_build:latest . 
  4. #   --pull tries to always pull new images
  5. #   --rm delete intermediate generated containers after build
  6. #   -f specifies the file to build the image
  7. #   -t sets a label_of_container:with_version
  8. #
  9. # Run it with:
  10. # docker run -p 8080:80 flutter_build
  11. #   The -p exposes the internal port 80 to the 
  12. #   external/public port 8080 -> visit http://localhost:8080
  15. ARG WORKDIR=/app
  18. # build the flutter web app
  19. FROM ubuntu:latest AS FLUTTER_BUILDER
  21. ARG WORKDIR
  23. ARG USER_NAME=flutter
  24. ARG REPO_NAME=flutter
  25. ARG BRANCH_NAME=stable
  27. RUN apt update -y
  29. RUN apt install -y bash curl file git unzip zip xz-utils libglu1-mesa
  31. # using ADD here to bypass caching of this docker layer whenever a new flutter version was released to stable
  32. ADD https://api.github.com/repos/${USER_NAME}/${REPO_NAME}/git/refs/heads/${BRANCH_NAME} ${REPO_NAME}_${BRANCH_NAME}_version.json
  33. RUN git clone https://github.com/${USER_NAME}/${REPO_NAME}.git -b ${BRANCH_NAME}
  34. ENV PATH="$PATH:/flutter/bin"
  35. RUN flutter precache
  37. COPY . ${WORKDIR}
  39. WORKDIR ${WORKDIR}
  41. RUN flutter clean
  42. RUN flutter pub get
  43. RUN flutter build web
  46. # serve the flutter web app
  47. FROM nginx:latest
  49. ARG WORKDIR
  51. EXPOSE 80
  53. COPY --from=FLUTTER_BUILDER ${WORKDIR}/build/web /usr/share/nginx/html

答案1

得分: 2

以下是代码部分的翻译：

  1. # 全局设置工作目录（仍然需要在每个阶段中引用！）
  2. ARG WORKDIR=/app
  4. # 构建 Flutter Web 应用程序
  5. #
  6. # 在第一个阶段中，只需准备一个 Ubuntu 容器
  7. # 并安装 Flutter 工具以构建 Flutter 应用程序
  8. FROM ubuntu:latest AS FLUTTER_BUILDER
  10. # 设置工作目录
  11. ARG WORKDIR
  13. # 设置从中克隆 Flutter SDK 的 GitHub 存储库信息。
  14. ARG USER_NAME=flutter
  15. ARG REPO_NAME=flutter
  16. ARG BRANCH_NAME=stable
  18. # 使用所需的所有工具准备 Ubuntu 容器
  19. RUN apt update -y
  20. RUN apt install -y bash curl file git unzip zip xz-utils libglu1-mesa
  22. # 有时 Google 服务器响应稍慢，导致握手失败
  23. # 增加超时时间可以解决这个错误！
  24. ENV HTTP_TIMEOUT=5000
  26. # 在这里，我们使用 ADD 来在以下 Docker 阶段中使缓存无效，当给定的 Flutter GitHub 存储库的给定分支上有新的提交/版本时 - 注意：这取决于 GitHub API！
  27. ADD https://api.github.com/repos/${USER_NAME}/${REPO_NAME}/git/refs/heads/${BRANCH_NAME} flutter_version.json
  28. RUN git clone https://github.com/${USER_NAME}/${REPO_NAME}.git -b ${BRANCH_NAME}
  30. # 现在设置 Flutter 路径，并构建 Flutter 工具并预缓存所有必要的工具，这很好
  31. # 因为只要 ADD 不使这些阶段无效，我们就不必重建这个昂贵的部分
  32. ENV PATH="$PATH:/flutter/bin"
  33. RUN flutter precache
  35. # 复制 Flutter 项目并切换到它
  36. COPY . ${WORKDIR}
  37. WORKDIR ${WORKDIR}
  39. # 运行 flutter clean、pub get 然后构建 Web 版本
  40. RUN flutter clean
  41. RUN flutter pub get
  42. RUN flutter build web
  44. # 服务于 Flutter Web 应用程序
  45. #
  46. # 在第二个阶段中，只需从第一个阶段复制构建的 Web 文件
  47. # 并将其作为静态网站使用基本的 Nginx 容器提供
  48. FROM nginx:latest
  50. # 设置工作目录
  51. ARG WORKDIR
  53. # 告诉使用哪个端口（不一定需要）
  54. EXPOSE 80
  56. # 将构建的 Flutter 静态网站复制到 Nginx 目录
  57. COPY --from=FLUTTER_BUILDER ${WORKDIR}/build/web /usr/share/nginx/html
英文:

I just had to add an increased timeout to the http requests inside the docker container. Seems like sometimes the Google CDN servers needs some time to respond or the corporate network blocks them completely.

I did this by adding ENV HTTP_TIMEOUT=5000 in the Dockerfile somewhere before the RUN flutter precache.

When it's still failing I just had to use a VPN to get out of the corporate network and it worked again.

With that change the Flutter build environment inside of the docker container works perfectly as expected even for Mac M1 and M2 (M series in general I guess) and also for Linux ARM platforms. Therefore this can also be considered as a workaround for the cirrusci/flutter docker container which throws errors like:

  1. ===== CRASH =====
  2. si_signo=Segmentation fault(11), si_code=1, si_addr=0x7
  3. version=2.18.0 (stable) (Fri Aug 26 10:22:54 2022 +0000) on "linux_x64"
  4. pid=173, thread=217, isolate_group=main(0x400305f000), isolate=main(0x40030d6000)
  5. isolate_instructions=4001ece300, vm_instructions=4001ece300
  6. pc 0x0000ffffa600472b fp 0x00000040103d51f0 Unknown symbol
  7. ...
  8. ...
  9. ...
  10. pc 0x00000040020999af fp 0x00000040103d5c60 dart::MessageHandler::TaskCallback()+0x1df
  11. pc 0x00000040021bc868 fp 0x00000040103d5ce0 dart::ThreadPool::WorkerLoop(dart::ThreadPool::Worker*)+0x148
  12. pc 0x00000040021bccbd fp 0x00000040103d5d10 dart::ThreadPool::Worker::Main(unsigned long)+0x6d
  13. pc 0x000000400212f488 fp 0x00000040103d5dd0 /sdks/flutter/bin/cache/dart-sdk/bin/dart+0x212f488
  14. -- End of DumpStackTrace
  15. qemu: uncaught target signal 6 (Aborted) - core dumped
  16. Aborted

on most ARM architectures. As referenced in this stackoverflow post: https://stackoverflow.com/questions/73751274/flutter-pub-get-fails-in-docker

The finally used Dockerfile to serve a flutter web app compiled and served from docker looks like this (don't forget to add CORS headers to your backend API server when serving the API from a different server or even port - these must be included especially in the preflight responses!):

  1. # setting workdir globally (still needs to be referenced in each stage!)
  2. ARG WORKDIR=/app
  5. # build the flutter web app
  6. #
  7. # in the first stage just prepare a ubuntu container
  8. # and install the flutter tooling to build flutter apps
  9. FROM ubuntu:latest AS FLUTTER_BUILDER
  11. # setting the workdir
  12. ARG WORKDIR
  14. # setting the github repo information from 
  15. # which the flutter sdk will be cloned.
  16. ARG USER_NAME=flutter
  17. ARG REPO_NAME=flutter
  18. ARG BRANCH_NAME=stable
  20. # preparing the ubuntu container with all necessary tools
  21. RUN apt update -y
  22. RUN apt install -y bash curl file git unzip zip xz-utils libglu1-mesa
  24. # sometimes the Google servers respond a little slowly 
  25. # which resulted in a failed handshake
  26. # increasing the timeout solves this error!
  27. ENV HTTP_TIMEOUT=5000
  29. # here we use ADD to invalidad cache of the docker stages below when there is a new commit/version in the
  30. # given flutter github repo on the given branch - watch out: depending on github api here!
  31. ADD https://api.github.com/repos/${USER_NAME}/${REPO_NAME}/git/refs/heads/${BRANCH_NAME} flutter_version.json
  32. RUN git clone https://github.com/${USER_NAME}/${REPO_NAME}.git -b ${BRANCH_NAME}
  34. # now set the path to flutter and build flutter tool and precache all necessary tools this is good
  35. # because as long as ADD doesn't invalidad these stages we don't have to rebuild this expensive part
  36. ENV PATH="$PATH:/flutter/bin"
  37. RUN flutter precache
  39. # copy the flutter project and change dir into it
  40. COPY . ${WORKDIR}
  41. WORKDIR ${WORKDIR}
  43. # run flutter clean, pub get and then build for web
  44. RUN flutter clean
  45. RUN flutter pub get
  46. RUN flutter build web
  49. # Serve the flutter web app
  50. #
  51. # in the second stage just copy the builded web files from the first
  52. # stage and serve them as static website using basic nginx container
  53. FROM nginx:latest
  55. # setting the workdir
  56. ARG WORKDIR
  58. # tell which port to use (no necessarily needed)
  59. EXPOSE 80
  61. # copy the built flutter static website to the nignx directory
  62. COPY --from=FLUTTER_BUILDER ${WORKDIR}/build/web /usr/share/nginx/html

huangapple
  • 本文由 发表于 2023年3月7日 19:42:02
  • 转载请务必保留本文链接：https://go.coder-hub.com/75661539.html
  • arm
  • docker
  • flutter
  • networking
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定