得益於先進的 LLM 技術，大約花了四小時就寫好了這個 bot，調試 CI 和 Rust 的 Cross Compile 之類的反而花了我整整一天 XD

感覺用 Python 寫的話早就寫完了，反正也不是什麼很需要效能的東西。

不過 Rust 寫起來確實很舒服，編譯過了基本上就沒問題了，不像 Python 那樣需要一直調試。

BTW sqlx 在編譯期居然需要一個 Live Database Connection 才能編譯，不然就要想辦法給他一個 preparation cache，在 Cross Compile 的時候這問題還蠻難 debug 的 (他會一直卡在那邊)，後面想想覺得不對通靈通出來的，好難用 :<

InvitationBot

–

開始上班之後就沒什麼精力寫技術向的東西了，這篇也蠻亂的，比較像心情記錄，就當作是雜談吧。

祝大家 2025 新年快樂 ：）

由於手賤多買了一台伺服器，現在家裡一共有三台 Server 在跑，於是決定將三台組成 Ceph，提供更彈性的磁碟使用方法和更高的容錯備援。

安裝

系統規劃如下：

• 三台都是 Proxmox VE
• 使用 cephadm 而不是 PVE 內建的 ceph
• 有兩台必須用 USB 開機引導至 SSD，有一台則可以原生 SSD 開機
  • 舊一點的機器不支援 PCIe / NVMe 開機
  • 兩台機器都有 Internal USB Port，我猜就是拿來這樣用的

轉移流程：

• 將原先兩台 PVE 的 CT 和 VM 備份到兩顆硬碟中
• 關機、整線、上新機器
• 補 RAM、插 10G 網卡、補 SSD、插網路線
  • 因為只有三台，所以決定買有雙口的 10G 網卡組成環。
• 補硬碟
• 刷 HBA
  • 將原本只有 RAID 模式的 RAID 卡刷成 HBA 模式
• 裝系統
• 處理引導
• 裝 cephadm
• 將硬碟加入 ceph
• 蓋 Pool
• 還原 ct 和 vm
• 將還原用的硬碟 Wipe 掉以加入 ceph
• 等重新平衡完成

雷

systemd-boot

在 裝系統 和 處理引導 這兩個步驟時，我們卡了好幾個小時 –

因為要使 Proxmox 能用 USB 開機，我們得使用 systemd-boot 的引導方式。

而 systemd-boot 不喜歡 lvm – 這會使得傳統的 ext4 安裝 PVE 無法使用 systemd-boot，就算將引導安裝好了，開機的時候他也會找不到 pool 因此無法開機。

解決方法是安裝在一個 Single Disk 的 ZFS(RAID0) 上。

詳細的安裝流程我有寫在 gist 上，有興趣的同學可以參閱。

NAS

目的

由於原先 NAS 是安裝在 VM 裡的 Xpenology，硬碟部分是直接通了一個 10T 的 Block，在轉移到 Ceph 的 RBD 上時花了相當多的時間。

確認資料都還在之後，就一直在考慮要不要把裡面的資料轉到 rgw 或是 CephFS 上之類的再掛進 NAS，這樣以後要重裝或是資料轉移的時候就不用處理整個 Block Device，應該會省事很多。

希望不受影響的功能

• Download Station
  • RSS 下載
    • 會自動幫我載 BT，然後放進指定的資料夾裡面
• Cloud Sync
  • 會自動幫我把資料 1:1 複製到 Cloud 上
• SMB
  • 區網要用
• NFS

方案

方案 1

首選的方案規劃是:

• Ceph 蓋一個 NAS CephFS
• NFS Export
• NAS 掛 NFS
• 將資料轉移至 NFS 上

不過在實作這個方案時遇到了一些問題:

1. Ceph 只支援 NFSv4.1+ 的 Export

DSM 只支援掛載 NFSv3 和 NFSv4，並不支援 NFSv4.1。
雖然嘗試過更改型號、系統升級、手動使用 mount 指令等等，不過都無功而返，掛不起來。

另外，也嘗試過令 Ceph 強迫 export NFSv3，確實掛的起來，不過寫入一陣子 NFS Server 就會死掉，非常不穩定。

2. NFS 的 Mount 並不支援 inotify 類的通知，因此 Cloud Sync 有高機率無法使用

由於通過網路掛載的磁碟系統寫入等的不一定會通過 kernel，因此 inotify 並不可靠，可以預想到 Cloud Sync 會無法使用。

因此此方案無法使用。

方案 2

方案 2 的規劃:

• Ceph 蓋一個 NAS CephFS
• 在 Proxmox VE 上 Mount 起來
• 使用 VirtFS (p9 folder sharing via VirtIO) 將 Folder share 給 DSM
• 在 DSM 內掛起來
• 將資料轉移至 Folder 上

不過在實作這個方案時也遇到了一些問題:

1. 在 DSM 內 p9 的 mount 有些問題

在確認過 DSM 有 p9 需要的相關 Kernel Module 後 (因為 vDSM 有需要，所以他們有內建)便開始實施這個計畫。
雖然成功將 Folder share 給 DSM 了，不過在 Mount 之後發現 Folder 有很奇怪的現象發生：

• 在 DSM 內可以看到 Folder 被 Mount 了，不過無法 ls，會出現 no such device or address 的錯誤。
• 也無法讀取檔案內容 (cat)，或是寫入檔案內容 echo > file
• touch 和 mkdir 等指令也會出錯
  • 不過可以在 host 確認確實有這個檔案/資料夾被新增，只是沒有內容。
• 但可以確認到在檔案被建立後，在 DSM 內 ls -d file 是可以確認到檔案的存在的

懷疑過是 CephFS 本身的鍋，因此改掛 NFS 並同樣 Share 給 VM，問題依舊。
也懷疑過是 Share 的 permission 問題，因此嘗試了 passthrough、mapped、none 等各種屬性，結果還是一樣。

這個問題試了一兩天都無法解決，因此此方案無法實現，否則這個方案應該是蠻漂亮的，可惜了。

方案 3

方案 3 的規劃:

• 棄用 DSM，改用 NextCloud
• NextCloud 用 External Storage 掛 S3
  • Ceph 蓋一個 rgw export 給 NextCloud
• 將資料轉移到 NextCloud 上

原先的服務:

• Download Station
  • 改用 NCDownloader (Aria2 + yt-dlp)
  • RSS 下載使用 FlexGet 實現
• Cloud Sync
  • 似乎無法達成
  • 有想過在一個 VM 內掛 s3fs 並使用 inotify 之類的監聽，rclone 到 remote
    • 不過老問題，這種遠端掛載的 fs 都不支援 inotify，何況 s3fs 並不是完整的檔案系統。
• SMB
  • 蓋一個 Samba VM，掛 s3fs 後 export
  • 或是直接用 Nextcloud App
• NFS
  • 由 Ceph Export

這個方案除了 Cloud Sync 不能用以外，應該還算堪用，因此我有先將一個 Nextcloud 架起來。

不過目前資料還沒搬上去，還在猶豫中，因為 Cloud Sync 不能用了真的很傷。

方案 4

方案 4 的規劃：

• 繼續用 DSM
• Download Station 的 Temp 用同一個 Block Device 太笨了
  • Replica 3/2，寫入放大會很嚴重
  • 改建 EC（k=2, m=1) 的 CephFS，用作 Download Station 的 Temp Dir

目前已經實裝完成，沒有甚麼大麻煩，不過問題還是沒解決，只舒緩了一點寫入放大的副作用而已。

目前還是希望有更好的方案出現，方案 3 有點笨。

