designsupply.llc
  • aboutabout
  • servicesservices
  • worksworks
  • mediamedia
  • contactcontact
  • homeサイトトップ
  • about会社概要
  • services業務内容
  • works実績紹介
  • mediaメディア
  • contactお問い合わせ
ja/

media

メディア

  1. サイトトップ
  2. メディア
  3. プログラミングの記事
  4. 【Macでアプリ開発】CordovaのAndroidアプリ制作フロー(リリース編)

【Macでアプリ開発】CordovaのAndroidアプリ制作フロー(リリース編)

  • 2016.05.05
  • プログラミング
  • Cordova
Updated: 2018.06.15
前回、前々回に引き続きCordovaでAndroidアプリの制作フローをまとめていきます。第3回目になります今回は、いよいよアプリリリースに向けた作業に入ります。  
リリース用アプリデータのビルド
制作段階でビルドしていたapkファイル(デバッグ用のandroid-debug.apk)とは異なる、リリース用のapkファイルをビルドします。   1. Corodovaのフォルダまで移動 これまでと同様にCordovaルートフォルダまで移動します
$ cd ~/プロジェクトフォルダ/Cordovaルートフォルダ
  2. リリース用のapkファイルをビルド 「--release」のオプションを付けることでリリース用のアプリデータになります。
$ cordova build --release
ビルドされたリリース用のapkファイルは、Cordovaルート配下の/platforms/android/build/outputs/apk/の中に、android-release-unsigned.apkというファイル名で生成されます。  
キーストアファイル作成
アプリリリースに必要となる公開鍵を生成するためのキーストアファイルを作成します。基本的にはコマンドで入力していくだけの作業になります。   1. キーストアの設定 次のコマンドを入力しキーストアの設定をします
$ keytool -genkey -v -keystore キーストアファイル名(○○○○○.keystore) -alias エイリアス名 -keyalg RSA -keysize 2048 -validity 10000
  • ・キーストア名:拡張子が.keystoreになるキーストアファイルの名前です
  • ・エイリアス名:アプリリリースに必要となる秘密鍵の名前です
例)キーストア:myapp.keystore/エイリアス:myappalias ※キーストア名について上記では.keystoreの拡張子を除いた部分を入力します   2. キーストアパスワードの入力 キーストア設定のパスワードを訊かれるので、任意のパスワードを設定する。入力が終わると確認のため再度同じものを入力する。後ほどパスワードを入力する場面があるので忘れないようにする。   3. いくつかの質問項目に答える パスワードの入力が終わるといくつか質問されるので答えていく。特に意味は無いと思われるが、次のような内容でOKだと思います。
  • ・姓名は? → 任意の名前
  • ・組織単位名は? → 制作チーム名など
  • ・組織名は? → 会社名など
  • ・都市名は? → osakacityなど
  • ・都道府県名は? → osakaなど
  • ・国識別コードは? → jp
  • ・これまでの質問の内容確認 → y (はい)
全ての項目の回答が終わり、先ほど設定したキーストアパスワードを入力するとキーストアファイルが生成される。   4. 作成されたキーストアファイル(鍵)を確認する キーストアファイルがきちんと作成されているかを次のコマンドで確認する
$ keytool -list -v -keystore キーストアファイル名(○○○○○.keystore) -storepass キーストアパスワード
 
apkファイルへの署名
鍵の生成が終わると、アプリデータに署名をしていきます。同じくコマンドで入力していくだけの作業になります。   1. 署名を行う 次のコマンドを入力し、アプリデータの署名を行います。
$ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore キーストアファイル名(○○○○○.keystore) ./platforms/android/build/outputs/apk/android-release-unsigned.apk エイリアス名
注意するべき点として上記の様に、android-release-unsigned.apkについては、wwwフォルダからの相対パスで指定します。   2. キーストアパスワードの入力 キーストアパスワードを入力するとアプリデータへの署名が完了します。  
zip alignで最適化
いよいよアプリのリリースに向けた最後の作業になります。zip alignとはアプリデータをリリース用に最適化するために行います。   1. zip align実行ファイルの確認 /Users/ユーザー名/Library/Android/sdk/build-tools/XX.X.X(バージョン名)/の中にzip alignの実行ファイル(zipalign.exe)が存在するかどうかを確認します。 無い場合はSDK Managerを開き、最新版のBuild Toolsをインストールします。   2. zip alignパッケージング 次のコマンドを入力し、zip alignでの最適化を実行します。
$ zipalign -v 4 ./platforms/android/build/outputs/apk/android-release-unsigned.apk パッケージング後のファイル名(○○○○○.apk)
  ※bash: zipalign: command not foundと表示される場合 bash: zipalign: command not foundと表示されzip alignが出来ない場合には、まず次のコマンドで通っているパスを確認します。
