rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: init auth cookies

Browse source
This commit is contained in:
swve 2022-09-22 23:48:51 +02:00
parent 8cc727e309
commit 9479a4b127
5 changed files with 27 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/pages/login.tsx
View file

@ -1,7 +1,7 @@
import React from "react";
import Layout from "../components/ui/layout";
import { Title } from "../components/ui/styles/title";
import { loginAndGetToken } from "../services/auth";
import { loginAndGetToken } from "../services/auth/auth";
const Login = () => {
const [email, setEmail] = React.useState("");

2
front/pages/signup.tsx
View file

@ -1,7 +1,7 @@
import React from "react";
import Layout from "../components/ui/layout";
import { Title } from "../components/ui/styles/title";
import { signup } from "../services/auth";
import { signup } from "../services/auth/auth";
const SignUp = () => {
const [email, setEmail] = React.useState("");

13
front/services/auth.ts → front/services/auth/auth.ts
View file

@ -1,4 +1,4 @@
import { getAPIUrl } from "./config";
import { getAPIUrl } from "../config";
interface LoginAndGetTokenResponse {
access_token: "string";
@ -9,7 +9,7 @@ interface LoginAndGetTokenResponse {
export async function loginAndGetToken(username: string, password: string): Promise<LoginAndGetTokenResponse> {
// Request Config
const HeadersConfig = new Headers({ "Content-Type": "application/x-www-form-urlencoded", Origin: "http://localhost:3000" });
const HeadersConfig = new Headers({ "Content-Type": "application/x-www-form-urlencoded" , Origin: "http://localhost:3000" });
const urlencoded = new URLSearchParams({ username: username, password: password });
const requestOptions: any = {
@ -17,11 +17,13 @@ export async function loginAndGetToken(username: string, password: string): Prom
headers: HeadersConfig,
body: urlencoded,
redirect: "follow",
credentials: "include",
};
return fetch(`${getAPIUrl()}auth/token`, requestOptions)
.then((result) => result.json())
.catch((error) => console.log("error", error));
// fetch using await and async
const response = await fetch(`${getAPIUrl()}auth/token`, requestOptions);
const data = await response.json();
return data;
}
export async function getUserInfo(token: string): Promise<any> {
@ -30,6 +32,7 @@ export async function getUserInfo(token: string): Promise<any> {
method: "GET",
headers: HeadersConfig,
redirect: "follow",
credentials: "include"
};
return fetch(`${getAPIUrl()}auth/users/me`, requestOptions)