この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 14239|答える: 0

[イオン式] Ionic Androidアプリ開発(1):初心者向けガイド

[リンクをコピー]
掲載地 2018/06/19 15:07:03 | | | |
1. イオン環境の設置

Ionic開発はNodejs環境に依存しているため、開発前にNodejsをインストールする必要があります。 ダウンロードとインストール:ハイパーリンクのログインが見えます。
インストール完了後、PowerShellを開き、node -vとnpm -vのコマンドを入力してインストールが成功したか確認します。バージョン番号が返っていれば成功を意味します。
PowerShellコマンドラインで実行:

これはnpmパッケージマネージャーを使ってcordovaとionicをインストールするためのもので、-gはグローバルインストールを意味し、グローバルインストール後はPowerShell内のどのディレクトリでもcordovaとionicコマンドを使えます。

以下のエラーに遭遇することがあります:

Ionicとcordovaのチュートリアルをインストールする
https://www.itsvse.com/thread-4841-1-1.html
(出典:Architect_Programmer)

2. イオン式プロジェクトの作成

Ionicの公式ウェブサイトには、ブランク、タブ、サイドメニューの3つのプロジェクトテンプレートが提供されています。以下を参照してください:ハイパーリンクのログインが見えます。



私たちはタブテンプレートを使ってアプリを作成し、PowerShellのCDを開発ディレクトリに開いて、以下を実行します。

ここでmyAppは私たちのプロジェクト名です

以下に示すように:


C:\project\android>ionic start myApp tabs
√ ディレクトリ作成 .\myApp - 完了!
√ Tabsのダウンロードと解凍、スターター完了!

? 新しいアプリをCordovaと統合して、ネイティブのiOSやAndroidをターゲットにしたいですか? はい
√ ionic.config.jsonとpackage.jsonのパーソナライズ - 完了!
>イオン積分によりコルドバが静かに機能します
√ cordova 統合ダウンロード完了!
√ プロジェクトへの統合ファイルをコピーする - 完了!
[OK] コルドバとの統合も追加しました!

依存関係のインストールには数分かかることがあります。

  * IONIC DEVAPP *

Ionic DevAppという高速でオンデバイステスト用のモバイルアプリで開発を加速しましょう

  - ネイティブSDKなしでiOSおよびAndroidでテスト
  - LiveReloadによるインスタントスタイルおよびJSアップデート

️--> DevAppをインストールする:ハイパーリンクのログインが見えます。    <--

> NPM I
× 実行コマンド - 失敗!
[エラー]

        >node-sass@4.9.0インストールC:\project\android\myApp\node_modules\node-sass
        >ノードスクリプト/install.js

        バイナリのダウンロードハイパーリンクのログインが見えます。
        ダウンロード完了
        バイナリはC:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.nodeに保存されています。
        C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.nodeへのキャッシュバイナリ

        >uglifyjs-webpack-plugin@0.4.6postinstall C:\project\android\myApp\node_modules\uglifyjs-webpack-plugin
        >ノードライブラリ/post_install.js


        >node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
        >ノードスクリプト/build.js

        バイナリはC:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.nodeで見つかります
        バイナリのテスト
        バイナリで問題ありません
        NPM(うーん!)です! パスC:\project\android\myApp\node_modules\fsevents\node_modules
        NPM(うーん!)です! コードEPERM
        NPM(うーん!)です! エルノ-4048
        NPM(うーん!)です! Syscall LSTAT
        NPM(うーん!)です! エラー:EPERM:操作は許可されません、lstat
        『C:\project\android\myApp\node_modules\fsevents\node_modules』
        NPM(うーん!)です!  { エラー:EPERM:操作が許可されていません、lstat
        『C:\project\android\myApp\node_modules\fsevents\node_modules』
        NPM(うーん!)です!   スタック:『エラー:EPERM:操作は許可されていません、lstat
        \'C:\\project\\android\\myApp\\node_modules\fsevents\\node_modules\''
        NPM(うーん!)です!   エルノ:-4048、
        NPM(うーん!)です!   コード:「EPERM」、
        NPM(うーん!)です!   syscall: 'lstat',
        NPM(うーん!)です!   path: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
        NPM(うーん!)です!
        NPM(うーん!)です! root/Administratorとしてこのコマンドをもう一度実行してみてください。

        NPM(うーん!)です! このランの完全な記録は以下のサイトで確認できます:
        NPM(うーん!)です!     C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log

エラーが発生しました。解決策は、管理者としてcmdを実行し、上記のコマンドを再度実行することです!!



CDを使ってプロジェクトを入力し、次のコマンドを実行してブラウザサービスを起動してください:

実行が完了すると、Ionicは自動的にデフォルトのブラウザを開き、アプリケーションページにジャンプするのを助けてくれます。ブラウザがページを開くと、Ionicはライブリロードモードを有効にしてくれます。開いた後、wwwでファイルを編集して保存します。Ionicはウェブソケットを通じてブラウザにページの更新を通知します。変更を加えるたびに手動でページを更新する必要はありませんそして作業効率を大幅に向上させました。

以下に示すように:






先の:Ionicとcordovaのチュートリアルをインストールする
次に:JAVAバージョン8u171と8u172の違い
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com