Skip to content
Snippets Groups Projects
urlkuerzer1.html 2.74 KiB
Newer Older
  • Learn to ignore specific revisions
  • <!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"
    
    Jonas Leder's avatar
    Jonas Leder committed
                                                                                            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>
    
    Jonas Leder's avatar
    Jonas Leder committed
        <p><img src="/API/getFile.php?filename=img/URL-kuerzer1.png"></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>
    
        <a href="/API/getFile.php?filename=files/shorter.zip">
    
            <button>Download</button>
        </a>
        <h2>Kommentare:</h2>
        <jl-comments_display></jl-comments_display>
        <jl-new_comment id="newComment"></jl-new_comment>
    </div>
    <jl-footer></jl-footer>
    
    
    <script async defer src='https://hCaptcha.com/1/api.js'></script>
    
    <script src="/js/script.js"></script>