chk
/
AppFlowy-Cloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: added logout

This commit is contained in:
Fu Zi Xiang 2023-10-10 13:02:41 +08:00
parent a293bd34ee
commit 427612b11f
No known key found for this signature in database
5 changed files with 90 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
admin_frontend/src/main.rs
View File

@ -5,7 +5,7 @@ mod templates;
mod web_api; mod web_api;
mod web_app; mod web_app;
use axum::Router; use axum::{response::Redirect, routing::get, Router};
#[tokio::main] #[tokio::main]
async fn main() { async fn main() {
@ -19,12 +19,13 @@ async fn main() {
let state = AppState { gotrue_client }; let state = AppState { gotrue_client };
let web_api_router = web_api::router().with_state(state.clone());
let web_app_router = web_app::router(); let web_app_router = web_app::router();
let web_api_router = web_api::router().with_state(state);
let app = Router::new() let app = Router::new()
.nest_service("/web-api", web_api_router) .route("/", get(|| async { Redirect::permanent("/web") }))
.nest_service("/", web_app_router); .nest_service("/web", web_app_router)
.nest_service("/web-api", web_api_router);
axum::Server::bind(&"0.0.0.0:3000".parse().unwrap()) axum::Server::bind(&"0.0.0.0:3000".parse().unwrap())
.serve(app.into_make_service()) .serve(app.into_make_service())

4
admin_frontend/src/templates.rs
View File

@ -3,3 +3,7 @@ use askama::Template;
#[derive(Template)] #[derive(Template)]
#[template(path = "login.html")] #[template(path = "login.html")]
pub struct Login; pub struct Login;
#[derive(Template)]
#[template(path = "home.html")]
pub struct Home;

20
admin_frontend/src/web_app.rs
View File

@ -2,7 +2,7 @@ use crate::error::RenderError;
use askama::Template; use askama::Template;
use axum::response::Result; use axum::response::Result;
use axum::{response::Html, routing::get, Router}; use axum::{response::Html, routing::get, Router};
use axum_extra::extract::cookie::{Cookie, CookieJar}; use axum_extra::extract::cookie::CookieJar;
use crate::templates; use crate::templates;
@ -11,17 +11,15 @@ pub fn router() -> Router {
.route("/", get(home_handler)) .route("/", get(home_handler))
.route("/home", get(home_handler)) .route("/home", get(home_handler))
.route("/login", get(login_handler)) .route("/login", get(login_handler))
// for testing and debugging
.route("/setcookie", get(set_cookie_handler))
.route("/resetcookie", get(reset_cookie_handler))
} }
pub async fn home_handler(cookies: CookieJar) -> Result<Html<String>, RenderError> { pub async fn home_handler(cookies: CookieJar) -> Result<Html<String>, RenderError> {
println!("cookies: {:?}", cookies);
let access_token = cookies.get("access_token"); let access_token = cookies.get("access_token");
match access_token { match access_token {
Some(access_token) => Ok(Html(access_token.to_string())), // TODO: render home page Some(access_token) => {
let s = templates::Home {}.render()?;
Ok(Html(s))
},
None => login_handler().await, None => login_handler().await,
} }
} }
@ -30,11 +28,3 @@ pub async fn login_handler() -> Result<Html<String>, RenderError> {
let s = templates::Login {}.render()?; let s = templates::Login {}.render()?;
Ok(Html(s)) Ok(Html(s))
} }
pub async fn set_cookie_handler(jar: CookieJar) -> CookieJar {
jar.add(Cookie::new("access_token", "test"))
}
pub async fn reset_cookie_handler(jar: CookieJar) -> CookieJar {
jar.remove(Cookie::new("access_token", ""))
}

20
admin_frontend/templates/home.html Normal file
View File

@ -0,0 +1,20 @@
<!doctype html>
<html lang="en">
<body>
<h1>Welcome to the Home Page</h1>
<button id="logoutBtn">Logout</button>
<script>
document
.getElementById("logoutBtn")
.addEventListener("click", function () {
// Remove the cookie by setting its value to an empty string and its expiry date to the past.
document.cookie =
"access_token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
// Redirect to the login page.
window.location.href = "/web/login";
});
</script>
</body>
</html>

31
admin_frontend/templates/login.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html> <html>
<body> <body>
<h1>Admin Login</h1> <h1>Admin Login</h1>
<form id="loginForm"> <form id="loginForm">
@ -26,19 +26,21 @@
<div id="response"></div> <div id="response"></div>
<script> <script>
document.getElementById('submitBtn').addEventListener('click', function () { document
.getElementById("submitBtn")
.addEventListener("click", function () {
var data = { var data = {
email: document.getElementById('email').value, email: document.getElementById("email").value,
password: document.getElementById('password').value password: document.getElementById("password").value,
}; };
fetch('/web-api/login', { fetch("/web-api/login", {
method: 'POST', method: "POST",
headers: { headers: {
'Content-Type': 'application/json', "Content-Type": "application/json",
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}) })
.then(response => { .then((response) => {
if (!response.ok) { if (!response.ok) {
// If HTTP status code is not OK, throw an error with the status text // If HTTP status code is not OK, throw an error with the status text
throw Error(response.statusText); throw Error(response.statusText);
@ -46,17 +48,18 @@
// Parse the JSON response // Parse the JSON response
return response.json(); return response.json();
}) })
.then(data => { .then((data) => {
// Set the token as a cookie // Set the token as a cookie
document.cookie = "access_token=" + data.data.access_token + "; path=/"; document.cookie =
window.location.href = "/home"; "access_token=" + data.data.access_token + "; path=/";
window.location.href = "/";
}) })
.catch((error) => { .catch((error) => {
console.error('Error:', error); console.error("Error:", error);
document.getElementById('response').innerText = 'Login failed: ' + error.message; document.getElementById("response").innerText =
"Login failed: " + error.message;
}); });
}); });
</script> </script>
</body> </body>
</html> </html>