feat(rulib): token check
This commit is contained in:
@@ -29,6 +29,18 @@
|
||||
Вход
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flex flex-row gap-3">
|
||||
<button
|
||||
type="button"
|
||||
(click)="checkToken()"
|
||||
class="hover:bg-slate-600 bg-slate-400 p-3 rounded-md text-white"
|
||||
>
|
||||
Проверить токен
|
||||
</button>
|
||||
<h3 class="self-center">{{ isRuLibAuth ? "Авторизован" : "Не авторизован" }}</h3>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -15,6 +15,7 @@ import { EAuthTokenService } from "./enum";
|
||||
export class AuthComponent implements AfterViewInit, OnDestroy {
|
||||
private destroy$ = new Subject<void>();
|
||||
@ViewChild("libSocialToken") libSocialToken: ElementRef<HTMLInputElement> | null = null;
|
||||
isRuLibAuth = false;
|
||||
constructor(
|
||||
private route: ActivatedRoute,
|
||||
private router: Router,
|
||||
@@ -40,6 +41,15 @@ export class AuthComponent implements AfterViewInit, OnDestroy {
|
||||
}
|
||||
}
|
||||
|
||||
checkToken() {
|
||||
this.rulibAuthService
|
||||
.checkToken(this.rulibAuthService.getToken())
|
||||
.pipe(takeUntil(this.destroy$))
|
||||
.subscribe((data) => {
|
||||
this.isRuLibAuth = data;
|
||||
});
|
||||
}
|
||||
|
||||
ngAfterViewInit(): void {
|
||||
this.route.queryParams.pipe(takeUntil(this.destroy$)).subscribe((params) => {
|
||||
const { token, service } = params;
|
||||
@@ -50,6 +60,7 @@ export class AuthComponent implements AfterViewInit, OnDestroy {
|
||||
if (this.libSocialToken) {
|
||||
this.libSocialToken.nativeElement.value = this.rulibAuthService.getToken();
|
||||
}
|
||||
this.checkToken();
|
||||
}
|
||||
ngOnDestroy(): void {
|
||||
this.destroy$.next();
|
||||
|
||||
@@ -1,15 +1,41 @@
|
||||
import { Injectable } from "@angular/core";
|
||||
import { HttpClient } from "@angular/common/http";
|
||||
import { Injectable, OnDestroy } from "@angular/core";
|
||||
import { Observable, Subject, catchError, map, of, takeUntil } from "rxjs";
|
||||
@Injectable({
|
||||
providedIn: "root",
|
||||
})
|
||||
export class RulibAuthService {
|
||||
export class RulibAuthService implements OnDestroy {
|
||||
private destroy$ = new Subject<void>();
|
||||
private api_url = "https://api.lib.social";
|
||||
constructor(private http: HttpClient) {}
|
||||
|
||||
setToken(token: string) {
|
||||
this.checkToken(token)
|
||||
.pipe(takeUntil(this.destroy$))
|
||||
.subscribe((data) => {
|
||||
if (!data) return;
|
||||
localStorage.setItem("token", token);
|
||||
});
|
||||
}
|
||||
|
||||
getToken(): string {
|
||||
return localStorage.getItem("token") ?? "";
|
||||
}
|
||||
|
||||
//TODO: Проверка токена
|
||||
checkToken(token: string): Observable<boolean> {
|
||||
return this.http
|
||||
.get(this.api_url + "/api/auth/me", {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
})
|
||||
.pipe(
|
||||
takeUntil(this.destroy$),
|
||||
map(() => true),
|
||||
catchError(() => of(false)),
|
||||
);
|
||||
}
|
||||
|
||||
ngOnDestroy(): void {
|
||||
this.destroy$.next();
|
||||
this.destroy$.complete();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user