- マイクロチャンネルアプレットライフサイクルメソッドの詳細

ライフサイクルは、小さなプログラムを指し破壊への作成からの一連の処理であります

アプレットでは、()のページで、小さなプログラムを登録するアプリケーション()を介してページを登録します

小さなプログラムのプロジェクト構造を初めて目

図からわかるように、ルートディレクトリはapp.jsの下に含まれ、app.wxss、3つのファイルをapp.json

これは、小さなプログラムロジックは、app.jsonは公共の場で小さなプログラムであるapp.js、グローバルファイルアプレットでアプレットが共通のスタイルシートですapp.wxss

app.jsファイルにおいて、ライフサイクルアプローチの数を定義し、onLaunch、onShow、onHide、のonError、ならびに任意の関数または開発者からのデータを追加する(これを介してアクセスすることができます)

以下のライフサイクルアプローチであり、役割を記述する

onLaunchライフサイクルメソッド - 小さなモニタアプレットプログラムの初期化初期化が完了すると、それはonLaunchトリガされます(グローバル一度だけトリガー)

onShowライフサイクルメソッド - 小さなモニタアプレットが表示プログラムが起動されたとき、またはフォアグラウンドディスプレイにバックグラウンドからonShowトリガされます

onHideライフサイクルメソッド - 背景にアプレットが、それはonHideをトリガする際に、フロントデスクからリスニングを隠された小さなプログラム

小さなスクリプトエラーが発生した場合、またはAPI呼び出しが失敗したときのonErrorエラーモニタ機能は、それがエラーメッセージをトリガし、持って来るのonError

オブジェクトパラメータに任意の関数またはデータを追加するために、任意の他の開発者は、このことによってアクセスすることができます。

私たちは、app.jsファイルに次のメソッドを定義し、それをプリントアウト

アプリ({ 
  onLaunch:機能(オプション){ 
    にconsole.log(" app.js --- onLaunch --- " + JSON.stringify(オプション)); 
  }、
  onShow:関数(){ 
    にconsole.log(" アプリ。 JS --- onShow --- " ); 
  }、
  onHide:関数(){ 
    にconsole.log(" app.js --- onHide --- " ); 
  } 
  のonError:関数(MSG){ 
    にconsole.log(" app.js ---のonError --- " + MSG); 
  }、
  グローバルデータ:{ 
    ユーザー情報:ヌル
  } 
})

これは、私たちがプリントアウトするための小さなプログラムを開き、いくつかの方法であります

図から分かるように、プログラム順次onLaunch onShowおよび方法以下オープンapp.jsを実行し、オンロードページページ、及びonShow方法onReady

ここで、onLaunch、onShow方法は、三つのパラメータ、パス、クエリやシーンを含む、パラメータオブジェクトを返しパスアプレットパスが開いています

クエリパラメータは、シーンのシーンが開い値アプレットで、アプレットページのURLを開くことです

より多くのシーン値を表示することができます
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/scene.html

背景に小さなスイッチは、次の2つの方法を実行します

アプレットのフォアグラウンドを返します。

ページのページで定義されたライフサイクルメソッド

ライフサイクルのonLoad機能 - ページのロードのために聞きます

onReadyライフサイクルメソッド - 最初のページのレンダリングを聴くが完了しました

onShowライフサイクル機能 - ページの表示モニター

onHideライフサイクル機能 - モニタページを隠します

onUnloadライフサイクルメソッド - ページをアンインストールするためにリスニング

ページ({ 
  のonLoad:機能(オプション){ 
    にconsole.log(" ページ--- ---のonLoad " ); 
  }、
  onReady:関数(){ 
    にconsole.log(" ページ--- onReady --- " )。
  }、
  onShow:関数(){ 
    にconsole.log(" ページ--- onShow --- " ); 
  }、
  onHide:関数(){ 
    にconsole.log(" ページ--- onHide --- " ); 
  } 
  ONUNLOAD:関数(){ 
    にconsole.log(" ページ--- ONUNLOAD --- " ); 
  } 
})

アプレットを開き、順番にオンロード、onReadyとonShow方法を実行します

前と交換局がonHide onShowとメソッドを実行した後、

アプレットのページには、破壊のメソッドを実行するときにONUNLOAD

例えば、我々は中details.jsでメソッドを定義ONUNLOAD

ONUNLOAD:関数(){ 
    にconsole.log(" details.js --onUnload " 
  }、

私たちは自宅から新しいページdetails.wxmlを開くと、そのページを閉じ

チャートからは、メソッドを実行するためのページを見ることができますONUNLOAD

また、アプレットはapp.js例を取得するためのページgetApp()メソッドによって、グローバルなデータ管理、ページを提供してくれます

例えば:

私たちは、グローバルデータのapp.jsにデータオブジェクトを定義します

アプリ({ 
  グローバルデータ:{ 
    ユーザー情報:ヌル
  } 
})

// other.js 
VAR appInstance = getApp()
はconsole.log(appInstance.globalData)

注:
アプリケーション()にapp.jsに登録する必要があり、かつ1以上のものを登録することはできません。
コールgetApp()内のApp(機能)で定義されてはいけない、あなたは、インスタンスを取得するには、このアプリを使用することができます。
()のonLaunchは、そのページが生成されていない場合getCurrentPagesを呼び出さないでください。
getAppによって(インスタンスを取得した後に、ライフサイクルの関数を呼び出すしないでください)。

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/jianxian/p/11108753.html