The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

使用 Cloudflare Tunnel 需要建立跨帳號通道時該如何正確設定

我今天被要求要設定一個臨時的網站讓客戶測試,但我的電腦已經設定好了一個通道,當時建立時是使用我在 Cloudflare 的 A 帳號,然而客戶想要連接的域名在我的另一個 Cloudflare 帳號下,設定的過程就卡關了,突然 cloudflared 變的沒有那麼方便。今天我就來記錄一下我如何解決這個問題。

... 繼續閱讀 ...

如何在 GitHub Pages 設定自訂域名並啟用免費的 TLS 憑證

我最近都在準備 實戰 E2E 測試:使用 Playwright 測試框架 課程,也為這堂課特別精心翻譯了整個 playwright.dev 網站,甚至還買了一個 playwright.tw 域名,並把翻譯好的網站部署到 GitHub Pages 上面。GitHub Pages 是 GitHub 提供的免費靜態網頁服務,使用者可以透過 GitHub Pages 建立個人網站、部落格、文件網站等。今天這篇文章我將介紹如何在 GitHub Pages 設定自訂域名與啟用免費的 TLS 憑證。

... 繼續閱讀 ...

如何在任意主機查詢對外的 IP 地址

我偶爾會需要查詢當前主機的對外 IP 地址 (出口 IP 地址),其實提供這種服務的網站很多,你可以透過瀏覽器開啟網頁查詢 IP 地址,也可以透過 curl 命令列工具查詢。不過,最近我常用的 ifconfig.co 因為掛上了 Cloudflare 的 CDN,同時又啟用了防機器人功能(Cloudflare Bot Management),導致我透過 curl 就抓不到 IP 了,感覺十分困擾。這篇文章我整理一些不同的選項,讓你可以在任意主機上查詢對外 IP 地址。

... 繼續閱讀 ...

使用 Dev Tunnels (開發人員通道) 快速打造一個對外公開的測試連結

開發 Webhook 應用程式的時候,最麻煩的地方就是如何讓外部的服務可以連線到你的本機開發環境。除此之外,要讓身邊的手機快速連到你正在開發中的網站,如果能快速建立一個對外公開的連結,且最好是 HTTPS 安全連線的網址,那也會十分方便。今天我要介紹一個微軟官方推出的 Dev Tunnels 服務,它擁有完整的命令列工具,同時也內建於 Visual Studio CodeVisual Studio 2022 之中,不但此服務完全免費,還十分容易上手,我們就馬上來看看怎樣使用吧!

... 繼續閱讀 ...

使用 Cloudflare Tunnel 的 TryCloudflare 取代 ngrok

最近在嘗試 Cloudflare Tunnel 服務,這是一套免費的服務,可以讓你在本機網路與 Cloudflare 網路之間建立一個隧道(Tunnel),讓外部的網路可以透過 Cloudflare 的端點(Edge)連線到你的本機端服務。不過 Cloudflare Tunnel 在設定上稍微有點麻煩,步驟有點多,而且要事先建立好 Cloudflare 帳號。不過,我發現 Cloudflare 還有提供一個 TryCloudflareQuick Tunnels 服務,也是免費的,但使用這個服務連 Cloudflare 帳號都不用建立,只要安裝 cloudflared 工具就可以直接開始使用,對於臨時想要從外網測試一個服務來說非常的方便,尤其是你想用手機測試電腦桌機網站的時候。

... 繼續閱讀 ...

Windows 11 無法撥接 VPN 之問題處理方法

最近有個同事換了一台個人電腦,預設安裝了 Windows 11 作業系統,但他怎樣都無法連接公司的 VPN 伺服器,卡關了好幾天。我今天幫他查登入狀況,我發現從 VPN 伺服器上的認證記錄來看都是正確無誤的,這代表帳號密碼都沒有打錯,問題肯定出在 Windows 11 身上!今天這個問題終於解決,本篇文章說明一下處理的方法。

... 繼續閱讀 ...

認識 Azure App Service 對外網路連線的 SNAT 限制

最近我們有個在 Azure App Service on Linux 的 Function App 站台出現了一些連線問題,主要問題並不是斷線,而是不時會出現 Timeout 問題,但這些問題我們在本機開發時都不會遇到,是部署到 Azure 之後才遇到的問題。我花了好幾天才真正釐清問題的潛在原因,這篇文章我就來說明這個特殊的狀況。

... 繼續閱讀 ...