43 lines
2.7 KiB
HTML
43 lines
2.7 KiB
HTML
<!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> |