web-dev-qa-db-ja.com

Angular 2アプリをモバイルアプリに変える

AngularJS 2を使用して開発されたレスポンシブWebアプリがあります。これをパッケージにラップして、モバイルアプリとして再配布したいと思います。 Androidが私たちの優先事項です。Cordovaを見てきました。Webアプリをモバイルアプリに変えるために利用できる他のオプションはありますか？AngularJS 2Webアプリをモバイルに変えることに伴う落とし穴は何ですか？アプリ？

angularmobile-application
7
Blair Osbay

Ionic 2 は現在ベータ版であり、Angular2を使用してハイブリッドモバイルアプリを作成しています。アプリにいくつかの変更を加える必要がありますが、それでもAngular2であり、カスタムionicコンポーネントのみが含まれています。

NativeScript もAngular2を使用してアプリを作成しますが、今回は真のネイティブアプリを作成します。そこにはもう少し作業があります。テンプレートとスタイルを調整する必要がありますが、コードは依然としてAngular2フレーバーのTypeScriptです。

7
Maxime Bouveron

これはもっと有望に見えます angular-native-seed 、ここではコードを1回書くだけで済みます。

2
Kush Patel

最小限の手順でCordovaを使用できます。

この リンク が役に立ちます。それは私のために働いた。

Ionicを使用することもできますが、ルーターエラーがスローされ、プロジェクト構造も異なっていました。したがって、Ionic routerを使用して新しいプロジェクトを作成し、選択的にコピーする必要があります。 angularコード。cordovaの場合と同様に、基本的なcordovaをセットアップしたプロジェクトを作成し、最小限の構成変更でコード全体を一度にコピーできます。

1
Pushkal Boganatham

2019年1月、私は個人的なプロジェクトに似たものを探しています。Angular 7、Android/iOSアプリに変換したいです。

Angular.ioブログに公開された4か月前の古い記事の下にあります。 Progressソフトウェア会社によって開発されたNativeScriptについて説明し、Js、Ts、またはAngular + Tsプロジェクトをサポートします。

同じAngular 2+プロジェクトは、コード共有を使用してモバイルに変換できます。

  • Webファイル= mycomp.html、mycomp.ts、mycomp.css（通常のファイル）などの*.tns.*以外のすべてのファイル
  • モバイルファイル=（iosおよびAndroidの場合）=すべての*.tns.*/mycomp.tns.html、mycomp.tns.ts、mycomp.tns.cssなどのネイティブスクリプトファイル
  • モバイルファイルが存在する場合（*.tns.*）、モバイル用のバンドルをビルドしている間（Android/ios）、ビルドプロセスでWebファイル（*.tns.*以外）を上書きします
  • モバイルファイルが存在しない場合、Webファイル（*.tns.*以外）がモバイルファイルになるため、コードが共有されます。
    • そのため、デフォルトでコード共有が行われます（angular2 +ファイルはAndroid/iosファイルになります）。モバイル専用の異なる外観/機能が必要な場合は、対応するモバイルファイル（a.htmlのa.tns.htmlなど）を作成します。
  • 変更をほとんど加えることなく、ネイティブパフォーマンスが得られます。
  • カメラや場所などのハードウェアにアクセスできます。

私は読みの途中ですが、AngularとコラボレーションしているNativeScriptは先に進むための素晴らしい方法のようです。
詳細については、以下をお読みください。

0
Manohar Reddy Poreddy