Nginx手动实现短链接 - wuuconix's blog

wuuconix

发布于 2023-03-16 15:54:21

9940

发布于 2023-03-16 15:54:21

文章被收录于专栏：wuuconix

背景

有时候想要给同学分享一个链接，但是这个链接可能很长，就显得很难看。

以前我的解决办法是新建一个子域名，然后再Nginx配置文件里 rewrite 到那个链接。效果如下。

graph LR
1(("用户"))
2[("跳转到武丑兄的github页面<br>https://github.com/wuuconix")]
3[("跳转到武丑兄的dockerhub页面<br>https://hub.docker.com/u/wuuconix")]
1--"通过git.wuucoinx.link"-->2
1--"通过docker.wuucoinx.link"-->3

实现主要利用的Nginx配置文件中的rewrite重写url。以下是 git.wuuconix.link 的配置文件。

server
{
   listen 443 ssl;# https 监听的是 443端口
   server_name  git.wuuconix.link;
 
   keepalive_timeout 100;
 
   ssl_session_cache   shared:SSL:10m;
   ssl_session_timeout 10m;
 
   ssl_certificate /etc/nginx/ssl-link/fullchain.crt; # 证书路径
   ssl_certificate_key /etc/nginx/ssl-link/private.pem; # 请求认证 key 的路径

   ssl_protocols TLSv1.1 TLSv1.2;
   ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
   ssl_prefer_server_ciphers on;
   ssl_session_cache shared:SSL:10m;
   
   rewrite ^(.*) https://github.com/wuuconix permanent;
}

server
{
   listen 80;
   server_name  git.wuuconix.link;
   rewrite ^(.*) https://$server_name$1 permanent;
}

但是随着需要需求的增加，二级域名已经变得难以满足了。

实际上之前我子托管过 YOURLS ，Vaala还向我推荐过 kutt，但是我鉴于容器开起来需要占用资源，像YOURLS开需要开配套的数据库，很麻烦。

所以我便想用功能强大的Nginx手动实现一个满足实际需求的短链生成器。

实现过程

首先我预期实现的目标类似下图。

graph LR
1(("用户"))
2[("跳转到fomantic-UI文档<br>https://fomantic-ui.com/")]
3[("跳转到mermaid在线编辑器<br>https://mermaid-js.github.io/mermaid-live-editor")]
1--"通过url.wuuconix.link/fomantic"-->2
1--"通过url.wuuconix.link/mermaid"-->3

这和之前用子域名来区分跳转的服务不同，现在是用着同一个子域名，即 url.wuuconix.link。

只不过是通过域名后面的路径来确定不同的跳转对象的。

经过搜索，发现Nginx中的 Location就能很好的实现功能。例子如下。

server
{
   listen 443 ssl;# https 监听的是 443端口
   server_name  url.wuuconix.link;
 
   keepalive_timeout 100;
 
   ssl_session_cache   shared:SSL:10m;
   ssl_session_timeout 10m;
 
   ssl_certificate /etc/nginx/ssl-link/fullchain.crt; # 证书路径
   ssl_certificate_key /etc/nginx/ssl-link/private.pem; # 请求认证 key 的路径

   ssl_protocols TLSv1.1 TLSv1.2;
   ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
   ssl_prefer_server_ciphers on;
   ssl_session_cache shared:SSL:10m;
   
   location / {
      root /var/www/url;
      index index.html;
   }
 
   location = /mermaid {
      rewrite ^(.*) https://mermaid-js.github.io/mermaid-live-editor/ permanent;
   }
   
   location = /fomantic-ui {
      rewrite ^(.*) https://fomantic-ui.com/ permanent;
   }
}

server
{
   listen 80;
   server_name  url.wuuconix.link;
   rewrite ^(.*) https://$server_name$1 permanent;
}

存在的问题

这样手动写貌似有点慢，最好能有一个程序接收我的长链接和我需要的短链接，然后自动帮我把配置文件写好。
缺少一个导航页，我很可能自己都忘记短链接有哪些，到时候分享给同学就很狼狈。

改进

我写了一个python脚本，在终端接收我的长短链接，然后自动帮我设置。

此外我还写了个简单的导航。https://url.wuuconix.link

当然了，python脚本也会去实时跟新导航页的内容。

import sys
import random

def readFromFile(filename:str)->str:
    with open(filename, "r") as f: #读文件
        string = f.read()
        return string

def writeToFile(filename:str, content:str):
    with open(filename, "w") as f: #读文件
        f.write(content)

short = sys.argv[1]
url = sys.argv[2]
description = sys.argv[3]

rand = 1 if random.randint(0, 65535) % 2 == 0 else 2 #随机添加到 左边还是右边

patternForConf = "\n   location = /" + short +  " {\n      rewrite ^(.*) " + url + " permanent;\n   }\n   #continue"
patternForHtml  = '<div class="item">\n' \
                + " " * 20 + '<i class="map marker icon"></i>\n' \
                + " " * 20 + '<div class="content">\n' \
                + " " * 24 + f'<a class="header" href="https://url.wuuconix.link/{short}" target="_blank">' + f"https://url.wuuconix.link/{short}" + '</a>\n' \
                + " " * 24 + '<div class="description">' + description + '</div>\n' \
                + " " * 20 + '</div>\n' \
                + " " * 16 + '</div>\n' \
                + " " * 16 + f'<!-- continue{rand} -->'

filenameConf = "/etc/nginx/sites-enabled/url.wuuconix.link.conf"
filenameGuide = "/var/www/url/index.html"

conf = readFromFile(filenameConf)
conf = conf.replace("#continue", patternForConf)
writeToFile(filenameConf, conf)

htmls = readFromFile(filenameGuide)
htmls = htmls.replace(f"<!-- continue{rand} -->", patternForHtml)
writeToFile(filenameGuide, htmls)