[Ionic Framework] Web/iOS/AndroidアプリのBuild方法

前提: モバイルの動作確認

  • 以下のコマンドでiOS/Andoridのそれぞれの画面を動作確認できる
    1
    ionic serve --lab

Ionic FirstApp Temaplate

Ionic ProjectのBuild

  • 単一のIonic Projectから、三種のAPをビルドできる
    • WEB(SPA), iOS, Android
  • 生成されたソースを各アプリストアで公開する

WebアプリとしてBuild

  • ここはベースとするフレームワークと同様

    • /dist配下にSPAとして動作するソースが払い出される(Angularベースの場合)
    • S3やFirebase Hostingに置けばサービス公開できる
  • WEB APのビルドコマンド

    1
    ionic build --prod

モバイルアプリとしてBuild

buildに必要なパッケージをPJにインストール

  • /wwwディレクトリが生成される
    1
    ionic integrations enable capacitor

iOS

  • buildしてiOSアプリとして動かす
    • /iosディレクトリが生成される
    • ここのソースをApple Storeに公開すれば良い
      1
      ionic cap add ios

以下はMac前提。IonicならMacでなくとも開発自体は問題なくできるが、動作確認をするにはMacである必要がある

Android

  • /androidディレクトリが生成される
    • ここのソースをGoogle Playに公開すれば良い
      1
      ionic cap add android
  • Android Studioを起動して実機確認

参考

関連記事

その他

@EventEmitter @Input @Output @ViewChild ACM AMP API Gateway AR AR.js AR.js Studio AWS AWS Amplify AWS Budgets AWS Cost Explorer AWS SDK for JavaScript AddThis Adobe XD Alexa Amazon CloudWatch Amazon Honycode Amazon SNS Android Angular Angular Material AngularFire AppSync Augury C CDN CI/CD Cloud Craft Cloud9 CloudFormation CloudFront CloudTrail Cognito Cost Anomaly Detection Cubase ai Cubasis LE DTM Disqus DynamoDB Elgato HD 60S Firebase Firebase Hosting Former2 Github Github Actions Github.com GithubEnterprise GithubPages Google Chrome Google Cloud Shell GraphQL Hexo Hosting IAM Ionic JSON JavaScript LadioCast Logging LowCode MFA MS Authentication MacBook Pro 16 Mind Node NETDUETTO Netflix Party Netlify Network NoCode Observable PO PdM Promise RPA ReactiveForm Recognition Route53 S3 SAM(Serverless Application Model) SAR SSL SYNCROOM Schematics ScrumInc Serverless Service Siri Sitemap Spark AR Steinberg UR44C Teams Touch Cast Studio Treetable TypeScript UI UI Bakery WAF WAFv2 WEB Page Dev WEB会議 WebAR WebSocketAPI Webhook Windows Power Automate Wireshark aot async/await aws config cloud9 display.land draw.io e2e test filter() forkJoin() google search console hexo-generator-amp iOS iPad Pro iPhone icarus map() mat input mat tree mat-checkbox mat-input mat-selection-list mmhmm ngFor plantUML popIn Aladdin2 then() vscode ”global is not defined” らくがきAR アジャイル アジャイル開発 クロスプラットフォーム ショートカット スクラム スクラム開発 テレワーク ファイル操作 ブラウザ型IDE プロダクトオーナー プロダクトマネージャー プロトタイピング リモートセッション 共同開発 双方向データバインディング 待ち合わせ処理 認定スクラムマスター 静的WEB Hosting 静的WEBサイトHosting
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×