淺談一下前端http與https有什么區(qū)別

更新時間：2023年04月06日 08:38:54 作者：CrazyDragon_King

這篇文章主要介紹了淺談一下前端http與https有什么區(qū)別,現今大部分的網站都已經使用了 https 協(xié)議,那么https對比http協(xié)議有哪些不同呢,需要的朋友可以參考下

從 http 到 https

現今大部分的網站都已經使用了 https 協(xié)議，這樣我們在網絡上進行沖浪時，基本也就無需擔心自己的隱私被竊取了。不過，稍微了解一點計算機網絡知識的人都明白，http 默認是 80 端口，https 默認是 443 端口。但是現在在網頁輸入網址訪問的人，大部分都不會加 http://，因此默認訪問的是 http 協(xié)議，那么為什么大家還能繼續(xù)訪問 https 協(xié)議呢？因為這些網站都做了一個跳轉，訪問 80 端口會被自動重定向到 443 端口（即 http -> https）。

讓我們來看一個，日常生活中使用最廣泛的網站的例子吧！

在這里插入圖片描述

注意到了嗎？我并沒有輸入協(xié)議，所以瀏覽器默認是會訪問 http 網站的，但是最終的結果是訪問了 https 網站。我前面說了這是做了跳轉，但是這種說法是很模糊的，你并不知道實際上是使用了什么技術？作為一個有點技術追求的人，讓我們來一探究竟吧！
或者你可以先猜測一下：這里使用的技術是 請求轉發(fā) Request Forward 還是 重定向 Redirect 呢？

瀏覽器調試

直接上瀏覽器調試，這樣最清楚了?？梢钥吹竭@里會有兩個 www.baidu.com，直接看第一個前面問題的答案就已經出來了，是重定向 Redirect。

在這里插入圖片描述

注意，下面這樣訪問是錯誤的。 如果你調試的話，你也只能看到一個 www.baidu.com 的網站。因為之前訪問過了，瀏覽器會記住你訪問過的網址的，這里的區(qū)別在于匹配到網址后，出現了百度的 logo 圖標。所以，如果你想要真實的看到這種跳轉，你需要清空自己的瀏覽器瀏覽器歷史記錄（關于百度的瀏覽器歷史記錄）。

在這里插入圖片描述

實現自己的 http 到 https 的重定向

既然已經了解了前面的內容，那么我們就可以把這個方式給簡單的應用上了。這里大致的思路是：監(jiān)聽兩個端口，一個是端口提供 http 服務（只有一個根路徑），一個提供 https 服務（正常的應用服務路徑），然后如果有人訪問了 http 的根路徑，那么將其轉發(fā)到 https 服務的根路徑上即可。

網上有很多訪問生成自簽名的 CA 證書，這里就不多做介紹了，那么接下來直接看代碼吧！

package main

import (
	"log"
	"net/http"
)

var (
	CertFile = "C:/Users/alfred/Desktop/ssl/server.cer"
	KeyFile  = "C:/Users/alfred/Desktop/ssl/server.key"
)

func main() {
	go ListenHttp()
	go ListenHttps()
	select {}
}

func ListenHttp() {
	// 監(jiān)聽 http 端口，并把請求重定向到 https 端口
	httpServer := http.NewServeMux()
	httpServer.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
		log.Printf("http --> https")
		http.Redirect(w, r, "https://localhost:10000", http.StatusPermanentRedirect)
	})

	err := http.ListenAndServe(":9999", httpServer)
	if err != nil {
		log.Fatal(err)
	}
}

func ListenHttps() {
	// 監(jiān)聽 https 端口，提供實際的服務
	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
		w.Write([]byte("Welcome to SSL World!"))
	})

	http.HandleFunc("/hello", func(w http.ResponseWriter, r *http.Request) {
		w.Write([]byte("Hello Https World!"))
	})

	// 本機自簽名證書，僅演示使用
	err := http.ListenAndServeTLS(":10000", CertFile, KeyFile, nil)
	if err != nil {
		log.Fatal(err)
	}
}

在這里插入圖片描述