CloudflareVNC

如何使用Cloudflare Tunnel建立網頁版的VNC客戶端(LXQt中文化+新酷音輸入法)

前言 架構圖 網頁版的VNC客戶端預覽 因為懶懶出門上班在外,偶爾有連回自己VPS主機進行圖形環境操作的需求(說白就是利用遠端桌面瀏覽PTT八卦版或巴哈姆特啦~),便開始找尋使用VNC的方法,由於在外使用電腦,若要使用各式VNC Client軟體來連結稍嫌麻煩,若能使用瀏覽器直連就方便很多囉!目前發現方便好用的有: Google Remote Desktop (安裝方便,使用Google伺服器中轉安全快速,但要綁定Google帳戶) Cloudflare Tunnel (安裝複雜,使用CF自家伺服器中轉,網頁端可直接輸入密碼登入使用) 由於Cloudflare Tunnel安裝較為繁瑣,故本篇介紹如何使用Cloudflare Tunnel自帶的VNC Client功能連結遠端桌面,需要工具有: Cloudflare Tunnel Cloudflare Zero Trust 頂級域名1個 (可以使用懶懶介紹的eu.org域名) 你的機器(VPS.SBC. etc..) 使用的桌面系統為 Ubuntu 22.04 Server版,桌面環境為 LXQt 0.17版本,然後附帶安裝新酷音輸入法的教學! 教學 - 伺服器端 Ubuntu 22.04 安裝 LXQt 桌面環境 若你想使用VNC連結到你的VPS主機,那你的系統必須具備桌面環境,由於懶懶使用Ubuntu 22.04 Server版本身不自帶桌面環境,故須先安裝桌面環境,再行安裝VNC Server,懶懶使用LXQt作為範例,當然你也可以使用自己喜歡的桌面環境! 首先更新軟體庫清單 sudo apt update APT指令安裝LXQt sudo apt install lxqt 安裝LXQt桌面環境大約需要2GB左右的空間,請注意硬碟空間夠不夠喔! 安裝LXQt過程 重新啟動 sudo reboot 懶懶這裡使用VPS管理後台的noVNC進入查看,已經可以進入顯示管理器(Display Manager)頁面囉! noVNC後台 安裝 VNC Server 在安裝LXQt桌面環境後,我們接著安裝VNC Server,根據Cloudflare官方文檔使用TightVNC作為服務端使用,但經懶懶實測它與LXQt桌面不合,所以懶懶改用TigerVNC作為服務端! 安裝TigerVNC Server sudo apt install tigervnc-standalone-server 設定初始密碼 執行vncserver指令初始運行TigerVNC Server...

2023年05月27日 · 2 分鐘 · 249 字 · 懶懶
Google

如何使用Cloud Shell連接自己的GitHub Repository教學

前言 由於懶懶最近發現Google的Cloud Shell跟Github Codespaces相當好用,平常使用Visual Studio Code的時機也只有編寫部落格的文章。 所以懶懶目前打算使用Cloud Shell連接自己的Git倉庫,然後把寫好的文章Git push到GitHub Repository上,這樣一來就能隨時在雲端操作編寫文章囉! Cloud Shell Cloud Shell https://shell.cloud.google.com/ Cloud Shell頁面 教學 登入你的Google帳戶後進入Cloud Shell,接著在Shell輸入中Github CLI指令登入Github gh auth login Github CLI指令 選擇登入方式等等,請參考範例圖片 nullcode80625@cloudshell:~$ gh auth login ? What account do you want to log into? GitHub.com ? What is your preferred protocol for Git operations? HTTPS ? How would you like to authenticate GitHub CLI? Paste an authentication token Tip: you can generate a Personal Access Token here https://github....

2023年03月13日 · 1 分鐘 · 103 字 · 懶懶
CloudflareSSH

如何使用Cloudflare Tunnel建立網頁版的SSH終端機

