スマホネイティブアプリ | No pain,No gain.

cordovaでsqlite

nopainnogain — Mon, 27 Jun 2016 13:14:05 +0000

https://www.npmjs.com/package/cordova-plugin-sqlite
$cordova plugin add https://github.com/litehelpers/Cordova-sqlite-storage
にてプラグインの導入は完了

Cordovaのコマンド関係

nopainnogain — Mon, 27 Jun 2016 05:36:05 +0000

iOSエミュレータのインストール

プロジェクトの作成 -dオプションで途中経過が表示される

$ cordova create hogehoge hoge.hoge.com Hoge -d

cd hoge

iOS,Androidプラットフォーム用のプロジェクトファイルを追加

cordova platform add ios
cordova platform add android
バージョンを指定する場合
$ cordova platform add android@4.4.4

対象の存在するプラットフォームを確認する

cordova platform ls

ブラウザで動作確認

$ cordova serve android
Static file server running on port 8000 (i.e. http://localhost:8000)
CTRL + C to shut down

ビルド

$ cordova build            # 全でプラットフォームを一気に生成
$ cordova build android    # プラットフォーム個別
$ cordova build --release  # リリース要

cordovaとPhoneGapの違い

nopainnogain — Fri, 24 Jun 2016 13:11:29 +0000

cordovaの元はPhoneGap。Adobeに買収されPhoneGapをオープンソースにされたものがcordova。
両者はほぼおなじであるが、コンパイルやビルド関係に違いがある。
以下に詳しく記載されている

http://furoshiki.hatenadiary.jp/entry/2014/07/23/084643

MacでCordova環境構築

nopainnogain — Fri, 24 Jun 2016 13:06:56 +0000

Nodejsをインストール
https://nodejs.org/
インストーラー(pkg)を実行しインストール

$ node -v
v4.4.6

$ npm -v
2.15.5

cordovaのインストール

gオプション（グローバル領域）をつけてnpmでインストール

$ npm install cordova -g

以下のエラーが発生する

Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/cordova'
npm ERR!     at Error (native)
npm ERR!  { [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/cordova']
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/cordova',
npm ERR!   fstream_type: 'Directory',
npm ERR!   fstream_path: '/usr/local/lib/node_modules/cordova',
npm ERR!   fstream_class: 'DirWriter',
npm ERR!   fstream_stack:
npm ERR!    [ '/usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:35:25',
npm ERR!      '/usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:47:53',
npm ERR!      'FSReqWrap.oncomplete (fs.js:82:15)' ] }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

$ sudo chmod 777 /usr/local/lib/node_modules/

再度インストール実行

$ npm install cordova -g

更に以下のエラー

npm ERR! Error: EACCES: permission denied, symlink '../lib/node_modules/cordova/bin/cordova' -> '/usr/local/bin/cordova'
npm ERR!     at Error (native)
npm ERR!  { [Error: EACCES: permission denied, symlink '../lib/node_modules/cordova/bin/cordova' -> '/usr/local/bin/cordova']
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'symlink',
npm ERR!   path: '../lib/node_modules/cordova/bin/cordova',
npm ERR!   dest: '/usr/local/bin/cordova' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

$ sudo chmod 777 /usr/local/bin/

インストール成功

$ cordova -v
? May Cordova anonymously report usage statistics to improve the tool over time? Yes
Thanks for opting into telemetry to help us improve cordova.
6.2.0

Android Studioをインストール
インストール後パスを通しておく

vi ~/.bash_profile

以下を記載する

export PATH=$HOME/Library/Android/sdk/platform-tools:$PATH
export PATH=$HOME/Library/Android/sdk/tools:$PATH

パスを反映

$ source ~/.bash_profile

実行

android -h

$ adb version
Android Debug Bridge version 1.0.36
Revision fd9e4d07b0f5-android