[網頁開發] 小工具-短網址服務

因為有想過要嵌入一些媒體到我的Blog，但很多時候那些原始連結又會太長，於是，我就想說創建一個短網址服務供我自己使用。(是說shi6a.com好像沒多短，但畢竟是我熟悉的英文暱稱嘛)

總之效果圖如下：

後端是php的開源專案 Yourl，簡單地用ajax呼叫API，胡亂抄一個頁面(畢竟我沒有美工能力。

ajax代碼

$.ajax({
        url:'https://api-site/yourls-api.php',
        data: {
            signature: your signature,
            action: "shorturl",
            url: string,
            format: "json"
        },
        method: 'GET',
        dataType: 'json',
        contentType: 'application/json',
        success: (data)=>{
             console.log(data.shorturl);
             //輸出已縮短的網址
        }
    });

TODO

• 生成QR code(食如雞肋，棄之可惜)
• 一鍵分享(但現在會直接複製到剪貼簿，這功能不是很必要)
• 單一短連結後台
• 加強安全性(下面這兩個等人多再弄ㄅ)

後記

當時有想過說signature要加鹽啦，但純前端這樣好像也沒什麼意義，這服務應該只有我在用而已。

如果未來有機會(可能用的人多了？)再弄個php或node.js的後端來做個Server吧！