Piped | 利用Docker-compose搭建YouTube开源替代前端

前言#

今天在翻lala的博客旧文的时候发现了Yotter，一个Youtube/Twitter替代前端。想起bgme站长搭建过Nitter（Twitter替代前端），为了隐私友好就想搭建一个类似的平台。不过Yotter项目正好在几月前停止维护了，这时我发现了Piped，遂有此文。

通常情况下这类开源前端都是及其重视隐私的，而且都鼓励自托管，Piped也不例外。关于隐私方面的更多介绍请看Why did I create Piped?。对于没有技术基础/没有条件自托管的朋友，开发者也提供了自己的服务：https://piped.kavin.rocks/。

搭建过程#

首先安装git，docker和docker-compose等必要工具：

1
apt -y update
2
apt -y install curl nginx python-certbot-nginx
3
curl -sSL https://get.docker.com/ | sh
4
systemctl start docker
5
systemctl enable docker nginx
6
curl -L "https://github.com/docker/compose/releases/download/v2.2.3/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
7
#以v2.2.3为例，这里替换为最新版本
8
chmod +x /usr/local/bin/docker-compose
9
apt install git-all

在任意目录下运行git clone https://github.com/TeamPiped/Piped-Docker && cd Piped-Docker下载必要配置文件并跳转至文件夹，其中包含docker-compose.yml。

运行文件夹中的脚本：

1
./configure-instance.sh

按顺序填写三个域名：

1
piped.yourdomain.com   #前端域名
2
pipedapi.yourdomain.com   #后台域名
3
pipedproxy.yourdomain.com   #代理域名

然后填写代理方式，填写caddy或nginx。由于nginx我比较熟悉所以我选用nginx。

应答流程结束。

虽然此时直接运行docker-compose up -d即可一步搭建，但安全起见先编辑一下docker-compose.yml文件：

1
nano docker-compose.yml

可能需要改动两个内容：数据库密码以及端口号。贴一下我的配置，注意看注释部分即可，不能直接抄：

1
services:
2
    pipedfrontend:
3
        image: 1337kavin/piped-frontend:latest
4
        restart: unless-stopped
5
        depends_on:
6
            - piped
7
        container_name: piped-frontend
8
        entrypoint: ash -c 'sed -i s/pipedapi.kavin.rocks/pipedapi.yourdomain.com/g /usr/share/nginx/html/js/* && /docker-entrypoint.sh && nginx -g "daemon off;"'
9
    ytproxy:
10
        image: 1337kavin/ytproxy:latest
11
        restart: unless-stopped
12
        volumes:
13
            - ytproxy:/app/socket
14
        container_name: ytproxy
15
    piped:
16
        image: 1337kavin/piped:latest
17
        restart: unless-stopped
18
        volumes:
19
            - ./config/config.properties:/app/config.properties:ro
20
        depends_on:
21
            - postgres
22
        container_name: piped-backend
23
    varnish:
24
        image: varnish:7.0-alpine
25
        restart: unless-stopped
26
        volumes:
27
            - ./config/default.vcl:/etc/varnish/default.vcl:ro
28
        container_name: varnish
29
        depends_on:
30
            - piped
31
        healthcheck:
32
            test: ash -c "wget --no-verbose --tries=1 --spider 127.0.0.1:80/trending?region=US || (varnishreload && exit 1)"
33
            interval: 10s
34
            timeout: 10s
35
            retries: 1
36
    nginx:
37
        image: nginx:mainline-alpine
38
        restart: unless-stopped
39
        ports:
40
            - "8080:80"  #8080为对外开放端口，如果8080端口已使用请改为其他任意可用端口
41
        volumes:
42
            - ./config/nginx.conf:/etc/nginx/nginx.conf:ro
43
            - ./config/pipedapi.conf:/etc/nginx/conf.d/pipedapi.conf:ro
44
            - ./config/pipedproxy.conf:/etc/nginx/conf.d/pipedproxy.conf:ro
45
            - ./config/pipedfrontend.conf:/etc/nginx/conf.d/pipedfrontend.conf:ro
46
            - ./config/ytproxy.conf:/etc/nginx/snippets/ytproxy.conf:ro
47
            - ytproxy:/var/run/ytproxy
48
        container_name: nginx
49
        depends_on:
50
            - piped
51
            - varnish
52
            - ytproxy
53
            - pipedfrontend
54
    postgres:
55
        image: postgres:13-alpine
56
        restart: unless-stopped
57
        volumes:
58
            - ./data/db:/var/lib/postgresql/data
59
        environment:
60
            - POSTGRES_DB=piped
61
            - POSTGRES_USER=piped
62
            - POSTGRES_PASSWORD=yourpassw0rd  #数据库密码
63
        container_name: postgres
64
    watchtower:
65
        image: containrrr/watchtower
66
        restart: always
67
        volumes:
68
            - /var/run/docker.sock:/var/run/docker.sock
69
            - /etc/timezone:/etc/timezone:ro
70
        environment:
71
            - WATCHTOWER_CLEANUP=true
72
            - WATCHTOWER_INCLUDE_RESTARTING=true
73
        container_name: watchtower
74
        command: piped-frontend piped-backend ytproxy varnish nginx postgres watchtower
75
volumes:
76
    ytproxy:

随后运行docker-compose up -d，Piped就搭好了。此时还不算完成，需要为Piped添加反向代理。

Nginx反向代理#

首先去DNS服务商添加一条指向服务器ip，内容为域名的A记录，然后回到服务器运行以下命令：

1
sudo -i   #切换至root用户
2
apt install nginx -y    #安装nginx
3
apt install snapd
4
snap install core   #安装snap
5
snap install certbot --classic  #使用snap安装certbot

由于服务器中已经有nginx容器，那么只需要将虚拟机内的端口映射到主机端口。运行nano /etc/nginx/conf.d/piped.conf，内容如下：

1
server {
2
    listen 80;
3
    server_name piped.yourdomain.com pipedapi.yourdomain.com pipedproxy.yourdomain.com;  #填写自己设置的三个域名，以空格分开
4

5
    location / {
6
       proxy_pass http://127.0.0.1:8080;   #8080改为对外开放端口
7
       proxy_set_header Host $host;
8
    }
9
}

测试配置文件是否有错误（试运行）：

1
nginx -t

若没有错误，生效新的配置文件并运行 Nginx，开机启动：

1
nginx -s reload
2
systemctl start nginx
3
systemctl enable nginx

运行sudo certbot --nginx获取SSL证书。

使用#

Piped支持以HTML语法嵌入视频，以PizaCG的Unknown Mother-Goose这支影片为例，将src项设为https://piped.yourdomain.com/embed/r9V5gy-s2J0即可嵌入视频。例如https://piped.kavin.rocks/embed/r9V5gy-s2J0。

在Hugo博客中，可以使用短代码嵌入视频。在/root/layouts/shortcode/下新建piped.html，写入内容：

1
<div><iframe id="piped-player" src="https://piped.kavin.rocks/embed/{{ index .Params 0 }}" scrolling="no" frameborder="no" allowfullscreen="true" autoplay="0"> </iframe></div>
2
<style>
3
    // 嵌入piped视频
4
    #piped-player {
5
        width: 100%;
6
        height: 355px;   //按需调整高度
7
    }
8

9
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
10
        #piped-player {
11
            width: 100%;
12
            height: 200px;   //按需调整高度（移动端）
13
        }
14
    }
15
</style>

用法：找到你喜欢的视频，复制链接中embed/后的内容，例如r9V5gy-s2J0，然后在markdown中输入：

1
{{< piped r9V5gy-s2J0 >}}