Parallax Image

Cutls Code Archives


SNZ 2016
CordovaでAndroidプッシュ通知アプリを作る①
カテゴリ:Code Archives, Cordova, HTML/CSS/JS, Mobile, Push App 投稿日:2017年1月21日

超お久しぶりです。今回からまた集中連載なんで許してください。

HTML+JavaScript+CSSでAndroid/iOSアプリが作れるCordova。ただしiOSアプリを作るためには基本Macが必要で、App Storeに出すには年額7千円程かかるので、今回はAndroidアプリに絞ります。
まずはCordovaの環境づくりと言いたいところですが、書くのが面倒なので割愛します。
CordovaでHTML5ハイブリッドアプリ開発 – Android編
これを見て作りました。

次に適当なフォルダ(私はCドライブユーザーファイル直下にしました)でShift+右クリックをして[コマンドウィンドウをここで開く]を選択

コマンドプロンプトが開きます。

cordova create [フォルダ名] [パッケージ名] [プロジェクト名]

フォルダ名はその名の通りのフォルダが作成されます。パッケージ名はJava命名規則に従ってユニークなドメイン名逆順(例:com.cutls.code)。プロジェクト名は適当にどうぞ

cd [フォルダ名]
cordova platform add android

その作成したフォルダに移動して、Androidアプリに必要なファイルをまるまる追加します。

こんなフォルダ構成になっています。

あとはおなじみwwwの中にあるファイルを適当に書いたらOKですが、
注意
www/js/index.jsは消さない
index.htmlの赤枠のscript2つは必ず読み込む

次はconfig.xmlの設定とプラグインの追加です。