8-1-1 Docker 镜像

从开发映像中,您可以开始所需的容器数量。在每个容器中,您可以开发一个完全独立的应用程序。应用程序的代码驻留在容器的外部,但容器可以访问它以编译它并在容器内运行它。此阶段的结果将是将在您的浏览器中运行的应用程序。最后,您可以创建 * .apk 文件并在手机上进行测试:

现在我们已经构建了基础架构,让我们从GitHub获取一些代码并用它启动一个容器:

mkdir ~/PROJECTS
cd ~/PREOJECTS
git clone https://github.com/bcatalin/Homy4

现在,在目录Homy4中,有一些代码允许用户输入其 http://iotcentral.eu 帐户的凭据。身份验证后,应用程序将获取为此帐户分配的连接详细信息,并将通过WebSockets连接到iotcentral.eu。

使用现有代码启动容器。基本上,代码所在的目录通过使用 卷映射 在内部映射到容器:

docker run -it -p 8100:8100 -p 35729:35729 --name espbook -V /home/catalin/PROJECTS/Homy4/:/myApp:rw agileek/ionic-framework

命令中使用的开关是:

  • run:这指示Docker启动一个新容器。
  • -p 8100:8100:容器内部端口8100映射到外部端口8100。浏览器稍后将访问它。如果要运行多个容器,请将外部端口更改为其他端口。在这种情况下,命令将变为-p 8101:8100。
  • -p 35729:35729:此端口用于实时重新加载。如果修改代码(容器外部),则在容器内运行的应用程序将自动重新加载。如果需要从同一映像运行多个容器实例,请不要忘记更改端口。
  • --name:您可以为容器指定一个名称,例如5961e5e90592。最好给出一个明确的名称,以便以后可以重新定义它的用途。
  • /home/catalin/PROJECTS/Homy4/:主机上的这条路径是Git下载的代码存在的地方。
  • /myApp:这是容器中的应用程序将看到代码的容器中的目录。
  • rw:主机系统和容器之间的安装是读写。
  • agileek/ionic-framework:这是本地存储库中映像的名称

创建容器后,您可以使用以下命令查看其状态:

docker ps

要查看已启动和已停止的所有容器,可以使用以下命令:

docker ps -a

现在容器已启动,在主机中打开浏览器并导航到 http://localhost:8100。您应该看到一个网页加载到浏览器中,邀请您输入用户名和密码:

现在,应用程序的大小已针对浏览器进行了格式化,但由于您正在开发移动应用程序,因此很高兴看到它在移动电话上的确切外观。为此,您需要在Developer Tools模式下输入它。有很多模式可以做到:

  • 在浏览器上用鼠标右键单击,然后选择“检查”
  • 使用键盘组合Ctrl + Shift + I.
  • 从菜单中选择更多工具,然后选择开发人员工具在开发人员工具中,您可以使用Ctrl + Shift + M组合更改页面外观,或者您可以单击看起来像手机和平板电脑的图像左角。

现在布局应该是这样的:

在顶部栏中,您可以选择查看它在Nexus 5X,Nexus P或iPhone上的外观,或者您可以更改屏幕的方向和许多其他选项

猜你喜欢

转载自blog.csdn.net/countofdane/article/details/88614328