website/public/projekte/urlkuerzer1.html

43 lines
No EOL
2.7 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html >
<html lang="de">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title></title>
<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<jl-header data-title="URL Kürzer V1"></jl-header>
<div id="content">
<h2><span style="color: #ff0000;">Du betrachtest Version 1. Zu Version 2 geht es <a href="/projekte/urlkuerzer2.html"
style="color: #ff0000;">hier</a></span>
</h2>
<h2> </h2>
<p>Da Google seinen URL kürzer leider einstellt (vgl. <a
href="https://developers.googleblog.com/2018/03/transitioning-google-url-shortener.html">https://developers.googleblog.com/2018/03/transitioning-google-url-shortener.html</a> ),
habe ich mir das Ziel genommen selber einen schnellen URL kürzer ohne Werbung (wie z.b. <a
href="https://adf.ly/">adf.ly</a>) zu schreiben. Zum Einsatz kommt dabei PHP für das Frontend Python für
die SQL abfragen und MySQL als Datenbank.</p>
<p>Wenn ihr den Quellcode verwenden wollt müsst ihr in eurem Webserver noch ein Alias konfigurieren. Für Apache
würde dieser beispielhaft folgendermaßen lauten:</p>
<p><em>AliasMatch "^/(.*)" "/var/www/url_shorter/index.php"</em></p>
<p>Der Kürzer ist unter <a href="https://kurz.ml">kurz.ml</a> erreichbar.</p>
<p><jl-img src="/img/projekte/URL-kuerzer1.png"></jl-img></p>
<p><strong>Update:</strong> Da das alte Design nicht besonders schön aussah habe ich mich dazu entschlossen ein
neues Design zu verwenden, welches jetzt auf <a href="https://getbootstrap.com/">Bootstrap</a> basiert. Das
Design ist <a href="https://kurz.ml/design">hier</a> zu finden. Für die Benachrichtigungen unten rechts habe ich
das <a href="https://github.com/kamranahmedse/jquery-toast-plugin">jquery-toast-plugin</a> von kamranahmedse
verwendet. Desweiteren kann man sich in der neuen Version auch einen Link selber aussuchen. Die Weiterleitung
blieb gleich wie vorher, dass heißt die alten links bleiben weiterhin bestehen und werden auch in Zukunft noch
funktionieren. Eine weitere Anpassung, welche noch gemacht werden muss ist, dass er files Ordner auf einen
anderen (sub)domain ausgelagert werden muss und in der index.php angepasst werden muss.</p><br>
<button onclick="window.location.href='/API/getFile.php?filename=files/shorter.zip';">Download</button>
<h2>Kommentare:</h2>
<jl-comments_display></jl-comments_display>
<jl-new_comment id="newComment"></jl-new_comment>
</div>
<jl-footer></jl-footer>
<script src="/js/script.js"></script>