哈嘍小伙伴們好，我是Stark-C~
作為一個喜歡折騰的數(shù)碼黨，我平時上網(wǎng)沖浪使用的瀏覽器絕不會只限于一種，就比如說我在上班的地方只會用到Edge瀏覽器，但是在家里我就能放飛自我，除了Edge，還會用到Chrome，或者Firefox。
這些瀏覽器在使用的時候如果是同一賬號下的同一個瀏覽器，在不考慮網(wǎng)絡條件的情況下，很容易做到書簽同步，但是對于和我一樣使用多個瀏覽器的小伙伴，想要讓書簽在多個不同的瀏覽器之間實現(xiàn)同步與共享，需要怎么實現(xiàn)呢？
很簡單，今天的這篇教程就是來解決這個問題的，它便是一個免費且開源的瀏覽器書簽同步工具 『xBrowserSync』。
關于xBrowserSync
xBrowserSync是一款非常強大且使用的瀏覽器書簽同步工具，它支持 Chrome、Edge、Firefox 以及 Android 設備瀏覽器備份和同步書簽，使得書簽管理變得無縫且高效。xBrowserSync 提供了多個免費的存儲服務，所有數(shù)據(jù)都經(jīng)過加密存儲，所以安全方面也是非?？孔V。
Snipaste_2024-07-30_21-51-57
需要說明的是，Android 設備端需要在它的G站頁面自行下載并安裝。
它的特性與亮點如下：
- 數(shù)據(jù)同步：允許用戶在不同設備和瀏覽器之間同步書簽，確保您的書簽始終是最新的。
- 數(shù)據(jù)安全：所有同步的數(shù)據(jù)都會被加密，以保護您的數(shù)據(jù)安全。
- 開源：xBrowserSync 是開源軟件，這意味著任何人都可以查看其源代碼，確保其沒有隱藏的惡意代碼。
- 自定義存儲：除了使用 xBrowserSync 官方提供的免費存儲服務外，用戶還可以通過 xBrowserSync Docker 自建存儲服務器，提供更多的存儲空間。
- 方便易用：xBrowserSync 的用戶界面設計簡潔，易于使用，只需幾步就可以完成書簽的同步。
xBrowserSync默認使用的是公有服務器，雖然它自己說數(shù)據(jù)都經(jīng)過加密存儲，但是肯定沒有放在我們自己的服務器放心，所以今天的教程其實就是通過 xBrowserSync Docker 自建存儲服務器，這樣所有數(shù)據(jù)都存放在我們NAS本地，用起來自然更放心。
xBrowserSync部署
xBrowserSync的自由化部署需要兩部分：一個是mongo數(shù)據(jù)庫的依賴，一個是xBrowserSync本身項目的部署。咱們一步步的來。
第一步，搭建mongo數(shù)據(jù)庫
打開極空間的文件管理器（個人空間），在Docker目錄下新建“mongodb”文件夾，然后在“mongodb”文件夾下面在建立一個“data”子文件夾。
然后在極空間的Docker鏡像倉庫中自定義拉取鏡像“mongo:4.4”。
PS：如果遇到Docker鏡像拉取問題請直接跳轉到文章最后部分的解決方案。
完成后直接雙擊鏡像開始部署容器。
“基本設置”這里，容器名稱修改為“mongo”（這里不讓你們隨意修改主要是方便后續(xù)跟著抄作業(yè)~)，可以取消勾選“啟用性能限制”。
【文件夾路徑】這里，咱們需要添加以下一條映射關系（多出來的映射直接刪除即可）：
- .Docker/mongodb/data:/data/db
“端口”這里設置本地端口不沖突即可，我這里直接和容器端口一樣了~
最后是“能力” ，將所有容器能力都開啟。
其它就沒什么可修改的了，點“應用”即可完成配置。
然后我們還需要在mongo數(shù)據(jù)庫中創(chuàng)建一個xbrowsersyncdb的數(shù)據(jù)庫用戶，點擊mongo數(shù)據(jù)庫容器的“SSH”。
命令選擇“/bin/bash”，用戶默認root，連接。
在SSH終端頁面先輸入命令【mongo admin】指定管理員權限。
接著依次輸入以下命令（不懂的別亂改，直接抄作業(yè)便是）：
- db.createUser({ user: "xbrowsersyncdb", pwd: "123456", roles: [ { role: "readWrite", db: "xbrowsersync" }, { role: "readWrite", db: "xbrowsersynctest" } ] }) #創(chuàng)建數(shù)據(jù)庫用戶
- use xbrowsersync #切換到 xbrowsersync 數(shù)據(jù)庫
- db.newsynclogs.createIndex( { "expiresAt": 1 }, { expireAfterSeconds: 0 } ) #創(chuàng)建一個expiresAt索引
- db.newsynclogs.createIndex({ "ipAddress": 1 }) #創(chuàng)建一個ipAddress索引
以上命令注意別漏掉任何一個符號，完成以上就可以點擊右上角的“關閉”按鈕，退出SSH終端界面了。
第二步，搭建xBrowserSync
再次打開極空間的文件管理器（個人空間），在Docker目錄下新建“xbrowsersync”文件夾，然后在“xbrowsersync”文件夾內鼠標右鍵，選擇“新建文本文檔”。
在文本文檔輸入以下內容（特別說明：請一定要遵循我給出的格式?。。。?/p>
{ "db": { "host": "192.168.50.176", "port": “27017”, "username": "xbrowsersyncdb", "password": "123456", "name": "xbrowsersync" } }
以上內容需要修改的僅為host后面的IP，是你自己極空間的本地IP地址；port是mongo數(shù)據(jù)庫的端口，如果你和我一樣默認就直接不要動它，至于后面的幾個參數(shù)如果你前面直接跟著我抄作業(yè)的全都默認即可，啥都不用改。完成之后記得點“保存”按鈕。
保存之后對“新建文本文檔.txt”重命名為“settings.json”（包括后綴也都需要重命名），確定。
會彈出一個警告彈窗，直接無視點“繼續(xù)”。
重命名之后的文件如上圖所示，這個文件也可以在極空間的文件管理器中直接打開（極空間這點還是很強悍的~）。
接著就可以開始部署容器了，還是和之前一樣，在極空間的Docker鏡像倉庫中搜索鏡像“xbrowsersync/api”，找到后點“下載”按鈕。
完成后直接雙擊鏡像開始部署容器。
Snipaste_2024-07-30_09-56-44
“基本設置”這里，這里的容器名稱自己可以隨意修改，取消勾選“啟用性能限制”。
“文件夾路徑”這里，咱們需要手動添加以下映射關系：
- .Docker/xbrowsersync/settings.json:/usr/src/api/config/settings.json # 前面的路徑就是我們創(chuàng)建的settings.json文件
“端口”這里設置本地端口不沖突即可。
“環(huán)境”這里需要手動添加以下環(huán)境變量（直接抄作業(yè)便是，不要改參數(shù)）：
- XBROWSERSYNC_DB_USER=xbrowsersyncdb
- XBROWSERSYNC_DB_PWD=123456
其它就沒什么可修改的了，點“應用”即可完成配置。
完成以上之后可以看到當前mongo和xbrowsersyncapi兩個容器顯示“運行中”，就說明沒什么問題了。
第三步，做好反向代理
然后需要說明的是，因為我們需要在外網(wǎng)也需要做到瀏覽器書簽同步，所以這里我們一定要提前將它做好反向代理，讓我們任何時候都能順利的鏈接到我們部署好的 xBrowserSync Docker 存儲服務器即可
反向代理這里極力推薦『Lucky』。如果你已經(jīng)搭建好Lucky，此時我只需要加上一個xBrowserSync的Web服務即可。
極空間搭建Lucky教程：
然后在瀏覽器輸入我們配置好的反向代理鏈接，如果出現(xiàn)上圖所示的“在線”狀態(tài)，就說明咱們的xBrowserSync服務器部署成功了。
xBrowserSync體驗
在正式體驗之前，我們先要在各自的瀏覽器中下載對應的瀏覽器擴展插件，我這里因為社區(qū)規(guī)定就不直接上鏈接了，這里需要你們自行解決。
這里假設你那邊的瀏覽器已經(jīng)安裝好了xBrowserSync擴展插件，直接點擊瀏覽器狀態(tài)欄的插件圖標，首次安裝會有安裝前的說明，都是英文咱也看不懂，直接點“Continue”吧。
繼續(xù)~
終于來到配置環(huán)節(jié)，這里點“Switch Service”。
這里輸入咱們配置好的完整反向代理鏈接地址，然后點“Update"。
這里點Yes。
這里的意思是讓我們設置一個密碼，這個密碼就是你用來同步瀏覽器書簽的唯一密碼，可以設置復雜一點。
再次確認密碼，Sync。此時xBrowserSync會將當前的本地瀏覽器中書簽全部同步至服務器端。
怎么同步呢？很簡單，還是點瀏覽器狀態(tài)欄的插件圖標，這個時候會有一個“設置”圖標，點擊它。
然后會看到一個【Sync ID】 ，點擊它。
這里會出現(xiàn)一個二維碼以及 【Copy Sync ID To Clipboard】 標識，電腦端設置我們點擊【Copy Sync ID To Clipboard】 即可復制 Sync ID，而這個二維碼其實是給手機端直接掃碼使用的。
接著我們來到需要同步的瀏覽器，需要說明的是，這個要同步的瀏覽器也是需要提前安裝好xBrowserSync擴展插件。打開之后我們同樣先設置同步服務器【Switch Service】， 然后點擊【Already got a sync ID?】。
這里輸入我們剛剛復制的 Sync ID，再輸入密碼，點擊【Sync】。
這時候提示會刪除本地書簽，再同步服務器端的書簽，點【Yes】就開始同步主瀏覽器的書簽了。
我演示的其實是我虛擬機中的一個瀏覽器，可以看到書簽已經(jīng)順利的被同步過來了。
最后解決服務器對應的存儲空間問題，可以看到默認的為500KB，一般來說是夠用的。
如果你想要擴容很簡單，打開極空間文件管理器中的settings.json文件，手動添加上圖所示的兩行參數(shù)即可（我這里將它設置為5M容量），請注意格式一定要正確！
- "maxSyncs": 0,
- "maxSyncSize": 5120000
最后重啟xBrowserSync容器，再次打開xBrowserSync插件的設置，就能看到我們已經(jīng)成功修改了xBrowserSync的默認大小配置了。
解決Docker鏡像拉取的問題
因為眾所周知的原因，目前國內的Docker鏡像拉取已經(jīng)抽風...，所以這里針對極空間，給出幾個臨時可用方案，大家且用且珍惜吧。
打開極空間Docker管理器的“鏡像--倉庫--設置”。
然后點擊“添加”：
- 庫名稱：agsvpt.work
- 庫地址：docker.agsvpt.work
完成之后“確定”。
同樣的方式再添加上圖所示的另外兩個倉庫，這樣我們就額外的得到了3個鏡像倉庫。
隨意勾選3個倉庫其中之一，確定。
彈出切換提示，直接點“確定”。
然后彈出“設置倉庫可用成功” 的提示，這個時候我們就可以正常拉取需要的鏡像了。
看下效果，比如我這里想要“johngong/qbittorrent”這鏡像，找到后直接雙擊下載。
可以看到鏡像拉取已經(jīng)沒有問題了。如果碰到拉不動的可以嘗試換一個倉庫試試，如果都不行，那么只有科學解君愁了~
對了，還有就是建議大家不要忽略了極空間Docker管理器中的一個寶藏板塊【常用鏡像】，里面都是一些熱度較高的常用Docker項目，不光有詳細的教程，最主要的是這里面的鏡像都是存在極空間自己的服務器上，可以直接拉取的~
總結
總的來說，今天的這個項目還是非常實用的，它可以非常完美的解決了多設備不同瀏覽器的同步的問題。xBrowserSync 的功能還不止純粹的書簽同步，它還為瀏覽器數(shù)據(jù)同步提供了許多靈活和安全的選項，有需要的小伙伴可以盤起來吧！
作為NAS領域的新興品牌，極空間一直以其創(chuàng)新的設計、強大的硬件、豐富的功能和良好的用戶體驗受到了許多用戶好評，并且自研的ZOS也是非常好用，極易上手。如果你近期有入手NAS的計劃，不妨關注下極空間。
好了，以上就是今天給大家分享的內容，我是愛分享的Stark-C，如果今天的內容對你有幫助請記得收藏，順便點點關注，咱們下期再見！謝謝大家~
,