一些失敗的方向

DSM 掛 s3fs

不行，s3fs-fuse 裝不起來。

DSM 掛 NFSv4.1

不知道問題出在哪，因為他有 NFSv4.1 的 Server ，不知道為什麼 NFS Client 沒有支援。

DSM 跑的是一個精簡的 debian，但我找不到問題在哪，也不敢亂裝東西。

不想嘗試的方向

rclone 掛 s3fs

感覺太不穩了

希望能找到解決 9p mount 的方法，不過上網查了很久沒有看到有人有相關的錯誤，一點頭緒都沒有。

有空的話應該會另外開一台 VM 來試到底是 export 有問題還是 DSM 的 mount 有問題。

後記

這篇文章本來沒打算打那麼長的，但一不小心就打了三千六百字，應該是第一篇分享那麼長的系統建置文章，好累。

這篇文章主要是紀錄在使用 jellyfin-plugin-sso 時踩到的小雷，不是完整的教學文章

環境

• Keycloak
• Jellyfin

使用的是 OIDC 方式。

雷

Role Claims

由於在文件中有提到:

roles: array of strings. This validates the SAML response against the Role attribute. If a user has any of these roles, then the user is authenticated. Leave blank to disable role checking.

所以我有設定 Roles 限制。

使用的是 KeyCloak 的 Client Role (Clients->[YOUR_OID]->Roles)

不過插件卻怎樣都抓不到這個 Token 裡面應該有提供的 Roles 列表(在 roleClaim 設定 Path)。

看了半小時才發現，他檢查的是 ID Token 而不是 Access Token。

因此需要在 KeyCloak 中加一個 Mapper (Clients->[YOUR_OID]->Mappers)

• Client ID: 選好
• Multivalued: ON
• Token Claim Name: 跟 roleClaim 一樣就可以了，我用的是 jellyfin_roles
• Claim JSON Type: String
• Add to ID token: ON
• Add to access token: OFF
• Add to userinfo: OFF

這樣 Jellyfin 應該就抓得到 Roles 了。

RouterOS 7 支援了 ZeroTier，不過僅在 ARM 裝置上支援，不失為一個遺憾。

研究了一下，利用同樣是 RouterOS 7 支援的 Container，成功使用 ZeroTier route 到內網，實現了一個好方便的 VPN owo

需求

• x86/CHR 且開啟 Container 功能的 RouterOS

目標

我們的目標是讓 ZeroTier 發放 10.121.125.128/26，並成功連接到 10.121.127.0/24 的內網。

RouterOS 為 10.121.127.0/24 的 Gateway。

RouterOS 與 ZeroTier Container 以 192.168.212.1/30 <-> 192.168.21.2/30 連接。

ZeroTier Container 預計會拿到 10.121.125.190/26 的 IP。

實作

首先，我們建立一個 vETH，用於連接 Container 與 ROS：

1
2

/interface/veth add address=192.168.212.2/30 gateway=192.168.212.1 name=zerotier
/ip/address add address=192.168.212.1/30 interface=zerotier

設定 NAT，讓 Container 可以上網。

1

/ip/firewall/nat add action=masquerade chain=srcnat dst-address=!10.121.127.0/24 src-address=192.168.212.2

設定 Static Route，讓 10.121.127.0/24 的設備回程走得通:

1

/ip/route add dst-address=10.121.125.128/26 gateway=192.168.212.2 routing-table=main

建立 Container:

1
2

/container/config set registry-url=https://registry-1.docker.io tmpdir=docker
/container add remote-image="zerotier/zerotier" interface=zerotier start-on-boot=yes

接著，我們要在 ZeroTier 上新增一個網路。

在 IPv4 Auto-Assign 選擇 Advanced，讓他發放 10.121.125.129 -> 10.121.125.190 的 IP。

在 Managed Routes Add Route。

接著，在 ROS 上執行

1
2

/container/shell <container id，第一次使用應該是 0>
zerotier-cli join <id>

應該就能在 ZeroTier 網站上看到設備加入。

手動指定 IP 為 10.121.125.190，就大功告成了！

此時另一台設備加入，應該就能連接到 10.121.127.0/24 的內網了，收工。

看了一下發現 這台路由器有很奇怪的行為 – 他會用他的 Ethernet MAC 以D0:05:2A:22:22:22 的名義要一個 DHCP

RouterOS 這時候會發 Lease 失敗，然後 Mesh 就會不開心 亮紅燈給你看，同時把 Wi-Fi 跟 Ethernet unbridge。

解決方法也很簡單，另外開一個 DHCP Server 發一個 Lease 給他，等亮藍燈再關掉 DHCP Server 就可以了。

前陣子 Leko 把筆電 (LG Gram 14Z980) 送修後，回來的筆電發現居然 TPM 不見了

進 BIOS 發現 TPM 那欄顯示 TPM Not Detected

還害我的 Windows 登不進去 :( (PIN 被 TPM 保護)

今天 Leko 找到找回 TPM 的方法了，網路上好像都沒有其他人有這問題，就記錄一下

步驟

進 BIOS 後，按 Ctrl + Alt + F7 可以開啟隱藏設定

然後 Advanced->Intel Advanced Menu->PCH-FW Configuration->PTT Configuration->TPM Device Selection 選擇 PTT

Save Changes and Exit 後

在 TPM 那邊選擇 fTPM (不要選擇 TPM 2.0 或 TPM 1.2，主機板上沒有獨立晶片)，進系統就可以發現 TPM 2.0 回來了 yay

雷雷寫上一篇文章的時候發現部落格的音樂 API 失效了，發現原本的作者有給新的 API ，但有限制一些 Header 才能用

於是雷雷就想寫一個 Reverse Proxy 幫忙轉發請求 ay

因為要放在 Docker 裡面，想了想還是 binary 好處理，於是把目標放在 Golang 上

需求

• Golang

實作

核心原始碼

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

func main() {

url, err := url.Parse("https://" + *remoteHost)
if err != nil {
panic(err)
}

director := func(req *http.Request) {
req.URL.Scheme = url.Scheme
req.URL.Host = url.Host
req.Host = url.Host
req.Header.Set("Referer", "https://"+*referrer+"/")
req.Header.Set("Origin", "https://"+*referrer)
req.Header.Set("authority", *remoteHost)
}

reverseProxy := httputil.NewSingleHostReverseProxy(url)
reverseProxy.Director = director
handler := handler{proxy: reverseProxy}
http.Handle("/", handler)

http.ListenAndServe(fmt.Sprintf(":%d", *port), nil)
}

type handler struct {
proxy *httputil.ReverseProxy
}

func (h handler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
h.proxy.ServeHTTP(w, r)
}

這些就是最核心的 Code 了

可以看到我們先用 httputil.NewSingleHostReverseProxy 建一個 Reverse Proxy 起來

用 director 干涉 Income Request 後轉發到目標 (url) 上。

干涉回應

除此之外，如果我們想要修改 Response Body 的某一部分的話，我們可以用 ModifyResponse 來實作:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

reverseProxy := httputil.NewSingleHostReverseProxy(url)
reverseProxy.Director = director
reverseProxy.ModifyResponse = rewriteBody
// Else Code...
}

