1.以下のコードは、ページの構成要求企業マイクロ文字で書かれています
(){搭載 // マイクロチャネル要求コードを取得 LETコードを= この$のroute.query.code ;. IF (コード){ この; .loginwx(コード) } } 非同期loginwx(コード){
//コードを送信しますバックエンドは確認しない 待つ、この。$のstore.dispatch({ :タイプの「アプリケーションがloginwx /」、 データ:{ AuthProvider:「EnterpriseWechat」は、// AbpZero認証サードパーティのログイン名、独自の定義は(バックエンドの定義と一致する必要がありますが) providerKey:コード、 providerAccessCode:コード } }); location.reload(); }
2. app.tsアプリ/ loginwxアクションを増やします
(:するactionContext <AppState、どの>コンテンツ非同期をloginwx 、ペイロード:任意の){
// ABPを達成した第三位ができ、この方法当社の直接訪問 / APIを/ TokenAuth / ExternalAuthenticate
REPましょう =のawaitのajax.postを(「/ API / TokenAuth / ExternalAuthenticate」、payload.data)。
VAR tokenExpireDate = payload.data.rememberMe?(新しい日付(新しい日付()getTime()+ 1000年*。rep.data.result.expireInSeconds)):未定義;
Util.abp.auth.setToken(rep.data.result.accessToken、tokenExpireDate)。
Util.abp.utils.setCookieValue(appconst.authorization.encrptedAuthTokenName、rep.data.result.encryptedAccessToken、tokenExpireDate、Util.abp.appPath)
}、
我々は良いフロントエンドが終了しました。