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

Merge pull request #520 from AppFlowy-IO/open_appflowy_or_download 

Open appflowy or download
This commit is contained in:
Zack 2024-05-04 17:08:37 +08:00 committed by GitHub
parent 0284e5b694 e145144ce7
commit 36bd79640f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 47 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
admin_frontend/src/web_app.rs
View File

@ -28,6 +28,10 @@ fn page_router() -> Router<AppState> {
.route("/login", get(login_handler))
.route("/login-callback", get(login_callback_handler))
.route("/login-callback-query", get(login_callback_query_handler))
.route(
"/open-appflowy-or-download",
get(open_appflowy_or_download_handler),
)
.route("/home", get(home_handler))
.route("/admin/home", get(admin_home_handler))
}
@ -54,6 +58,10 @@ fn component_router() -> Router<AppState> {
.route("/admin/sso/:sso_provider_id", get(admin_sso_detail_handler))
}
async fn open_appflowy_or_download_handler() -> Result<Html<String>, WebAppError> {
render_template(templates::OpenAppFlowyOrDownload {})
}
async fn login_callback_handler() -> Result<Html<String>, WebAppError> {
render_template(templates::LoginCallback {})
}

47
admin_frontend/templates/pages/open_appflowy_or_download.html
View File

@ -1,15 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<!-- Derive from https://gist.github.com/mcxiaoke/c2dd7d24c31c5bd2d724/ -->
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<title>AppFlowy</title>
<script>
window.onload = function () {
window.location = 'appflowy-flutter://';
};
</script>
</head>
<body>
<!-- iframe used for attempting to load a custom protocol -->
<iframe style="display:none" height="0" width="0" id="loader"></iframe>
<script>(function(){
// For desktop browser, remember to pass though any metadata on the link for deep linking
var fallbackLink = 'https://appflowy.io/download/'+window.location.search+window.location.hash;
// Simple device detection
var isiOS = navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone') || navigator.userAgent.match('iPod'),
isAndroid = navigator.userAgent.match('Android');
// Mobile
if (isiOS || isAndroid) {
// Load our custom protocol in the iframe, for Chrome and Opera this burys the error dialog (which is actually HTML)
// for iOS we will get a popup error if this protocol is not supported, but it won't block javascript
document.getElementById('loader').src = 'appflowy-flutter://'+window.location.search+window.location.hash;
// The fallback link for Android needs to be https:// rather than market:// or the device will try to
// load both URLs and only the last one will win. (Especially FireFox, where an "Are You Sure" dialog will appear)
// on iOS we can link directly to the App Store as our app switch will fire prior to the switch
// If you have a mobile web app, your fallback could be that instead.
fallbackLink = isAndroid ? 'https://play.google.com/store/apps/details?id=io.appflowy.appflowy' :
'https://testflight.apple.com/join/6CexvkDz' ;
}
// Now we just wait for everything to execute, if the user is redirected to your custom app
// the timeout below will never fire, if a custom app is not present (or the user is on the Desktop)
// we will replace the current URL with the fallbackLink (store URL or desktop URL as appropriate)
window.setTimeout(function (){ window.location.replace(fallbackLink); }, 1);
})();</script>
<h1>Opening AppFlowy</h1>
<p>If AppFlowy does not open, you can click <a href="appflowy-flutter://">here</a> to launch the app.</p>
<p>If AppFlowy is not installed, you can <a href="https://appflowy.io/download">download AppFlowy manually</a>.</p>