2016-12-27 8 views
6

私はイオン2プロジェクトの新人です。アプリの起動時間を短縮する方法を知りたいだけです.3秒のスプラッシュ画面の後に白い画面が表示され、9秒かかる開始。イオン2アプリのブート時間を短縮

+0

そこにいくつかの問題があります、あなたはここにそれらに従うことができますhttps://github.com/driftyco/ionic/issues/9686また、イオンアプリスクリプトのいくつかの問題があり、いくつかの解決策がありますそれを試してください –

+0

あなたは解決しているこの問題? – mike

答えて

1

私は白い画面で非常に似た問題を抱えていましたが、ここで進捗状況を確認してください。 Cordova, Android, incredibly slow loading

ショートバージョンです。上記のフェルナンドによって言及された多数の理由のために遅くロードされています。それらを解決するために作業することができますが、白い画面の場合... Androidは、アプリの読み込み中にスプラッシュ画面を非表示にします。この問題を解決するには、あなたの設定に下記を追加することができます。

<preference name="AutoHideSplashScreen" value="false" /> 
<preference name="SplashScreenDelay" value="10000"/> 

これにより、アプリケーションの読み込み中にスプラッシュ画面が少なくとも10秒間表示され、自動非表示になることはありません。あなたの起動モジュールの主なコンポーネントでは、あなたのアプリケーションが実際に起動すると、スプラッシュ画面を隠すために以下のようにしてください。明らかにionic2でデフォルト設定されているcordova-splash-screenプラグインが必要です。

platform.ready().then(() => { 
    Splashscreen.hide(); 
}); 
+0

あなたの返信ありがとうございます。実際には、私はすでにこれを行っていました。しかし、主な問題は、10秒のアプリケーションを起動する時間です。私は、ブート時間を短縮するためのソリューションを探しています。 – Rohit

+0

@Rohitあなたの問題を解決しましたか? – FerialTeut

+0

@FerialTeutあなたの問題を解決しましたか? –

14

はそうionic build android --prodを使用--prodを構築する際に、ブートストラップのラインも

enableProdMode();

を置く前に、あなたのmain.tsファイル

import { enableProdMode } from '@angular/core';

の2行目にこれを置くようにしてください

+0

main.tsのこの追加行の意味は何ですか? Main.tsは常にビルド後に生成されます。 main.tsファイルに書き込むことはありません。 – Anuj

4

は、スプラッシュスクリーンの時間を短縮するための手順の下に従ってください: -

まず、あなたのnode_modulesフォルダ がionic platform rm androidを使用してプラグインフォルダ 削除プラットフォームのアンドロイドを削除する任意のTEMPフォルダ を削除します。 は、今ではすべて再インストールします -

を(I)npm install(ⅱ)ionic serve(III)ionic platform add android

は今、これは完全に100%ワークスFINALLY ionic build android --prod

を、このコマンドを実行します。

これが機能しない場合は、あきらめないでください。上記の手順を2〜3回試してみてください。これがうまくいくことは確かです。

0

でも同じ問題がありました。 ionic-teamフォーラムに復帰した後、私はionic-teamがまだこれに対する解決策を提示していないことを理解しています。

私はアプリを閉じるのではなく、アプリケーションを最小限にする次のコードを作ったので、次回にアプリを開いたときに即座に開くようにしました。

app.componentに以下のコードを入力してください。イオンネイティブ/参照する

リンクアプリ-最小限@あなたがインストールする必要があり、TSファイル

this.platform.registerBackButtonAction(() => { 
     if(this.menuCtrl.isOpen()){ 
      this.menuCtrl.close(); 
     } 
     else if(this.nav.canGoBack()){ 
      this.nav.pop(); 
     }else{ 
      this.appMinimize.minimize(); 
     } 
     }); 

https://ionicframework.com/docs/api/platform/Platform/#registerBackButtonAction https://ionicframework.com/docs/native/app-minimize/

0

は、main.tsファイルにプロダクションモードを有効にしてくださいこのように

import {enableProdMode} from '@angular/core'; 
enableProdMode(); 
関連する問題