nasajon/ionic

Ionic 4 Docker镜像

镜像概述和主要用途

本镜像旨在简化和加速使用Ionic Framework的移动应用开发过程。它包含了使用Ionic 4进行开发所需的全部依赖环境，使开发者无需手动配置本地开发环境，即可快速开始Ionic应用开发。

核心功能和特性

• 完整依赖环境：包含Ionic 4开发所需的全部工具和依赖
• 便捷项目管理：支持通过命令行快速创建Ionic项目
• 开发调试支持：提供Web View和Ionic Lab界面访问，支持实时重载
• 多端口映射：默认映射开发所需的关键端口，确保开发体验与本地环境一致
• 灵活部署方式：支持通过docker run命令直接使用或通过docker-compose配置管理

使用场景和适用范围

• 希望快速搭建Ionic 4开发环境的开发者
• 需要避免本地环境配置冲突的团队协作场景
• 多环境开发需求，需要统一开发环境配置
• 希望通过容器化方式管理Ionic项目开发流程的场景

使用方法和配置说明

镜像获取

本镜像托管于Docker Hub，镜像标签为：nasajon/ionic
https://hub.docker.com/r/nasajon/ionic

创建项目

1. 导航至要创建项目的目录
2. 执行以下命令创建Ionic项目：

bash
docker run --rm -it -v $PWD:/ionic nasajon/ionic ionic start projeto sidemenu --type=angular

参数说明：

• --rm：容器退出后自动删除
• -it：以交互模式运行容器
• -v $PWD:/ionic：将当前目录挂载到容器内的/ionic目录

3. 按照屏幕提示完成项目创建，创建完成后当前目录将生成一个新的Ionic项目文件夹。

开发调试

1. 进入Ionic项目目录
2. 执行以下命令启动开发环境：

bash
docker run --rm -it -v $PWD:/ionic -p 8100:8100 -p 8200:8200 -p 35729:35729 -p 53703:53703 nasajon/ionic

端口说明：

• 8100：Web View访问端口
• 8200：Ionic Lab界面访问端口
• 35729：实时重载端口
• 53703：调试相关端口

3. 在浏览器中访问以下地址进行开发：

   • Web View：http://localhost:8100
   • Ionic Lab：http://localhost:8200

4. 移动端调试：

   • 下载Ionic DevApp
   • 确保移动设备与开发主机处于同一WiFi网络
   • 通过DevApp连接开发环境

Docker Compose配置

也可通过docker-compose管理开发环境，示例配置如下：

yaml
version: "2"
services:
  app:
    image: nasajon/ionic
    restart: always
    ports:
      - "8100:8100"  # Web View端口
      - "8200:8200"  # Ionic Lab端口
      - "35729:35729"  # 实时重载端口
      - "53703:53703"  # 调试端口
    volumes:
      - ./:/ionic  # 挂载当前项目目录
    environment:
      - HTTP_PROXY=$HTTP_PROXY  # HTTP代理配置
      - HTTPS_PROXY=$HTTP_PROXY  # HTTPS代理配置

使用方法：将上述内容保存为docker-compose.yml，在项目目录执行docker-compose up启动服务。