func rewriteBody(resp *http.Response) (err error) {
b, err := ioutil.ReadAll(resp.Body)
if err != nil {
return err
}

err = resp.Body.Close()
if err != nil {
return err
}

b = bytes.Replace(b, []byte("before"), []byte("after", -1)
body := ioutil.NopCloser(bytes.NewReader(b))
resp.Body = body
resp.ContentLength = int64(len(b))
resp.Header.Set("Content-Length", strconv.Itoa(len(b)))
return nil
}

但這樣還不夠: 如果伺服器端開啟了壓縮(例如 gzip)，bytes 就會讀不到
因此我們要根據情況解壓縮:

1
2
3
4
5
6
7
8
9
10
11

var reader io.ReadCloser
switch resp.Header.Get("Content-Encoding") {
case "gzip":
reader, err = gzip.NewReader(resp.Body)
defer reader.Close()
default:
reader = resp.Body
}
delete(resp.Header, "Content-Encoding")

b, err := ioutil.ReadAll(reader)

因此我們的 Code 最後可以像這樣:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

package main

import (
"bytes"
"compress/gzip"
"flag"
"fmt"
"io"
"io/ioutil"
"net/http"
"net/http/httputil"
"net/url"
"strconv"
)

var remoteHost *string
var referrer *string
var myApiHost *string
var myApiHostSchema *string

func main() {
port := flag.Int("p", 80, "HTTP API Port")
remoteHost = flag.String("r", "target.host", "Remote Host")
referrer = flag.String("f", "target.host", "Referrer")
myApiHost = flag.String("m", "localhost", "My API Host")
myApiHostSchema = flag.String("s", "http", "My API Host Schema")
flag.Parse()

url, err := url.Parse("https://" + *remoteHost)
if err != nil {
panic(err)
}

director := func(req *http.Request) {
req.URL.Scheme = url.Scheme
req.URL.Host = url.Host
req.Host = url.Host
req.Header.Set("Referer", "https://"+*referrer+"/")
req.Header.Set("Origin", "https://"+*referrer)
req.Header.Set("authority", *remoteHost)
}

reverseProxy := httputil.NewSingleHostReverseProxy(url)
reverseProxy.Director = director
reverseProxy.ModifyResponse = rewriteBody
handler := handler{proxy: reverseProxy}
http.Handle("/", handler)

http.ListenAndServe(fmt.Sprintf(":%d", *port), nil)
}

type handler struct {
proxy *httputil.ReverseProxy
}

func (h handler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
h.proxy.ServeHTTP(w, r)
}

func rewriteBody(resp *http.Response) (err error) {
var reader io.ReadCloser
switch resp.Header.Get("Content-Encoding") {
case "gzip":
reader, err = gzip.NewReader(resp.Body)
defer reader.Close()
default:
reader = resp.Body
}
delete(resp.Header, "Content-Encoding")

b, err := ioutil.ReadAll(reader)

if err != nil {
return err
}

err = resp.Body.Close()
if err != nil {
return err
}
b = bytes.Replace(b, []byte("https:\\/\\/"+*remoteHost), []byte(*myApiHostSchema+":\\/\\/"+*myApiHost), -1)
body := ioutil.NopCloser(bytes.NewReader(b))
resp.Body = body
resp.ContentLength = int64(len(b))
resp.Header.Set("Content-Length", strconv.Itoa(len(b)))
return nil
}

簡單又實用的一小段 Golang Code，耶比!

好想用 Google Home 控制我的冷氣喔

這個願望其實我已經想好多年了。

從大概三年前開始，買智慧插頭把床頭燈智慧化
到最近的智慧家電雨後春筍般地冒出
我的夢想(?)一直沒有改變(?)

Home Assistant 的相關專案也是絕讚活躍中
終於有一套合適的流程可以把任意的空調系統遙控器收進 HA 中
就在這邊紀錄一下 :D

PS. 本篇適合有用過 Home Assistant 的人看(?)
流程跟撇步介紹而已 沒有完整圖文教學
之後看情況再補基礎篇 :D

需求

• Home Assistant
• Broadlink 牌的萬能遙控 (小米的也可以，但學習訊號的方式不同，暫時不介紹)
• 你的冷氣遙控器

本文

1. Home Assistant 連接紅外線遙控

首先在 Home Assistant 裡面新增 Broadlink 的整合，並把萬能遙控連上去。

2. Home Assistant 安裝 SmartIR 模組

雷雷是用 HACS 安裝的，當然也可以照專案的 Readme 手動安裝。

3. 冷氣訊號

檢查有沒有你的設定檔

如果你在 Climate 頁面有看到符合你的型號的冷氣，恭喜你 你很幸運 :D

直接把 Code 載下來放進 HA 的 /config/custom_components/smartir/codes/climate/ 裡面

HA 設定檔新增

1
2
3
4
5
6
7
8
9
10
11
12

smartir:

climate:
  - platform: smartir
    name: [自己選一個名字吧 :D]
    unique_id: [取一個裝置 ID]
    device_code: [設定檔四位數字]
    controller_data: [你的 Broadlink 遙控器的 HA 裝置 ID]
# 下面是可選的，但建議要有，連上 Google Home 或蘋果的時候才會比較完整
    temperature_sensor: [溫度計裝置 ID]
    humidity_sensor: [溼度計裝置 ID]
    power_sensor: [Binary 裝置 ID，判斷冷氣是否開啟]

重開 HA 應該就可以看到冷氣遙控會動ㄌ yay

製作設定檔

但天不從人願，上面有設定檔的冷氣非常稀少
大部分冷氣應該都沒有設定檔
所以我們要自己錄一個，耗時約半小時。

錄製訊號

首先我們連到設定檔製作工具，並連上自己的 HA。

Name 的欄位假設你的遙控器的 ID 是 remote.my_remote 的話，就填 my_remote 就可以了。

注意到 Operation Modes 只能是 cool, heat, dry, fanOnly, auto 的組合
Fan Modes 最好是 auto, low, medium, high 的組合，不過自行添加也沒關係

然後就可以開始學習了
學習完顯示綠色勾勾的時候，IR Code 會被紀錄在 /config/.storage/broadlink_remote_[MAC_ADDR]_codes 裡面

雷雷大約錄了 360 個訊號 (4個模式 * 6段風力 * 15 種溫度)

轉換成設定檔

戳一下網頁上的 Export JSON file，得到設定檔的雛形，並改名為 sample.json

然後我們把剛剛錄下來的訊號取出來

1
2
3
4
5
6
7
8
9
10
11
12

SOURCE_FILE = "broadlink_remote_a043b032b4f4_codes"
DEST_FILE = "irdb.json"

import json

with open(SOURCE_FILE) as f:
    data = json.load(f)

data = data["data"]["climate"]

with open(DEST_FILE, "w+", encoding="utf8") as f:
    json.dump(data, f, ensure_ascii=False)

得到 IRDB 後，我們塞進設定檔，得到最終成果 result.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import json

with open("sample.json", encoding="utf8") as f:
    result = json.load(f)

with open("irdb.json", encoding="utf8") as f:
    ir_data = json.load(f)

for op_mode in result["operationModes"]:
    for fan_mode in result["fanModes"]:
        for temp in range(result["minTemperature"], result["maxTemperature"] + 1):
            temp = str(temp)
            result["commands"][op_mode][fan_mode][temp] = ir_data[f"{op_mode}_{fan_mode}_{temp}"]

result["commands"]["off"] = ir_data["off"]

with open("result.json", "w+") as f:
    ir_data = json.dump(result, f)

將設定檔改名為適當的[四位數字].json (所屬廠牌的數字區間，無人占用的數字)
照著剛剛提到的步驟，應該就可以讓 HA 順利遙控冷氣了。

塞進 HomeKit 和 Google Home 網路教學很多，在這裡就不提了
有機會應該會跟基礎篇一起出 :D

後記

寫文章好累喔

Leko 因為有些簡單的網頁解析想做，懶得自己 host，所以決定用 Cloudflare Worker。

豈料 CF Worker 裡面居然沒有 DOMParser 可以用 (官方: 太慢了)，只有他們自己出的 HTMLRewriter 可以用 (用於取代網頁的部分)。用於解析 HTML 實在是有點難用。

因此 Leko 把它的 HTMLRewriter 打包成可以解析 HTML 的版本。

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

import {decode} from 'html-entities';

class ElementHandler {
    constructor(cb, attr) {
        this._cb = cb;
        this._attr = attr;
    }

    element(e) {
        if (this._attr) {
            this._cb(e.getAttribute(this._attr))
        } else {
            this._cb()
        }
    }
}

class DocumentHandler {
    constructor(onEnd) {
        this._onEnd = onEnd;
        this._onText = () => { };
        this._buffer = ""
        this._doOnText = false;
    }

    end(end) {
        this._onEnd();
    }

    text(text) {
        if (this._doOnText) {
this._buffer += text.text;
            if (text.lastInTextNode) {
                const result = decode(this._buffer);

                this._buffer = "";
                this._doOnText = false;

                this._onText(result);
            }
        }
    }

    set onText(cb) {
        this._doOnText = true;
        this._onText = cb;
    }
}

function TextHandlerFactory(cb, dh) {
    return new ElementHandler(() => {
        dh.onText = cb;
    })
}

function HTMLParser(resp, tracks) {
    return new Promise(async (resolve, reject) => {
        const result = {};
        const dh = new DocumentHandler(() => resolve(result));
        let newResp = new HTMLRewriter();

        for (let [k, v] of Object.entries(tracks)) {
            if (!Array.isArray(v)) v = [v];
            const handler = (v.length > 1 && v[1])
                ? new ElementHandler(x => result[k] = x, v[1])
                : TextHandlerFactory(x => result[k] = x, dh)
            newResp = newResp.on(v[0], handler)
        }
        newResp = newResp.onDocument(dh).transform(resp);

        await newResp.blob()
    })
}

//-------- Usage --------//
async function crawl() {
    const response = await fetch(URL);

    const track = {
        text: "#bodyText", // get innerText of #bodyText
        img: ["#avatar img", "src"], // get attribute src of #avatar img
text2: ["#bodyText2"], // this also works for getting innerText
text3: ["#bodyText3", null] // this also works too.
    }

    const data = await HTMLParser(response, track);

    return data; // {text, img, text2, text3} with coresponding values.
}

Leko 其實一直都在煩惱，有沒有甚麼 VPN 可以支援 L2 讓我能發 SLAAC 的 :(

昨天和友人在聊天的時候，對方正在用 OpenVPN 打 Tunnel，我靈光一現突然想到，ZeroTier 不也是 L2 的嗎?

試了一下果真成功了，就在這邊紀錄一下。

環境

Leko 的環境如下:

• RouterOS VM (發放 DHCP-PD 給有 ZT 的 CT)
• Ubuntu 18.04 CT (ZeroTier Host，負責發 SLAAC)

環境非常自由，前二者只要能達到括號內的需求應該都可以，甚至可以放在同一台。

CT 網路說明

網路卡 int0 負責上網 (接入公網)，這裡我的配置是帶有 UPnP 的 IPv4 NAT。
(UPnP 讓 ZeroTier 可以自動穿透)

網路卡 eth0 用來接收 RouterOS 發放的 DHCP-PD。

步驟

以下操作都假設在 root 下進行。

因為 Ubuntu 預設有一個 systemd-resolved 負責解析 Hostname，占用 53 Port 會影響我們後續操作，因此我們先把它關掉:

1
2

root@CT:~# systemctl disable systemd-resolved
root@CT:~# systemctl stop systemd-resolved

然後我們拿一些必要套件。

1
2

root@CT:~# apt update && apt install curl wide-dhcpv6-client gnupg2 dnsmasq
root@CT:~# curl -s https://install.zerotier.com | bash

接著加入我們的 ZeroTier Network:

1

root@CT:~# zerotier-cli join [ID]

然後把新增的網路卡名稱記著，之後會用到:

1

root@CT:~# ip a

接著開啟轉發:

1
2

root@CT:~# nano /etc/sysctl.conf
root@CT:~# sysctl -p

1
2
3
4
5
6
7
8
9
10

# /etc/sysctl.conf

net.ipv4.conf.all.forwarding = 1
net.ipv6.conf.all.disable_ipv6 = 0
net.ipv6.conf.default.disable_ipv6 = 0
net.ipv6.conf.lo.disable_ipv6 = 0
net.ipv6.conf.default.forwarding = 1
net.ipv6.conf.all.forwarding = 1
net.ipv6.conf.all.proxy_ndp = 1
net.ipv6.conf.all.accept_ra = 2

然後設定 DHCPv6-PD 並重新啟動，注意把 config 內的 ztnfapdryf 換成自己的 ZT 網卡名稱:

1
2
3
4

root@CT:~# nano /etc/wide-dhcpv6/dhcp6c.conf
root@CT:~# nano /etc/systemd/system/wide-dhcpv6.service
root@CT:~# systemctl enable wide-dhcpv6.service
root@CT:~# reboot

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

# /etc/wide-dhcpv6/dhcp6c.conf

interface eth0 {
# request a non-temporary address
    # request prefix delegation address
    send ia-pd 1;
    request domain-name-servers;
    request domain-name;
};

id-assoc pd 1 {
        prefix ::/64 infinity;
        prefix-interface ztnfapdryf {
                sla-len 0;

                # elated with ia-pd to configure subnet on lan interface - eth1
                sla-id 1;

                # "postfix" of IPv6 address on lan interface.
                # if not configured interface will has EUI-64 (mac based) address.
                # In this case, eth1 will get a IPv6 ending with ::1
                ifid 1;
        };
};

1
2
3
4
5
6
7
8
9
10
11
12
13

# /etc/systemd/system/wide-dhcpv6.service

[Unit]
Description=wide-dhcpv6
Before=dnsmasq.service
After=network.target ypbind.service nfs.service nfsserver.service rpcbind.service SuSEfirewall2_init.service

[Service]
ExecStart=/usr/sbin/dhcp6c -c /etc/wide-dhcpv6/dhcp6c.conf -P default -d -D -f eth0
RemainAfterExit=true

[Install]
WantedBy=multi-user.target

重新啟動後，應該可以看到 ZeroTier 的網卡上多了一個 [Prefix]::1 的 IP。

接著我們設定 SLAAC 和 RA，注意把 config 內的 ztnfapdryf 換成自己的 ZT 網卡名稱:

1
2
3

root@CT:~# nano /etc/dnsmasq.conf
root@CT:~# systemctl enable dnsmasq.service
root@CT:~# systemctl restart dnsmasq.service

1
2
3
4
5
6
7
8
9
10
11

# /etc/dnsmasq.conf

except-interface=eth0
bogus-priv
enable-ra

# Create a IPv6 range from address on the interface. The ::1 is related to the ifid in /etc/wide-dhcpv6/dhcp6c.conf.
dhcp-range=tag:ztnfapdryf,::1,constructor:ztnfapdryf, ra-names, 12h

# ra-names - it gives DNS names to IPv6 hosts
local=/lan/

然後我們新增預設路由並讓他開機自動啟動:

1
2

root@CT:~# nano route.sh
root@CT:~# nano /etc/init/route.conf

請將 fe80::908c:eeff:fe18:5c56 換成上游的 IP，ztnfapdryf 換成 ZT 的網卡名稱:

1
2
3
4
5
6
7

#!/bin/sh

# route.sh
ip -6 r add default via fe80::908c:eeff:fe18:5c56 dev eth0
ip6tables -A FORWARD -m state --state NEW -i ztnfapdryf -o eth0 -j ACCEPT
ip6tables -A FORWARD -m state --state ESTABLISHED,RELATED -j ACCEPT
ip6tables -P FORWARD DROP

接著在 ZT 內新增一段預設路由:

其中 10.147.18.45 是我的 CT IP，記得換成你的哦。

然後 ZT 加入其他 Peer 的時候記得開啟 Allow Default Route 跟 Allow Global，應該就能拿到 IPv6 了。

yay

附上完整的指令列表:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

#!/bin/sh

systemctl disable systemd-resolved
systemctl stop systemd-resolved

apt update
apt install curl wide-dhcpv6-client gnupg2 dnsmasq
curl -s https://install.zerotier.com | bash

zerotier-cli join [ID]
# ztnfapdryf

nano /etc/sysctl.conf
sysctl -p

nano /etc/wide-dhcpv6/dhcp6c.conf
nano /etc/systemd/system/wide-dhcpv6.service
systemctl enable wide-dhcpv6.service
reboot

nano /etc/dnsmasq.conf
systemctl enable dnsmasq.service
systemctl restart dnsmasq.service

nano route.sh
nano /etc/init/route.conf

前幾天 Leko 輾轉偶然知道 Jellyfin 的線上播放器的字幕渲染居然是用 SubtitlesOctopus (目前瀏覽器唯一可用的 libass 相容 ASS 字幕渲染)，真是驚為天人。
Leko 馬上架了一個來用，還因此不辭辛勞手動標記了動畫庫內六千多部動畫的 metadata (花了我整整三天，要得腱鞘炎了XDD)

一開始播放影音的時候會發現，奇怪我的中文字幕怎麼都變豆腐?

原來是因為他的 SubtitlesOctopus 預設沒有載入中文字體。

在官方的 Github Issues 內就有解法了 (載入 NotoCJK)，但 Leko 覺得還不夠 – 既然都可以讓他載入 NotoCJK 了，那我應該也可以讓他跟一般播放器一樣按需載入需要的字體才對。

沒想到居然滿容易的，不到半小時就解決了，在這裡紀錄一下解法。

2021/6/9 更新: 本篇僅適用於 JellyFin 1.6.4 與其之前版本

前置

• 字體庫 (推薦 超级字体整合包 X)
• JellyFin (假設使用 Docker 架設)
• Windows 環境 (僅在設置時需要)
• FontLoaderSub (用來產生字體索引)
• node.js (小腳本我用 Node.js 撰寫，因為很簡單，有能力的讀者可以用其他程式語言實現，或是小小修改後在瀏覽器內執行。)

內文

1. 掛載字幕庫

首先我們將字體庫 bind 到 Jellyfin 內的 /jellyfin/jellyfin-web/libraries/fonts/Pack。

2. 產生字幕索引

我們需要一個 {字幕名稱: 字幕檔案名稱} 的 JSON，用來配合接下來步驟解析的 ASS 字幕字體。

首先在字幕庫的根目錄放入 FontLoaderSub 並執行，讓它解析完後會產生一個 fc-subs.db，此即字幕索引

觀察可以得知它是一個 UTF-16LE 的文字檔案，格式是

1
2
3
4
5
6
7

檔案相對路徑
t:字幕格式
v:字幕版本
字幕名稱 1
字幕名稱 2
...
空白行

的循環，我們可以寫一個簡單的腳本來把它變成我們需要的 JSON。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

// app.js
const fs = require("fs")

const SUBTITLE_DATABASE = "fc-subs.db"
const OUTPUT = "font.json"

const db = fs.readFileSync(SUBTITLE_DATABASE, 'utf16le').split("\n").map(x => x.slice(0, -1))

const result = {};

/*
    0: Font Path
    1: t
    2: v
    -1: Waiting for next block
*/
let stage = 0;
let fontPath = null;
for (const line of db) {
    switch (stage) {
// 這裡是因為我只想要 `超级字体整合包X` 目錄底下的字體
// 可以按需修改一下腳本
        case 0:
            if (!line.startsWith("超级字体整合包X")) {
                stage = -1;
                fontPath = null;
            } else {
                stage += 1;
                fontPath = line.slice("超级字体整合包X\\".length)
            }
            continue;
        case 1:
        case 2:
            stage += 1;
            continue;
        case 3:
            if (line.length) {
                result[line] = fontPath;
            } else {
                stage = 0;
            }
            continue;
        case -1:
            if (line.length !== 0) continue;
            stage = 0;
            continue;
    }
}

fs.writeFile(OUTPUT, JSON.stringify(result), 'utf8', function (err) {
    if (err) {
        console.log("An error occured while writing JSON Object to File.");
        return console.log(err);
    }
 
    console.log("JSON file has been saved.");
});

執行後得到我想要的 font.json，會在第三步驟用到。

3. Plugin.js

Jellyfin 內的 SubtitlesOctopus 主要是在 /jellyfin/jellyfin-web/plugins/htmlVideoPlayer/plugins.js 內 Init 的，我們將他複製出來並 Prettify。

觀察到 renderSsaAss() 內 options 在初始化時有一個 fonts 欄位可以填入 []FontURL，其預設值是

1
2
3

attachments.map(function (i) {
return apiClient.getUrl(i.DeliveryUrl);
})

簡單的觀察就可以得知我們可以用 getTextTrackUrl(track, item) 來拿到 ASS 字幕的 URL。

因此我們寫幾個簡單的函式來解析 ASS 字幕需要的字體並按需把他加入那個 fonts 欄位。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

// Leko Font Loading functions
async function _lekoGetFontNames(url) {
    const rawAssSubtitle = await (await fetch(url)).text();

    let isReachedStyleLine = false
    let formatIndex = null;
    let result = new Set();
    for (const lineRaw of rawAssSubtitle.split("\n")) {
        const line = lineRaw.trim();
        if (!isReachedStyleLine) {
            if (line === "[V4+ Styles]") {
                isReachedStyleLine = true;
            }
            continue;
        } else {
            if (line.startsWith("Format:")) { // Format Line
                formatIndex = line.slice("Format:".length).split(",").findIndex(x => x.includes("Fontname"));
            } else if (line.startsWith("Style:")) { // Style Line
                const fontName = line.slice("Style:".length).split(",")[formatIndex].trim()
                result.add(fontName)
            } else if (line.startsWith("[")) { // Style Block Ended
                break;
            }
        }
    }
    return [...result];
}

var _lekoFontListP = fetch(`${appRouter.baseUrl()}/libraries/fonts/font.json`).then(x => x.json())

async function _lekoFontnameToFilename(fontname) {
    const fontList = await _lekoFontListP;
    return fontList[fontname];
}

function _lekoGetFontUrl(filename, isBasicFont=false){
    if (isBasicFont) {
        return `${appRouter.baseUrl()}/libraries/fonts/${filename}`
    } else {
        return `${appRouter.baseUrl()}/libraries/fonts/Pack/字体/超级字体整合包X/${filename}`
    }
}

其中 _lekoFontListP 的 font.json 路徑可以自己調整 (我是把它掛到 /jellyfin/jellyfin-web/libraries/fonts/font.json)

_lekoGetFontUrl 內的 else 區塊可以看到 fonts/Pack...，那個就是我們第一步驟掛進去的字體。

然後我們應用這些函式 – 在 renderSsaAss() 初始化 var options 前加入:

1
2
3
4
5
6

let _lekoFonts = await _lekoGetFontNames(getTextTrackUrl(track, item));
for (let i = 0; i < _lekoFonts.length; i++) {
    _lekoFonts[i] = await _lekoFontnameToFilename(_lekoFonts[i]);
    if (_lekoFonts[i]) _lekoFonts[i] = _lekoGetFontUrl(_lekoFonts[i]);
}
_lekoFonts = _lekoFonts.filter(x => x);

然後 options 內 fonts 改為

1
2
3

fonts: attachments.map(function (i) {
return apiClient.getUrl(i.DeliveryUrl);
}).concat(_lekoFonts)

也可以在此時順便加入一些預設的 CJK 字體。

最後我們將 function renderSsaAss 改為 async，並在有調用它的函數 await 它並適當的把一些函式改為 async 就大功告成。

最後的 plugin.js 供參。

清除瀏覽器快取後應該就能看到 JellyFin 動態按需載入所需字體了，yay!

繼之前的 Docker Nginx，這次雷雷想要讓這個 Nginx container 拿到 IPv6，這樣就不用過路由器跟 Docker 的兩個 NAT，可以改善延遲 yay

條件

• 跑 Docker 的主機 / Container / VM 有 RA
• 一段可配置的 v6 Prefix (/80 以上)

實作

我們以 Alpine Linux 為 Host 作為例子。

1. Docker 開啟 IPv6

為了安全，我們預設讓 bridge 發放 fd00 開頭的 Private IP 地址，而不是預計之後要發的 Public IP。

1

~$ nano /etc/docker/daemon.json

1
2
3
4

{
  "ipv6": true,
  "fixed-cidr-v6": "fd00::/80"
}

可以自己換成自己喜歡的 Private IP Range。

完成後 service docker restart，確認 Bridge network 上的 Container 已經可以拿到 Private IPv6 了。

2. NDP Proxy

雷雷的 SLAAC 是廣播在 eth0 上的。
為了讓 Docker 建立的其他網卡也能收到路由資訊，我們要建立一個 NDP Proxy。

用 ip -6 neigh 的方法要一個一個 IP 指定，太麻煩了，所以我們要用 ndppd 來解決。

在後面我們用 {HOST_V6_IFACE} 來代指這個 eth0。

2.a 編譯安裝 ndppd

因為 Alpine Linux 上沒有 ndppd，所以我們要先編譯他。

使用 Ubuntu / Debian 系的同學可以跳過這步 (?)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

#!/bin/sh

export NDPPD_VERSION=master
apk --no-cache add --virtual .build-dependencies make g++ linux-headers patch wget ca-certificates libnl3-dev glib-dev \
&& mkdir -p /usr/src \
&& wget -qO- https://github.com/lekoOwO/ndppd/archive/${NDPPD_VERSION}.tar.gz | tar -xzC /usr/src \
&& cd /usr/src/ndppd-${NDPPD_VERSION} \
&& sed 's/\(${LIBS}\).*\(${OBJS}\)/\2 \1/' -i Makefile
&& sed -i 's/return strerror_r(errno, buf, sizeof(buf));/\/\/ return strerror_r(errno, buf, sizeof(buf));\n    return "errno: "+errno;/g' src/logger.cc

# 編譯安裝
CXXFLAGS=" -I/usr/include/libnl3 " LDFLAGS=" -w " make
CXXFLAGS=" -I/usr/include/libnl3 " LDFLAGS=" -w " make install

# 安裝執行時期依賴
apk add --no-cache libnl3 iproute2

# 新增 service 檔
cat << EOF > /etc/init.d/ndppd
#!/sbin/openrc-run

depend() {
    need net
}

command="/usr/local/sbin/ndppd"
command_args="-d -p /run/${RC_SVCNAME}.pid -c /etc/ndppd.conf"
pidfile="/run/${RC_SVCNAME}.pid"
EOF

2.b 在 Docker 裡新增用來發放 IPv6 的 network

1

~# docker network create --ipv6 --subnet={MY_SUBNET}::/{MY_CIDR} {MY_NETWORK_NAME}

注意到 CIDR 至少要在 80 以上，太小會沒辦法發。

將回傳的 hash 記錄下來，用 ip a 檢查新增的網卡名字 (postfix 應該會跟 hash 前幾位一樣)

例如我的是 br-179d885229e7，在後面稱作 {MY_DOCKER_IFACE}

2.c ndppd 設定

將設定檔內的花括號變數填入你自己的參數:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

# /etc/ndppd.conf

# route-ttl <integer> (NEW)
# This tells 'ndppd' how often to reload the route file /proc/net/ipv6_route.
# Default value is '30000' (30 seconds).

route-ttl 30000

# address-ttl <integer> (NEW)
# This tells 'ndppd' how often to reload the IP address file /proc/net/if_inet6
# Default value is '30000' (30 seconds).

address-ttl 30000

# proxy <interface>
# This sets up a listener, that will listen for any Neighbor Solicitation
# messages, and respond to them according to a set of rules (see below).
# <interface> is required. You may have several 'proxy' sections.

proxy {HOST_V6_IFACE} {
   
   # router <yes|no|true|false>
   # This option turns on or off the router flag for Neighbor Advertisement
   # messages. Default value is 'true'.
   
   router yes

   # timeout <integer>
   # Controls how long to wait for a Neighbor Advertisment message before 
   # invalidating the entry, in milliseconds. Default value is '500'.

   timeout 500   

   # autowire <yes|no|true|false>
   # Controls whether ndppd will automatically create host entries
   # in the routing tables when it receives Neighbor Advertisements on a
   # listening interface. The the default value is no.
   # Note: Autowire will ignore all rules with 'auto' or 'static' given it
   # is expected that the routes are already defined for these paths

   autowire no

   # keepalive <yes|no|true|false>
   # Controls whether ndppd will automatically attempt to keep routing
   # sessions alive by actively sending out NDP Solicitations before the the
   # session is expired. The the default value is yes.
   
   keepalive yes

   # retries <integer>
   # Number of times a NDP Solicitation will be sent out before the daemon
   # considers a route unreachable. The default value is 3

   retries 3

   # promiscuous <yes|no|true|false>
   # Controls whether ndppd will put the proxy listening interface into promiscuous
   # mode and hence will react to inbound and outbound NDP commands. This is
   # required for machines behind the gateway to talk to each other in more
   # complex topology scenarios. The the default value is no.

   promiscuous no
   
   # ttl <integer>
   # Controls how long a valid or invalid entry remains in the cache, in 
   # milliseconds. Default value is '30000' (30 seconds).
   
   ttl 30000

   # rule <ip>[/<mask>]
   # This is a rule that the target address is to match against. If no netmask
   # is provided, /128 is assumed. You may have several rule sections, and the
   # addresses may or may not overlap.

   rule {MY_SUBNET}::/{MY_CIDR} {
      # Only one of 'static', 'auto' and 'interface' may be specified. Please
      # read 'ndppd.conf' manpage for details about the methods below.

      # 'auto' should work in most cases.

      # static (NEW)
      # 'ndppd' will immediately answer any Neighbor Solicitation Messages
      # (if they match the IP rule).

      # iface <interface>
      # 'ndppd' will forward the Neighbor Solicitation Message through the
      # specified interface - and only respond if a matching Neighbor
      # Advertisement Message is received.
      
      # auto (NEW)
      # Same as above, but instead of manually specifying the outgoing
      # interface, 'ndppd' will check for a matching route in /proc/net/ipv6_route.

      # auto

      iface {MY_DOCKER_IFACE}

      # autovia <yes|no|true|false>
      # Any addresses updated using NDP advertisments will use a gateway to
      # route traffic on this particular interface (only works wiith the iface
      # rule type). Default is no

      autovia yes

      # Note that before version 0.2.2 of 'ndppd', if you didn't choose a
      # method, it defaulted to 'static'. For compatibility reasons we choose
      # to keep this behavior - for now (it may be removed in a future version).
   }
}

然後我們啟用它，並讓它開機自動啟動:

1
2

~# rc-update add ndppd default
~# service ndppd start

3. 將 Container 加入網路

最後將你想 expose 的 Container 加入 {MY_NETWORK_NAME} 就大功告成啦!

Leko 今天 (2020-08-26) 在 Twitter 上看到一篇值得分享的好消息，想分享到 FB 上

剛好想起之前人家介紹的 Tuigram 還有 Twiger 可以把 tweet 變成圖片

用了才發現，兩個軟體居然都只支援分享到 Instagram 上 (Leko 不是很喜歡 IG :(

所以就想說改一下 APP 讓他們支援分享到任意 App 上 yay

值得分享的好消息

會用到的東西

• APK 檔
• apktool
• JADX
• Android SDK

本文

Tuigram (入門級)

我們的目標很簡單，把原本的分享到 Instagram 的按鈕改成可以隨意分享

1. 反編譯

> apktool.bat d '.\Tuigram Share tweets on instagram_v1.1.7_apkpure.com.apk' -r

在原地會看到一個新生出來的資料夾

2. 看 Code

用 JADX 開啟 APK

按放大鏡把 Text search 叫出來 (順便等他 Decompile 完)

想著總之先搜尋 instagram 吧，沒想到一搜就中，yay

要代換的程式碼

看一下官方 Doc，可以看到我們需要的 Code

1
2
3
4
5

Intent shareIntent = new Intent();
shareIntent.setAction(Intent.ACTION_SEND);
shareIntent.putExtra(Intent.EXTRA_STREAM, uriToImage);
shareIntent.setType("image/jpeg");
startActivity(Intent.createChooser(shareIntent, getResources().getText(R.string.send_to)));

JADX 搜尋出來的 Code 如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

public boolean b(String str, String str2) {
    Intent intent = new Intent("com.instagram.share.ADD_TO_STORY");
    Uri a2 = FileProvider.a(this, "com.vcoud.fileprovider", new File(str2));
    intent.setType(str);
    intent.putExtra("interactive_asset_uri", a2);
    grantUriPermission("com.instagram.android", a2, 1);
    if (getPackageManager().resolveActivity(intent, 0) == null) {
        return false;
    }
    startActivityForResult(intent, 0);
    return true;
}

// 中間省略

public void a(String str, String str2) {
    Intent intent = new Intent("android.intent.action.SEND");
    intent.setType(str);
    Uri a2 = FileProvider.a(this, "com.vcoud.fileprovider", new File(str2));
    intent.addFlags(1);
    intent.putExtra("android.intent.extra.STREAM", a2);
    intent.setComponent(new ComponentName("com.instagram.android", "com.instagram.share.handleractivity.ShareHandlerActivity"));
    startActivity(intent);
}

可以明顯的看出 b 是分享到 IG 限動，a 是普通的 IG 貼文

a 跟我們的目標最像，所以我們改 a (差別只在 a:7 的 setComponent 還有範例 Code 的 Intent.createChooser )

3. 改 Code

我們打開步驟 1 生出的資料夾，在 smali/com/vcoud/tuigram/MainActivity.smali 找到我們的 target

首先我們要先把 setComponent 刪掉 (很顯然的就是 .line 11 的部分，全部註解掉)

接著加上 Intent.createChooser 的部分

1
2
3
4
5
6

startActivity(Intent.createChooser(shareIntent, getResources().getText(R.string.send_to)));

// 事實上相當於
String title = getResources().getText(R.string.send_to);
Intent chooser = Intent.createChooser(shareIntent, title);
startActivity(chooser)

所以我們寫

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# String title = "分享至"
# 這個是上面的 getResources().getText(R.string.send_to)
# 會作為分享畫面的標題
const-string v1, "分享至"

# 在 .line 5 可以看到 new-instance v0, Landroid/content/Intent;
# 也就是 Intent
# v1 則是我們的 string
# 接受一個 Intent 和一個 CharSequence 作為參數，回傳一個 Intent
# 其中 createChooser 是一個 static method
invoke-static {v0, v1}, Landroid/content/Intent;->createChooser(Landroid/content/Intent;Ljava/lang/CharSequence;)Landroid/content/Intent;

# 把上一步驟的結果 (chooser) 移到 v1 裡 (v1 是不會再用到的 string 所以不用擔心)
move-result-object v1

# 接著我們 startActivity
# 注意到 class method 的第一個參數是 class instance，類似 python 裡的 Class function 第一個參數總是 self
# 原本他 call 的是 {p0, v0}，其中 v0 是原本的 Intent
# 現在我們把 v0 換成我們剛剛新建立的 chooser，也就是 v1 
invoke-virtual {p0, v1}, Landroid/content/Context;->startActivity(Landroid/content/Intent;)V

結果長得像這樣

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

    # ...

    .line 11
    # new-instance p1, Landroid/content/ComponentName;

    # const-string p2, "com.instagram.android"

    # const-string v1, "com.instagram.share.handleractivity.ShareHandlerActivity"

    # invoke-direct {p1, p2, v1}, Landroid/content/ComponentName;-><init>(Ljava/lang/String;Ljava/lang/String;)V

    # invoke-virtual {v0, p1}, Landroid/content/Intent;->setComponent(Landroid/content/ComponentName;)Landroid/content/Intent;


    .line 12
    const-string v1, "分享至"

    invoke-static {v0, v1}, Landroid/content/Intent;->createChooser(Landroid/content/Intent;Ljava/lang/CharSequence;)Landroid/content/Intent;

    move-result-object v1

    invoke-virtual {p0, v1}, Landroid/content/Context;->startActivity(Landroid/content/Intent;)V

    return-void
.end method

# ...

儲存。

4. 打包回去

> apktool.bat b '.\Tuigram Share tweets on instagram_v1.1.7_apkpure.com\'

結果會在　.\Tuigram Share tweets on instagram_v1.1.7_apkpure.com\dist\ 裡面找到
build 好的 APK，簽名後裝進手機裡就大功告成辣 owo

4.1 簽名

首先建立 Keystore

> keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

keytool 在 JDK 裡面有附

接著簽名

> %ANDROID_SDK%\build-tools\%VERSION%\apksigner.bat sign --ks %KEYSTORE% %APK_PATH%

把 %ANDROID_SDK%, %VERSION%, %KEYSTORE%, %APK_PATH% 換掉就可以簽名了

yay

前言

要 expose 不同 service 到不同的 host port 再用本機的 Nginx 反代也略顯雞肋 (而且還要寫 nginx config 跟放證書好麻煩)

這篇要教大家怎麼不佔用一堆 host port 也可以 expose 各種 HTTP service

先備條件

• Docker 基礎 (不會 docker 要 expose 甚麼東西 ww)
• 每個服務一個 domain / subdomain (因為會用到 SNI)
• 至少一個 Port expose 到公網上 (通常是 80，有 HTTPS 的話外加一個 443)

正文

第一次部署 Nginx Proxy Manager

1. 首先部署 Nginx Proxy Manager (docker-compose.yml)

   ** 小提醒: 記得先建好 YAML 裡面 services/app/volumes 指定的檔案/資料夾路徑，Leko 是直接用 Docker Volume 取代

   1 2 3 4 5 6 7

   $ mkdir nginx-proxy-manager $ cd nginx-proxy-manager /nginx-proxy-manager$ wget https://raw.githubusercontent.com/jc21/nginx-proxy-manager/master/doc/example/docker-compose.yml /nginx-proxy-manager$ touch config.json /nginx-proxy-manager$ mkdir data /nginx-proxy-manager$ mkdir letsencrypt /nginx-proxy-manager$ docker-compose up -d

2. 用瀏覽器連接至 http://localhost:81 進行配置

   在非本機 Server 上配置時請記得不要用 localhost XD第一次登入的帳密是 admin@example.com/changeme

3. 新增一個 Docker network 用於 Reversy Proxy 並與 Nginx Proxy Manager 連接

   1 2	$ docker network create reverse-proxy $ docker network connect reverse-proxy nginxproxymanager_app_1

    

設定容器

1. 將 Service Container 連接至 Reverse Proxy 用的 Docker network

   這裡以我新寫的專案 bb 為例 (Container 名稱為 bb_bb_1)

   1	$ docker network connect reverse-proxy bb_bb_1

2. 在 Nginx Proxy Manager 內設定一個新的 Proxy Host

   Domain Names 填入該 Service 預計要被 Expose 至的 Domain,Scheme 選擇該 HTTP Service 的 Scheme,Forward Hostname 填入 Container name (用 Docker network 連接的用意在此),Forward Port 填入該 Service 在容器內部使用的 Port

   ** 小提醒: 記得要先設定好 Domain 的 A/CNAME 等 Record
   以 bb 為例，設定如下
   




3. (選擇性, 建議) SSL 證書 (啟用 HTTPS 才有 SNI 可以用喔)

   切換至 SSL 頁籤，選擇 "Request a new SSL Certificate"在下面填入你的 Email 並同意 Let's Encrypt ToS** 小提醒: 記得保持 80 Port 為開啟狀態，不要被防火牆擋住

4. 按下 Save 讓設定生效，如果有選擇申請 SSL 證書的話在這裡也會一併申請。

5. 搭啦~ 完成ㄌ!

   可以看到 HTTPS 已經成功上線了，也沒有占用除了 Nginx Proxy Manager 使用的 80、443、81 以外的 Port。SSL 證書還會自動更新!

備註

驗證登入

CORS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

set $cors "";
set $options "";
if ( $http_origin ~* ^(https?:\/\/.*\.mydomain1\.com$) ){
        set $cors "true";
        set $options "${options}1";
}
if ( $http_origin ~* ^(https?:\/\/.*\.mydomain2\.com$) ){
        set $cors "true";
        set $options "${options}1";
}
if ( $http_origin ~* ^(https?:\/\/localhost:8080$) ){
       set $cors "true";
       set $options "${options}1";
}
if ($request_method = 'OPTIONS'){
        set $options "${options}2";
}
if ($cors = 'true') {
    add_header 'Access-Control-Allow-Origin' $http_origin always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PATCH, DELETE';
    add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
    add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}

if ($options ~* .*12 ) {
#####Repeat######
add_header 'Access-Control-Allow-Origin' $http_origin always;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PATCH, DELETE';
add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
            # Tell client that this pre-flight info is valid for 20 days
            add_header 'Access-Control-Max-Age' 1728000;
            add_header 'Content-Type' 'text/plain charset=UTF-8';
            add_header 'Content-Length' 0;
            return 204;
}

自動 HTTPS 跳轉

1
2
3

if ($scheme  = "http") {
      return 301 https://$server_name$request_uri;
  }

Leko 昨天在看 Kurzgesagt 的影片的時候，發現他有些早期的影片是沒有 60 FPS 的，看了不太開心

靈機一動，丟進 PotPlayer + BFRC 讓他自動補幀好了

然而事與願違 – Kurzgesagt 的早期影片是 25 FPS 的，AMD Fluid Motion 只支援 24 和 30 FPS 的補幀。

平時用的 PotPlayer (x64) 用於動畫補幀，不是很想動到那些設置…

於是安裝了 x86 版本的 PotPlayer，配置了一下確定能用於 25 FPS 的補幀 (可能會再另外開一篇文章) 安裝了 Chrome 擴充元件 讓 Youtube 影片底下有快速按鈕可以自動打開 PotPlayer 播放。

然而，由於同時安裝了 x64 和 x86 版本的原因，個人希望檔案關聯等等的都保留在 x64 上。

因此希望可以用 potplayer32:// 來取代 potplayer:// 以在 x86 PotPlayer 上開啟連結。

URL Protocol Handler

在呼叫 URL Protocol Handler 的時候，如果註冊表有好好配置的話:
假設 myapp:// 會呼叫 myapp.exe

注意到我們開啟 myapp://payload 的時候，實際上是呼叫 myapp.exe myapp://payload而不是 myapp.exe payload
好的因為我沒看文件在這個地方浪費半小時

因此如果單純註冊 potplayer32:// 指向 PotPlayerMini.exe 的話，會導致 PotPlayerMini.exe 無法解析連結 (Expected potplayer://, got potplayer32://)

為此，我們需要一個 Middleware，藉由將 potplayer32:// 指向 Middleware， 由 Middleware代為開啟 PotPlayerMini.exe 的方式來解決這個問題。

PotPlayerMiddleware

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

#define UNICODE

#include <string>
#include <windows.h>

std::wstring exeDirPath() {
    wchar_t buffer[MAX_PATH];
    GetModuleFileNameW( NULL, buffer, MAX_PATH );
    std::wstring::size_type pos = std::wstring( buffer ).find_last_of( L"\\/" );
    return std::wstring( buffer ).substr(0, pos);
}

int wmain(int argc, wchar_t *argv[]){
    std::wstring url(argv[1]);
    std::wstring p32 = L"potplayer32://";
    url.replace(0, p32.size(), L"potplayer://");

    std::wstring potplayerPath = exeDirPath() + L"\\PotPlayerMini.exe";
    LPCWSTR process = potplayerPath.c_str();

    std::wstring arg = potplayerPath + L" " + url + L"";
    LPWSTR args = &arg[0];

    STARTUPINFOW si;
    PROCESS_INFORMATION pi;
    ZeroMemory( &si, sizeof(si));
    si.cb = sizeof(si);
    ZeroMemory( &pi, sizeof(pi));
    CreateProcessW(process, args, NULL, NULL, FALSE, 0, NULL, NULL, &si, &pi);

    return 0;
}

1

clang++ ./PotPlayerMiddleware.cpp -o ./PotPlayerMiddleware.exe -Wall -static --target=x86_64-w64-mingw64 -municode -O3

編譯後丟入 PotPlayer (x86) 根目錄。

註冊表

1
2
3
4
5

Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\potplayer32] @=URL:POTPLAYER Protocol URL Protocol= 
[HKEY_CLASSES_ROOT\potplayer32\shell] 
[HKEY_CLASSES_ROOT\potplayer32\shell\open] 
[HKEY_CLASSES_ROOT\potplayer32\shell\open\command] @=C:\\YOUR_DIR\\PotPlayerMiddleware.exe \%1\

修改插件

將 Chrome 擴充元件 下載下來之後，background.js 裡面 potplayer:// 全部改成 potplayer32:// ，載入未封裝擴充元件之後就成功啦!