Tagged

網路

A collection of 33 posts

Client-side Render 和 SSR 的差別
鐵人賽網路httpGoogleReactJavaScript

Client-side Render 和 SSR 的差別

Client-side Render 和 Server-side Render 在實作起來究竟有什麼差別?Debug 時有什麼不一樣,對 SEO 又會有什麼影響呢?

SSH 金鑰:免密碼登入遠端主機、傳遞檔案
鐵人賽VPSLinux網路

SSH 金鑰:免密碼登入遠端主機、傳遞檔案

覺得打密碼很麻煩嗎?透過 Public Key Authentication 的方式,可以讓你不需輸入密碼就透過 SSH 進入你的遠端主機。

Nginxconfig:自動產生 Nginx 設定檔的線上工具
鐵人賽VPShttpLinux網路

Nginxconfig:自動產生 Nginx 設定檔的線上工具

上次有介紹到 Nginx,一個輕巧而優美的 HTTP 伺服器,並建議新手都應該嘗試看看。但是一開始使用預設的設定檔後,可能稍微知道怎麼修改,卻不知道該怎麼編寫。這個 Nginxconfig 就是一個線上的 nginx 設定檔產生器,只要勾選、輸入幾個設定,就會產生對應的設定檔供使用者下載。

Nginx:高效能的 Web 伺服器、反向代理、負載平衡
鐵人賽LinuxVPShttp網路

Nginx:高效能的 Web 伺服器、反向代理、負載平衡

Web 伺服器的首選,大概不是 Nginx 就是 Apache 了。這篇文章說明為什麼我偏向使用 Nginx 而不是 Apache。

透過 HTTP Cache 讓 CDN 快取特定檔案
鐵人賽網路http

透過 HTTP Cache 讓 CDN 快取特定檔案

這篇來講 HTTP 快取的作法,不論你是要調整檔案快取時間、決定要不要讓 CDN 快取,還是要隨時保持最新的檔案,都可以透過這些 Header 來調整。

CloudFlare 快取了什麼?五招設定看這裡
鐵人賽VPS網路http

CloudFlare 快取了什麼?五招設定看這裡

CloudFlare 能夠幫你擋下許多惡意流量、也能幫你快取住許多資源。但你知道 CloudFlare 預設到底會快取什麼,該怎麼清除掉過期的快取嗎?

CloudFlare:免費 CDN、DNS 託管,加速又防 DDOS
鐵人賽VPS網路http

CloudFlare:免費 CDN、DNS 託管,加速又防 DDOS

如果你的網站有很多靜態資源(如圖片、影片等),需要大量流量的話,通常會找個像樣的 CDN 來幫網站加速,這時 CloudFlare 就是你的一個好選擇。

API 實作(五):用 DevTools 查看 HTTP 封包
鐵人賽程式API網路http

API 實作(五):用 DevTools 查看 HTTP 封包

寫完 API 以後通常會用 postman 去測試,但是實際放到前端去呼叫以後可能還是會有一些沒抓到的問題,這時候 Chrome 的 DevTools 就可以協助你解決這種問題。

Certbot:幫你的網站安裝免費 HTTPS 憑證
鐵人賽VPSLinux網路http

Certbot:幫你的網站安裝免費 HTTPS 憑證

我們可以透過 Certbot 來建立免費的 HTTPS 憑證。Certbot 其實是利用 Let's Encrypt 的免費 HTTPS 憑證,而 Let's Encrypt 是由 Mozilla、Cisco、Google 等大公司共同贊助推動的服務,主要是要推廣大家都來簽 HTTPS,讓網路更安全。

用 Nginx 伺服器建立反向代理
鐵人賽網路LinuxVPShttp

用 Nginx 伺服器建立反向代理

雖然我們可以直接將 Node.js 專案的 port 指向 80,甚至可以加上 HTTPS 憑證,那用 Nginx 當反向代理還有什麼好處呢?

在 Gandi 上購買你的第一個 Domain
鐵人賽VPS網路

在 Gandi 上購買你的第一個 Domain

有了 Server 也有了服務後,你開始可以把服務公開給別人一起使用了。但是丟給別人的時候只能給 IP,很麻煩嗎?這時候你就應該購買你的第一個 Domain。

API 實作(三):以 Postman 測試 API
鐵人賽程式JavaScriptAPIhttp網路

API 實作(三):以 Postman 測試 API

寫完 API 以後,要怎麼確定 API 是符合文件、符合預期的呢?除了用瀏覽器寫表單慢慢測、或是用 curl 工具測試以外,還有更直覺簡單的方法:Postman。

API 實作(二):以 Koa 實作 RESTful API
鐵人賽程式JavaScripthttp網路API