前言 由於懶懶最近購入號稱IPv6 Only永久免費VPS小雞,正打算使用SSH來連接康康這個小雞的能耐ಠ_ಠ ,驚覺家中的拉G有線電視網路未提供IPv6地址,根本連不上小雞阿!!! 關於如何測試你的IPv6連線能力 Test-ipv6.com https://test-ipv6.com/index.html.zh_TW 無IPv4網路 有IPv6網路 雖說懶懶目前使用Cloudflare WARP來解決沒有IPv6地址的問題,但總想著是否有更輕鬆的方法可以隨時使用SSH,經過一番爬文後發現可以使用Cloudflare Tunnel配合Cloudflare Zero Trust 設定規則及應用程式,可以使用IPv4網路訪問自訂的Tunnel即可使用網頁版的SSH終端機。 網頁版的SSH終端機Preview 教學 事前準備 Cloudflare 免費版帳戶 頂級域名1個 (可以使用懶懶介紹的eu.org域名) 你的機器(樹莓派.VPS.軟路由. etc..) 建立Cloudflare Tunnel 官方網站 Cloudflare https://www.cloudflare.com/zh-tw/ 首先登入你的Cloudflare帳戶,選擇左側的「Zero Trust」進入Cloudflare Zero Trust 控制面板。 選擇左側的「Acess」下拉進入「Tunnel」控制面板。 關於首次使用 首次使用需先建立Team domain名稱並設定帳單資訊。(欲再次修改名稱可以在Settings→General裡更改) 懶懶使用PayPal綁定,因為是使用免費版所以不會被收取費用喔!! 選擇藍色的「Create a tunnel」 輸入自訂的「tunnel name」名稱,懶懶以WSL「My_Ubuntu22.04_WSL_TW_01」當作範例,接著點擊「Save tunnel」下一步 懶懶使用的是Ubuntu22.04系統(Windows Subsystem for Linux),故環境選擇Debian 64bit,Cloudflare很貼心的為你提供安裝指令,複製貼上安裝即可!! Docker安裝說明 使用其他系統的用戶,可以選擇使用Docker安裝,Docker網路的部分懶懶使用本地主機的網路,故使用下列指令加入host網路(此部分供參考,請依自己的網路狀況做設定)。 docker run -d --name cloudflared --restart always --net=host cloudflare/cloudflared:latest tunnel run --token **your_token** 6.如果連結成功,下方「Connectors」區域會即時顯示你的Connector ID、Data centers、Origin IP 等資訊,點擊下一步即可...

2023年03月06日 · 1 分鐘 · 149 字 · 懶懶
位移偵測

DVR-Scan 監視器影片觀看救星!影片位移偵測、提取及剪輯軟體,再也不用人工長時間觀看監視器影片

前言 懶懶因為工作的關係,常常需要長時間觀看監視器影片,而且監視器影片短則1-2小時,長則數天甚至以周來計算影片長度!此時當然需要借助軟體來篩選不需要觀看的監視器片段(換言之就是提取出監視器影片中有物體移動或運動的片段)。 以懶懶的經驗來說,自身帶有位移偵測的監視器鏡頭普遍而言價格比較高,一般的鏡頭僅帶有錄影功能,也造成使用者遇見緊急狀況時,無法快速查找需要的片段,這時DVR-Scan就能派上用場! 使用DVR-Scan無須任何費用,最重要的是它基於 BSD 2-Clause 授權條款自由且開源!! 實測畫面 影片總時長從11小時變成2小時 使用教學 (1).安裝DVR-Scan 官方網站 DVR-Scan (作者:Breakthrough) https://dvr-scan.readthedocs.io/ DVR-Scan on Github https://github.com/Breakthrough/DVR-Scan 點擊上方連結後,選取Download進入下載頁面 懶懶使用Windows 10 LTSC 64位元虛擬機器平台(Hyper-V),以下範例教學以Windows平台說明。 懶懶選擇使用 MSI 安裝,點選 Install MSI 下載安裝包直接無腦一鍵安裝到底! (MacOS,Linux平台可參照官方說明文件使用Python pip工具安裝) 注意 Windows版本已包含所有依賴項目。 只支援64位元作業系統。 安裝過程-1 安裝過程-2 「Windows鍵+R鍵」開啟執行框,輸入「cmd」開啟命令提示字元 輸入指令dvr-scan -V,確認DVR-Scan是否安裝成功 # 顯示DVR-Scan版本資訊 dvr-scan -V 切換到目標檔案所在的資料夾 # 懶懶的桌面路徑為C:\Users\user\Desktop # 範例影片路徑為C:\Users\user\Desktop\wuling_202407160300-202407161500.mp4 # 輸入下方「cd 指令」切換目錄至桌面 cd C:\Users\user\Desktop> 切換目錄結束之後,接著開始實際操作DVR-Scan (2).DVR-Scan 指令 範例影片 懶懶使用Youtube頻道台灣即時影像監視器的影片作為範例,若有侵權請告知! 台灣即時影像監視器 - [Live][21] 合歡山武嶺亭即時影像 2024-07-16 03:00~15:00 事前說明 範例影片的檔名為 「wuling_202407160300-202407161500.mp4」 範例影片完整路徑為 「C:\Users\user\Desktop\wuling_202407160300-202407161500.mp4」...

