技術っぽいことを書いてみるブログ

PythonとかVue.jsとか技術的なことについて書いていきます。

Android用のハイブリッドアプリを構築してみる。。。~公開する~

はじめに

Cordova+Cordovaプラグイン+Vue.jsを使用したハイブリッドアプリを構築したので、
GoogleのPlayストアに公開したいと思います。
今回は、その公開手順をまとめておきます。

やってみた

Google Play デベロッパー登録

1.Google Play Consoleのページへいく
こちらです。

2.利用規約に同意する。
チェックして、右下の「支払いに進む」ボタンをクリック。
f:id:where-is-wally:20200628100108p:plain

3.支払いの情報を入力して、「購入」ボタンをクリック。

4.「支払いが完了しました」となるので、「登録を続行」をクリック。
f:id:where-is-wally:20200628100333p:plain

5.プロフィールを入力して、「登録を完了」をクリック。
「ほぼ完了」らしいです。
f:id:where-is-wally:20200628100408p:plain

6.Google Play Consoleの「はじめに」ページが表示される
f:id:where-is-wally:20200628100545p:plain

公開するアプリのAPKファイルを作成する

1.キーストアファイルを作成する 下記のコマンドで、キーストアファイルを作成する。
なお、keytoolコマンドは、JAVAJDKをインストールしていれば使えると思います。
C:\Program Files\Java\jdk1.8.0_201\binに存在していました。

keytool -genkey -v -keystore hogehoge.keystore -alias fugafugaalias -keyalg RSA -keysize 2048 -validity 10000
  • -keysotreでキーストアファイルを指定します。
    • 上記の例では、「hogehoge.keystore」がキーストアファイル名です。
  • -aliasエイリアスを指定します。
  • -validityで有効日数を指定します。
    • 上記の例では、10000日有効にしています。

2.パスワードを入力する
keytoolコマンドを実行すると、以下のようにパスワードなどの入力が求められます。
f:id:where-is-wally:20200628102355p:plain

  • ここで入力したパスワードはのちほど使います。
  • 姓名・組織単位名・都道府県名などが求められますが、姓名のみ入力しました。

3.作成されたキーストアファイルを確認
keytoolコマンドにより作成されたキーストアファイルを確認する。
f:id:where-is-wally:20200628103057p:plain

4.vueプロジェクトをビルドする
vueプロジェクト直下にてnpmコマンドでビルドする

npm run build

5.cordovaプロジェクトをビルドする
cordovaプロジェクト直下にてビルドする

cordova build android --release

これにより、<cordovaプロジェクトのルート>\platforms\android\app\build\outputs\apk\releaseに
app-release-unsigned.apkが作成されます。

6.APKファイルを署名する
先に作成しておいてキーストアファイルを使用し、jarsignerコマンドで署名する。
なお、jarsignerは、JAVAJDKをインストールしていれば使えると思います。

jarsigner -verbose -keystore <キーストアファイルパス> <APKファイルパス> <キーストアのエイリアス名>

コマンド実行時にパスワードの入力を求められるので、キーストアファイル作成時のパスワードを入力する。

7.署名されたか確認

jarsigner -verify -verbose -certs <APKファイル名>

8.アプリの最適化
zipalignは、Androidスタジオをインストールしていれば使えると思います。

zipalign -v 4 app-release-unsigned.apk app-release-optimized-unsigned.apk

app-release-optimized-unsigned.apkが最適化されたAPKファイルです。

公開する

1.Play store consoleにて「GOOGLE PLAYANDROIDアプリを公開」ボタンをクリックする
f:id:where-is-wally:20200628104724p:plain

2.アプリの作成
f:id:where-is-wally:20200628104748p:plain

3.必要情報を入力
左側のメニューのチェックがチェック状態になるようにひたすらアプリの情報を入力する f:id:where-is-wally:20200628104840p:plain

  • アプリのリリースで、作成した署名・最適化済みのAPKファイルをアップロードする
  • ストアの掲載情報で、プレイストアで表示する情報を入力する

4.すべての必要情報が入力できたら、アプリのリリースで公開する。

さいごに・・・

アプリのリリースまで結構手間でした。
また、リリースしても審査中なので、すぐにプレイストアでは確認できません。 バージョンアップの手順も今後ブログを記載します。

2020/07/04 追記

Google Playでも作成したハイブリッドアプリが確認できるようになりました。
作成したハイブリッドアプリは、こちらです。
f:id:where-is-wally:20200704140130p:plain
簡易のTODO管理アプリです。
なぜか、広告が出ません。テスト広告で確認したときは表示されたのに・・・