$ vim .bash_profile
通っているパスが、/Users/ユーザー名/Library/Android/sdk/platform-tools であれば、パスが通っている最下層のフォルダ(この場合であればplatform-tools)にzip align実行ファイルがあるか確認します。おそらく無いと思うので、/Users/ユーザー名/Library/Android/sdk/build-tools/XX.X.X(バージョン名)/の中にzip alignの実行ファイルをコピーし、パスが通っている最下層のフォルダ(この場合であればplatform-tools)にコピーしたzip align実行ファイルを移動させます。   3. 最適化の確認 次のコマンドでzip alignの最適化が完了しているかを確認します。
//パッケージング後のファイル名(○○○○○.apk)と表示されればOK
$ zipalign -c -v 4 パッケージング後のファイル名(○○○○○.apk)
  zip alignによる最適化の作業が完了するとCordovaルートフォルダに「パッケージング後のファイル名.apk」というリリース用のapkファイルが生成されます。  
リリース用apkファイルの実機確認
念のためリリース用のapkファイルも実機で確認しておきましょう。USBで実機を接続し、コマンドでCordovaルートフォルダまで移動したら次のコマンドを入力し、実機へインストールを行います。
$ adb install パッケージング後のファイル名(○○○○○.apk)
  実機で確認し、問題が無ければGoogle Play Storeへ公開作業へと進みます。     以上、全3回にわたってCordovaでのAndroidアプリのリリースまでのフローを紹介しました。環境構築からも含めると作業はかなり多いですが、そのぶんOSを選ばずハイブリットなアプリが制作できたり、豊富なプラグインで様々な機能が実装できたり、Web制作での知識が活かせたりとメリットもかなり大きいのではないでしょうか。   Cordovaでアプリ開発のハードルがぐっと下がったことで、是非オリジナルアプリの制作にチャレンジしてみてはいかがでしょうか。  
XでシェアLINEで送るはてブに追加

この記事を書いた人オガワ シンヤ

合同会社デザインサプライ代表兼CEO / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はダイエットコーラとチョコレートが欠かせないアラフォーWebクリエイター。

Sponsored Link

  • Showcase
  • Startify UI
  • Functional Gradation Generator
  • Coloooors

keyword search

categories

  • WordPress(61)
  • JavaScript(49)
  • Vue.js(48)
  • CSS(46)
  • jQuery(34)
  • Nuxt.js(22)
  • Sass(21)
  • Gulp(17)
  • webpack(16)
  • PHP(14)
  • HTML(14)
  • GSAP(11)
  • React(10)
  • Vite(9)
  • Pug(9)
  • Laravel(8)
  • Cordova(8)
  • Linux(7)
  • Next.js(6)
  • Apache(5)
  • Shopify(4)
  • REST API(4)
  • Node.js(4)
  • Smarty(3)
  • Git(3)
  • JSON(3)
  • その他プログラミング(3)
  • Google Apps API(3)
  • Bootstrap(3)
  • 環境構築・システム(3)
  • TypeScript(2)
  • EJS(2)
  • RMS(2)
  • Docker(2)
  • Instagram API(2)
  • Excel VBA(2)
  • SVG(1)
  • Dart(1)
  • ECカートASP(1)
  • Markdown(1)
  • AMP(1)
  • Nginx(1)
  • XML(1)
  • shellscript(1)
  • Ruby(1)
  • MySQL(1)

recent articles

  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#6:PWA対応とビルド時のエラー
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#6:PWA対応とビルド時のエラー

    2024.12.25/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#5:アナリティクス・アドセンスの導入とサイトマップ作成
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#5:アナリティクス・アドセンスの導入とサイトマップ作成

    2024.08.26/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#4:静的・動的ルーティングとページ作成
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#4:静的・動的ルーティングとページ作成

    2024.07.31/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#3:メタ情報設定・ファイル最適化・ステート管理
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#3:メタ情報設定・ファイル最適化・ステート管理

    2024.06.30/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#2:コーディング環境の構築
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#2:コーディング環境の構築

    2024.05.29/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#1:インストール・導入
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#1:インストール・導入

    2024.04.30/Next.js
  • 次の記事
  • 一覧に戻る
  • 前の記事

まだ依頼内容が決まっていなくても、ご相談ください。

課題の整理や小さな検証、UI/UX・フロントエンドの部分的な支援から始められます。

お問い合わせやご相談はこちらから

Webサイト・プロダクトの企画設計/UI・UXデザイン/フロントエンド開発合同会社デザインサプライ(DesignSupply. LLC)

Office:大阪府大阪市天王寺区清水谷町3-22
Email:info@designsupply-web.com
home
  • サイトトップ
about
  • 3つのポリシー
  • 経営理念
  • 代表・クリエイター紹介
  • 会社概要
services
  • ビジネス・プロダクト支援
  • UI/UX・フロントエンド開発支援
  • プロジェクトの進め方・支援体制
  • エデュケーション事業
works
  • 開発プロジェクト支援
  • クリエイティブ制作
  • 自社プロダクト
media
  • デザイン
  • プログラミング
  • マーケティング
  • Web開発
  • 写真・動画制作
contact
  • お問い合わせ
news
  • インフォメーション
privacy
  • プライバシーポリシー

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

© 2013 - 2026 DesignSupply.LLC
サイトトップへ
contact