2023年01月16日 · 1 分鐘 · 157 字 · 懶懶
Cloudflare_CDN

Nextcloud、Cloudreve、Alist等網盤使用Cloudflare CDN服務,上傳超過100MB檔案失敗的排錯

前言 懶懶一直是自建網盤的使用者,目前以Cloudreve網盤作為主力使用,而Nextcloud作為備用網盤使用! 但前一陣子想傳輸大檔案(檔案大小超過100MB)時,卻發現兩種網盤(綁定同種域名下)雙雙出現Cloudflare返回502(Bad Gateway)錯誤! 排查分析 (1).懷疑原因:NGINX設定錯誤 因懶懶將Nextcloud架在VPS上頭,且為求使用方便故部屬在公網上,為保護原IP地址所以使用NGINX反代域名使用,而域名通過Cloudflare Proxy,原本單純以為沒設定NGINX設定檔的client_max_body_size而已 server { ......... location / { .... client_max_body_size 10G; .... } ......... } 後來發現完全不對,因為我的Cloudreve網盤也是放在公網,然後使用域名進行訪問,但我Cloudreve網盤是使用Cloudflare Tunnel作內網穿透,壓根沒使用NGINX啊! (2).懷疑原因:CloudFlare 免費版限制 經了解CloudFlare免費版有 upload size (HTTP POST request size) 100MB限制,但經懶懶爬文Cloudreve及Nextcloud皆有支援分片(分塊)上傳(chunked upload)的功能,但經懶懶在上傳途中觀察,每當第一個分片上傳完成就會卡住,無論每個分片大小是50MB或是100MB,問題依舊沒解決。 Cloudflare官方說明文件 Cloudflare Zero Trust - account-limits https://developers.cloudflare.com/cloudflare-one/account-limits/ Cloudflare Cache - Customization options and limitations https://developers.cloudflare.com/cache/about/default-cache-behavior/ Cloudflare Workers - Request limits - (413) Request entity too large https://developers.cloudflare.com/workers/platform/limits/ (3).懷疑原因:CloudFlare 緩存問題 經爬文後發現有網友說只要域名不經過Cloudflare Proxy(即DNS only),直接直連就能解決問題,但這樣就享受不到Cloudflare提供的防護了!(翻桌 Cloudflare Proxy狀態 後來懶懶想到之前有設定Page Rules讓Cloudreve Bypass掉緩存(因為使用CDN有BUG,會讓手機端登入頁面不斷刷新),那時上傳功能一切正常,但礙於免費版的Page Rules只能設定3個,所以不久後即將該設定移除,然後在移除後就發生上傳大檔案失敗的問題。...

2022年12月28日 · 1 分鐘 · 107 字 · 懶懶
Nextcloud

Nextcloud 在資料表 “oc_mounts” 中,找不到索引值 “mounts_class_index”

問題 更新到Nextcloud 24.0.7發現的問題 資料庫缺少了某些索引值。由於在一個龐大的表中新增索引需要一些時間,因此它們並不會被自動新增。您可執行 “occ db:add-missing-indices” 來手動新增那些缺少的索引值。當索引值新增完成後,查詢的速度通常會變得快許多 在資料表 “oc_mounts” 中,找不到索引值 “mounts_class_index” 。 檢查您 Nextcloud 的安全性。 解決方式 於終端機執行下列命令 sudo -u www-data php7.4 /var/www/nextcloud/occ db:add-missing-indices 注意事項 www-data 部分為使用者名稱 php7.4 部分視你的php版本名稱而定 e.g. php php7.4 /var/www/nextcloud/occ 部分為nextcloud資料夾路徑 執行結果 user@myvps:~$ sudo -u www-data php7.4 /var/www/nextcloud/occ db:add-missing-indices Check indices of the share table. Check indices of the filecache table. Check indices of the twofactor_providers table. Check indices of the login_flow_v2 table. Check indices of the whats_new table....

2022年11月11日 · 1 分鐘 · 141 字 · 懶懶