ionicフレームワーク構成
7789 ワード
ionicの概要
ionicはWEB開発技術に専念し、HTML 5に基づいて携帯電話プラットフォームのようなオリジナルアプリケーションを作成する開発フレームワークである.現在バインドされているのはangularJSとSASSです.このフレームワークの目的は,webの観点から携帯電話アプリケーションを開発し,PhoneGapのコンパイルプラットフォームに基づいて,各プラットフォームにコンパイルされたアプリケーションを実現することである.
ionicインストール
まずcordova環境とandroid環境をインストールする必要があります.この参考:phoneGapのAndroid環境構築は、詳しく書かれており、よくあるエラーや解決策もあります.次にionicをインストールします.
npm install -g ionic
ネットワーク上の理由でインストールできない場合は、次の2つの方法があります.
1.npmソースをタオバオnpmソースに変更するには、次の3つの方法のいずれかを使用します.
A.configコマンドで
npm config set registry https://registry.npm.taobao.org
npm info underscore(上の構成が正しい場合、このコマンドには文字列responseがあります)
B.コマンドライン指定
npm --registry https://registry.npm.taobao.org info underscore
C.編集~/.npmrcは以下の内容を加える
registry = https://registry.npm.taobao.org
2.インストールしたionicディレクトリをコピーし、環境変数を構成したり、ソフト接続を確立したりします.
インストールが完了すると、ionicを使用してプロジェクトを作成できます.
ionic start myApp tabs//topバーとbottomバーを持つサンプルアイテムの作成
ionic start myApp sidemenu//左側にmenuバーがあるサンプルアイテムを作成
ionic start myApp blank//空白項目の作成
具体的な効果は、公式サイトを見ることができます.http://ionicframework.com/getting-started/次の操作を行います.
ionic serve
このコマンドは、フローブラウザを自動的に起動し、現在の効果を表示します.
Androidプラットフォームの追加
次のコマンドを実行します.
実は上の使い方とcordovaの差は多くなく、androidを追加するときにエラーが発生する可能性があります.以下のようにします.
The error is: ======================================= events.js:72 throw er;//Unhandled 'error' event ^ Error: spawn ENOENT at errnoException (child_process.js:1000:11) at Process.ChildProcess._handle.onexit (child_process.js:791:34)
解決方法は簡単で、ionicをcordovaに変えればいいので、works fineをテストします.
その他の一般的なエラープロジェクト(ionic start myApp tabs)を生成すると、次のようにエラーが発生する可能性があります. Error: command failed:fatal:could not create work tree dir:'C:\Users/ADMINI~1\AppData\Local\Temp\plugman\git\1402853493773'.:No such file or directory
解決策:上の対応するディレクトリに入り、対応するファイルを作成します.例えばtempディレクトリの下にplugmanディレクトリを確立し、plugmanディレクトリの下にgitディレクトリを確立し、gitの下に14028534973ディレクトリを確立する.はい、テストで有効です.
2.sh:1:node-gyp:Permission deniedインストールパッケージエラーこれは一般的にcentosなどのシステムで、rootユーザーの下でインストールするとエラーが発生します.主に権限の問題で、詳細を報告し間違えました.
node-gypを実行する際に権限が不足していることが明らかになった.
Googleを検索して、他の人のblogの簡単な解決方法を見つけます:
npm config set unsafe-perm true
次のインストールは正常です.npm configの使い方については、ここを参照してください.npm config set unsafe-permの解説から、修正したばかりの意味を見ることができます.
ionicはWEB開発技術に専念し、HTML 5に基づいて携帯電話プラットフォームのようなオリジナルアプリケーションを作成する開発フレームワークである.現在バインドされているのはangularJSとSASSです.このフレームワークの目的は,webの観点から携帯電話アプリケーションを開発し,PhoneGapのコンパイルプラットフォームに基づいて,各プラットフォームにコンパイルされたアプリケーションを実現することである.
ionicインストール
まずcordova環境とandroid環境をインストールする必要があります.この参考:phoneGapのAndroid環境構築は、詳しく書かれており、よくあるエラーや解決策もあります.次にionicをインストールします.
npm install -g ionic
ネットワーク上の理由でインストールできない場合は、次の2つの方法があります.
1.npmソースをタオバオnpmソースに変更するには、次の3つの方法のいずれかを使用します.
A.configコマンドで
npm config set registry https://registry.npm.taobao.org
npm info underscore(上の構成が正しい場合、このコマンドには文字列responseがあります)
B.コマンドライン指定
npm --registry https://registry.npm.taobao.org info underscore
C.編集~/.npmrcは以下の内容を加える
registry = https://registry.npm.taobao.org
2.インストールしたionicディレクトリをコピーし、環境変数を構成したり、ソフト接続を確立したりします.
インストールが完了すると、ionicを使用してプロジェクトを作成できます.
ionic start myApp tabs//topバーとbottomバーを持つサンプルアイテムの作成
ionic start myApp sidemenu//左側にmenuバーがあるサンプルアイテムを作成
ionic start myApp blank//空白項目の作成
具体的な効果は、公式サイトを見ることができます.http://ionicframework.com/getting-started/次の操作を行います.
ionic serve
このコマンドは、フローブラウザを自動的に起動し、現在の効果を表示します.
Androidプラットフォームの追加
次のコマンドを実行します.
cd myApp
ionic platform add android //
ionic build android
ionic emulate android
実は上の使い方とcordovaの差は多くなく、androidを追加するときにエラーが発生する可能性があります.以下のようにします.
The error is: ======================================= events.js:72 throw er;//Unhandled 'error' event ^ Error: spawn ENOENT at errnoException (child_process.js:1000:11) at Process.ChildProcess._handle.onexit (child_process.js:791:34)
解決方法は簡単で、ionicをcordovaに変えればいいので、works fineをテストします.
cd myApp
cordova platform add android //
cordova build android
cordova emulate android
その他の一般的なエラー
解決策:上の対応するディレクトリに入り、対応するファイルを作成します.例えばtempディレクトリの下にplugmanディレクトリを確立し、plugmanディレクトリの下にgitディレクトリを確立し、gitの下に14028534973ディレクトリを確立する.はい、テストで有効です.
2.sh:1:node-gyp:Permission deniedインストールパッケージエラーこれは一般的にcentosなどのシステムで、rootユーザーの下でインストールするとエラーが発生します.主に権限の問題で、詳細を報告し間違えました.
> node-gyp rebuild
sh: 1: node-gyp: Permission denied
\
> ws@0.4.32 install /root/.nvm/versions/node/v0.12.4/lib/node_modules/log.io/node_modules/socket.io-client/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)
> ws@0.4.32 install /root/.nvm/versions/node/v0.12.4/lib/node_modules/log.io/node_modules/socket.io/node_modules/socket.io-client/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)
npm ERR! Linux 3.13.0-48-generic
npm ERR! argv "/root/.nvm/versions/node/v0.12.4/bin/node" "/root/.nvm/versions/node/v0.12.4/bin/npm" "install" "-g" " log.io"
npm ERR! node v0.12.4
npm ERR! npm v2.10.1
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! contextify@0.1.14 install: `node-gyp rebuild`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the contextify@0.1.14 install script 'node-gyp rebuild'.
npm ERR! This is most likely a problem with the contextify package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node-gyp rebuild
npm ERR! You can get their info via:
npm ERR! npm owner ls contextify
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /root/npm-debug.log
node-gypを実行する際に権限が不足していることが明らかになった.
Googleを検索して、他の人のblogの簡単な解決方法を見つけます:
npm config set unsafe-perm true
次のインストールは正常です.npm configの使い方については、ここを参照してください.npm config set unsafe-permの解説から、修正したばかりの意味を見ることができます.
Default: false if running as root, true otherwise
Type: Boolean
Set to true to suppress the UID/GID switching when running package scripts. If set explicitly to false, then installing as a non-root user will fail.