API 實作(二):以 Koa 實作 RESTful API

透過 Koa 來寫 Web 框架,很輕鬆就可以寫出一個 RESTful API。這篇會示範如何以 koa-router,寫一個簡單具有 CRUD 功能的 RESTful API。

Koa.js:簡單好用的 Web 框架
鐵人賽程式JavaScripthttp網路

Koa.js:簡單好用的 Web 框架

這幾年 JavaScript 已經不只可以寫前端,也可以寫後端程式。如果說要用 JS 來寫後端程式,第一個我會推薦 Koa.js。

Now:在雲端部屬你的網站、後端功能
ServerlessVPS網路ReactJavaScript

Now:在雲端部屬你的網站、後端功能

透過 Now,你可以在任何時候把你的網站部屬到雲端主機服務,你不需要管理複雜的主機設定,全部都在 serverless 的服務上做到好,更重要的是它有免費方案!

Chart.xkcd:畫出手寫漫畫風的圖表
JavaScript程式視覺化網路

Chart.xkcd:畫出手寫漫畫風的圖表

平常要畫圖表的時候,應該會使用開源的 Chart.js 來畫互動式圖表。但是在跟大家長的一樣的圖表、或是自己加 CSS 之間做取捨,或許可以考慮用 Chart.xkcd 來畫出卡通樣式、手寫風的圖表。

NordVPN:全球超過 5000 個伺服器的付費 VPN 服務
VPN網路

NordVPN:全球超過 5000 個伺服器的付費 VPN 服務

上一篇介紹了可以自己架設的 Outline 服務。如果你覺得自己架設 VPN 稍嫌麻煩,或是想要一次跨區到多個地區,可以試試看付費的 VPN 服務。

Outline VPN:輕鬆建立 VPN 的好選擇
網路VPNVPS

Outline VPN:輕鬆建立 VPN 的好選擇

Outline 是個開放原始碼的 VPN 工具,因為簡單易用,能讓大部分使用者簡單部屬並使用而聞名。一開始是為了保護新聞工作者有安全的方式存取資料,讓新聞工作組織也能輕鬆建立 VPN、安全使用網路並保持私密溝通。

ufw:簡易防火牆設置
Linux網路

ufw:簡易防火牆設置

Linux 上的 iptables 可能太難,我們不是專業的資安工程師,也不是什麼 Linux 老鳥。像我們這種菜鳥,還是用 ufw 就好了。這篇整理一些常用的 ufw 設定。

VPN:跨區、突破網路限制的好工具
網路VPSVPNGoogle

VPN:跨區、突破網路限制的好工具

VPN 能夠讓你偽造你的 IP 進而跨區瀏覽資訊,或是透過連線保護你的資訊不被竊取,這篇文章將介紹幾種使用 VPN 的時機,並介紹幾種適合的使用方法。

Web 視覺化(四):建立 OpenStreetMap 地圖
HTML5程式網路視覺化開放資料

Web 視覺化(四):建立 OpenStreetMap 地圖

OpenStreetMap 是個開放的地圖,不需要被商業 API 所限制,開發者可以自由地使用。這篇文章將帶你用 Leaflet.js 建置網頁上的 OpenStreetMap 地圖。

前端開發的三個好工具:該怎麼 Debug、上線要放哪?
程式JavaScriptHTML5網路

前端開發的三個好工具:該怎麼 Debug、上線要放哪?

每次寫前端的時候都是用直接點兩下 html 檔案,用瀏覽器開啟嗎?寫完之後都不知道要丟到哪個空間嗎?這邊提供我平常寫前端會用到的幾個工具。

Web 視覺化(三):在 Google Maps 中加入行政區邊界
JavaScript視覺化網路程式Google

Web 視覺化(三):在 Google Maps 中加入行政區邊界

在學會操作基本 Google Maps 以後,再來是如何把行政區邊界加進地圖裡。這篇會透過政府開放資料的行政區邊界,把 GeoJSON 格式讀進地圖裡。

架設 Ghost:使用 Markdown 的部落格平臺
JavaScript軟體網路http

架設 Ghost:使用 Markdown 的部落格平臺

除了 WordPress 以外,Ghost 也是一個迅速竄起的平臺。系統本身使用 JavaScript 撰寫、使用者只要用 Markdown 就可以寫文章。

Web 視覺化(二):使用 Google Maps JS API 建立地圖
JavaScript程式網路視覺化Google

Web 視覺化(二):使用 Google Maps JS API 建立地圖

除了建立長條圖等圖表,如果是有經緯度資料的,通常都會選擇用地圖來呈現。Web 上的地圖應該只有 OpenStreetMap 和 Google Maps 兩大宗,這篇則選用 Google Maps 來講解。