ユニアプリのログイン状態の管理(vuex)

アプリケーションが共通のニーズをログインしたまま、ユーザーを維持する方法でログインしたときにユニアプリフレームワークの使用についての論文。

すなわち:最初のアプリケーションは------->ログ---------->すでにログインしている--------->再度開く、アプリケーションを閉じた状態にログインしていません

従来のアプリケーションは、ログイン方法のまま、それがログインしているかどうかを判断するためにクッキーを読むことによってですが、読んで、クッキーへの書き込みにユニアプリをサポートしていません。メインフレームは、ユニアプリVUEであるため、vuex状態管理を署名するために使用することができます。

 vuexに定義されたグローバル変数やメソッドは、指定されたディレクトリのファイルで定義する必要があります。

次のようにそれは、JSファイルのディレクトリを定義するためのグローバル変数やメソッドを作成し、ディレクトリストアにプロジェクトディレクトリに新しい名前です。

  以下に示すようにindex.jsファイルの内容:

以下に示すように、これはファイルで定義された変数やメソッドが各ページで使用することができJSと有効になりたい、あなたは、プロジェクトディレクトリ内のファイルで、このファイルとJS main.js宣言をインポートする必要があります。

文の終わりの後には、ログインページに以下に詳細に示し、グローバル変数とページの対応するメソッドを監視することができます。

次のように、vuex最初のページを導入する方法において:

次に、以下のように、グローバル変数、mapMutations監視方法を使用するためのグローバルメソッドを監視mapState計算された属性の計算方法を使用して:

次のようにログインに成功ジャンプした後、個々のセンターの機能を定義するには:

この方法の成功にコールバック関数を呼び出して、成功した要求をネットワーク、および以下のようにloginメソッドへのデータは、コールバック関数の値を返します。

ログイン方法index.jsファイルは、ローカルキャッシュに格納されたユーザデータの上を通過します。

アプリのアプリは、アプリケーションに入るとき、彼らはローカルキャッシュをクリアしないように、メソッドの定義は、ユーザデータは、ログの読み込み機能でローカルキャッシュから抽出された周期関数APP.vueファイルによって他に開いている各アプリケーションを聞いていませんでした状態は、次のように、ネットワークログオン要求を繰り返し開始する必要はありませんでしょうログイン時間:

おすすめ

転載: www.cnblogs.com/edward-life/p/11181139.html