go語言怎么使用Chromedp實(shí)現(xiàn)二維碼登陸

本文小編為大家詳細(xì)介紹“go語言怎么使用Chromedp實(shí)現(xiàn)二維碼登陸”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“go語言怎么使用Chromedp實(shí)現(xiàn)二維碼登陸”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

1 Chromedp是什么

chromedp是一個(gè)更快、更簡(jiǎn)單的Golang庫(kù)用于調(diào)用支持Chrome DevTools協(xié)議的瀏覽器，同時(shí)不需要額外的依賴（例如Selenium和PhantomJS）

Chrome和Golang都與Google有著相當(dāng)密切的關(guān)系，而Chrome DevTools其實(shí)就是Chrome瀏覽器按下F12之后的控制終端

2 為什么不使用Selenium

對(duì)于Golang開發(fā)來說，使用chromedp更為便捷，因?yàn)樗鼉H僅需要Chrome瀏覽器而并不需要依賴ChromeDriver，省去了依賴問題，有助于自動(dòng)化的構(gòu)建和多平臺(tái)架構(gòu)的遷移

3 文章解決了什么需求

• 如何使用chromedp進(jìn)行二維碼登陸

• 如何將二維碼展示在無圖形化的終端上（makiuchi-d/gozxing解碼 skip2/ go-qrcode編碼）

• 如何保存Cookies實(shí)現(xiàn)短時(shí)間免登陸

網(wǎng)站會(huì)更新，文章不保證更新，請(qǐng)務(wù)必學(xué)會(huì)舉一反三

4.如何使用chromedp進(jìn)行二維碼登陸

4.1 安裝chromedp

• 下載并安裝Chrome瀏覽器

• 創(chuàng)建Golang項(xiàng)目，開啟Go Module(在項(xiàng)目目錄下使用終端輸入go mod init)

• 在項(xiàng)目目錄下使用終端輸入：

go get -u github.com/chromedp/chromedp

（如果有依賴問題請(qǐng)刪除-u）

4.2 嘗試打開網(wǎng)站

（以金山文檔https://account.wps.cn/為例）

1.重新設(shè)置chromedp使用"有頭"的方式打開，以便于我們進(jìn)行debug

func main(){
    // chromdp依賴context上限傳遞參數(shù)
	ctx, _ := chromedp.NewExecAllocator(
		context.Background(),
		// 以默認(rèn)配置的數(shù)組為基礎(chǔ)，覆寫headless參數(shù)
		// 當(dāng)然也可以根據(jù)自己的需要進(jìn)行修改，這個(gè)flag是瀏覽器的設(shè)置
		append(
			chromedp.DefaultExecAllocatorOptions[:],
			chromedp.Flag("headless", false),
		)...,
	)
}

2.創(chuàng)建chromedp上下文對(duì)象

func main(){
    // chromdp依賴context上限傳遞參數(shù)
    ...
    // 創(chuàng)建新的chromedp上下文對(duì)象，超時(shí)時(shí)間的設(shè)置不分先后
    // 注意第二個(gè)返回的參數(shù)是cancel()，只是我省略了
	ctx, _ = context.WithTimeout(ctx, 30*time.Second)
	ctx, _ = chromedp.NewContext(
		ctx,
		// 設(shè)置日志方法
		chromedp.WithLogf(log.Printf),
	)
	// 通?？梢允褂?nbsp;defer cancel() 去取消
	// 但是在Windows環(huán)境下，我們希望程序能順帶關(guān)閉掉瀏覽器
	// 如果不希望瀏覽器關(guān)閉，使用cancel()方法即可
	// defer cancel()
	// defer chromedp.Cancel(ctx)
}

3.執(zhí)行自定義的任務(wù)

func main(){
    // chromdp依賴context上限傳遞參數(shù)
    ...
    // 創(chuàng)建新的chromedp上下文對(duì)象，超時(shí)時(shí)間的設(shè)置不分先后
    // 注意第二個(gè)返回的參數(shù)是cancel()，只是我省略了
    ...
    // 執(zhí)行我們自定義的任務(wù) - myTasks函數(shù)在第4步
	if err := chromedp.Run(ctx, myTasks()); err != nil {
		log.Fatal(err)
		return
	}
}

4.至此程序的初始化過程已經(jīng)完成，接下來就是任務(wù)——打開登陸頁面

// 自定義任務(wù)
func myTasks() chromedp.Tasks {
	return chromedp.Tasks{
		// 1. 打開金山文檔的登陸界面
		chromedp.Navigate(loginURL),
	}
}

5.運(yùn)行一下程序，可以看到Chrome被打開，同時(shí)訪問了我們指定的網(wǎng)站

4.3 獲取二維碼（點(diǎn)擊過程）

1.需要點(diǎn)擊微信登陸按鈕，先找到按鈕的選擇器，右鍵按鈕并在菜單中點(diǎn)擊檢查，然后可以看到按鈕的元素

2.右鍵元素打開菜單找到copy下的copy selector，即獲取到選擇器

3.我們嘗試點(diǎn)擊微信登陸按鈕，發(fā)現(xiàn)還需要點(diǎn)擊一下確認(rèn)，重復(fù)上述步驟獲取確認(rèn)按鈕的選擇器

4.用代碼執(zhí)行上述點(diǎn)擊步驟

// 自定義任務(wù)
func myTasks() chromedp.Tasks {
	return chromedp.Tasks{
		// 1. 打開金山文檔的登陸界面
		chromedp.Navigate(loginURL),
		// 2. 點(diǎn)擊微信登陸按鈕
		// #wechat > span:nth-child(2)
		chromedp.Click(`#wechat > span:nth-child(2)`),
		// 3. 點(diǎn)擊確認(rèn)按鈕
		// #dialog > div.dialog-wrapper > div > div.dialog-footer > div.dialog-footer-ok
		chromedp.Click(`#dialog > div.dialog-wrapper > div > div.dialog-footer > div.dialog-footer-ok`),
	}
}

5.運(yùn)行程序即可直達(dá)二維碼展示界面

6.用同樣的方式，獲取二維碼圖片的選擇器

7.用代碼實(shí)現(xiàn)獲取二維碼

有兩點(diǎn)需要注意，第一是二維碼有加載過程，第二是二維碼是元素渲染，

我們需要用截圖的方式獲?。ㄒ部梢杂胘s來獲取對(duì)應(yīng)的href并下載，但是為了照顧小白，選擇最簡(jiǎn)單的）

func myTasks() chromedp.Tasks {
	return chromedp.Tasks{
		// 1. 打開金山文檔的登陸界面
		...
		// 2. 點(diǎn)擊微信登陸按鈕
		...
		// 3. 點(diǎn)擊確認(rèn)按鈕
		...
		// 4. 獲取二維碼
		// #wximport
		getCode(),
	}
}
func getCode() chromedp.ActionFunc {
	return func(ctx context.Context) (err error) {
		// 1. 用于存儲(chǔ)圖片的字節(jié)切片
		var code []byte
		// 2. 截圖
		// 注意這里需要注明直接使用ID選擇器來獲取元素（chromedp.ByID）
		if err = chromedp.Screenshot(`#wximport`, &code, chromedp.ByID).Do(ctx); err != nil {
			return
		}
		// 3. 保存文件
		if err = ioutil.WriteFile("code.png", code, 0755); err != nil {
			return
		}
		return
	}
}

8.執(zhí)行程序即可發(fā)現(xiàn)目錄下已經(jīng)存儲(chǔ)了二維碼圖片文件，我們可以通過掃描此二維碼進(jìn)行登陸，與瀏覽器上掃描為同一種效果

5. 如何將二維碼展示在無圖形化的終端上

（與chromedp無關(guān)，屬于額外內(nèi)容）

1.在上述步驟中，我們已經(jīng)獲取了二維碼，接下來我們需要在終端顯示二維碼，首先是解碼，這里使用gozxing庫(kù)

func printQRCode(code []byte) (err error) {
	// 1. 因?yàn)槲覀兊淖止?jié)流是圖像，所以我們需要先解碼字節(jié)流
	img, _, err := image.Decode(bytes.NewReader(code))
	if err != nil {
		return
	}
	// 2. 然后使用gozxing庫(kù)解碼圖片獲取二進(jìn)制位圖
	bmp, err := gozxing.NewBinaryBitmapFromImage(img)
	if err != nil {
		return
	}
	// 3. 用二進(jìn)制位圖解碼獲取gozxing的二維碼對(duì)象
	res, err := qrcode.NewQRCodeReader().Decode(bmp, nil)
	if err != nil {
		return
	}
	return
}

2.然后重新編碼來輸出二維碼到終端，這里使用go-qrcode庫(kù)

// 請(qǐng)注意import的庫(kù)發(fā)生了重名
import (
	"github.com/makiuchi-d/gozxing"
	"github.com/makiuchi-d/gozxing/qrcode"
	goQrcode "github.com/skip2/go-qrcode"
)
func printQRCode(code []byte) (err error) {
	// 1. 因?yàn)槲覀兊淖止?jié)流是圖像，所以我們需要先解碼字節(jié)流
	...
	// 2. 然后使用gozxing庫(kù)解碼圖片獲取二進(jìn)制位圖
	...
	// 3. 用二進(jìn)制位圖解碼獲取gozxing的二維碼對(duì)象
	...
	// 4. 用結(jié)果來獲取go-qrcode對(duì)象（注意這里我用了庫(kù)的別名）
	qr, err := goQrcode.New(res.String(), goQrcode.High)
	if err != nil {
		return
	}
	// 5. 輸出到標(biāo)準(zhǔn)輸出流
	fmt.Println(qr.ToSmallString(false))
	return
}

3.修改我們第二步的過程

func getCode() chromedp.ActionFunc {
	return func(ctx context.Context) (err error) {
		// 1. 用于存儲(chǔ)圖片的字節(jié)切片
		...
		// 2. 截圖
		// 注意這里需要注明直接使用ID選擇器來獲取元素（chromedp.ByID）
		...
		// 3. 把二維碼輸出到標(biāo)準(zhǔn)輸出流
		if err = printQRCode(code); err != nil {
			return err
		}
		return
	}
}

3.運(yùn)行程序即可查看效果

6. 如何保存Cookies實(shí)現(xiàn)短時(shí)間免登陸

1.在上述過程中，我們可以通過二維碼掃描登陸，網(wǎng)站會(huì)在登陸之后進(jìn)行跳轉(zhuǎn)，跳轉(zhuǎn)后我們需要保存cookies來維持我們的登錄狀態(tài)，代碼實(shí)現(xiàn)如下

// 保存Cookies
func saveCookies() chromedp.ActionFunc {
	return func(ctx context.Context) (err error) {
		// 等待二維碼登陸
		if err = chromedp.WaitVisible(`#app`, chromedp.ByID).Do(ctx); err != nil {
			return
		}
		// cookies的獲取對(duì)應(yīng)是在devTools的network面板中
		// 1. 獲取cookies
		cookies, err := network.GetAllCookies().Do(ctx)
		if err != nil {
			return
		}
		// 2. 序列化
		cookiesData, err := network.GetAllCookiesReturns{Cookies: cookies}.MarshalJSON()
		if err != nil {
			return
		}
		// 3. 存儲(chǔ)到臨時(shí)文件
		if err = ioutil.WriteFile("cookies.tmp", cookiesData, 0755); err != nil {
			return
		}
		return
	}
}

2.獲取到Cookies之后，我們需要在程序運(yùn)行時(shí)將Cookies從臨時(shí)文件中加載到瀏覽器中

// 加載Cookies
func loadCookies() chromedp.ActionFunc {
	return func(ctx context.Context) (err error) {
		// 如果cookies臨時(shí)文件不存在則直接跳過
		if _, _err := os.Stat("cookies.tmp"); os.IsNotExist(_err) {
			return
		}
		// 如果存在則讀取cookies的數(shù)據(jù)
		cookiesData, err := ioutil.ReadFile("cookies.tmp")
		if err != nil {
			return
		}
		// 反序列化
		cookiesParams := network.SetCookiesParams{}
		if err = cookiesParams.UnmarshalJSON(cookiesData); err != nil {
			return
		}
		// 設(shè)置cookies
		return network.SetCookies(cookiesParams.Cookies).Do(ctx)
	}
}

3.通過上述兩步我們已經(jīng)可以保持登陸狀態(tài)，然后我們需要檢查一下是否成功，這里調(diào)用瀏覽器執(zhí)行js腳本獲取當(dāng)前頁面的網(wǎng)址，判斷是否已經(jīng)個(gè)人中心頁面，如果為真，則停止操作

// 檢查是否登陸
func checkLoginStatus() chromedp.ActionFunc {
	return func(ctx context.Context) (err error) {
		var url string
		if err = chromedp.Evaluate(`window.location.href`, &url).Do(ctx); err != nil {
			return
		}
		if strings.Contains(url, "https://account.wps.cn/usercenter/apps") {
			log.Println("已經(jīng)使用cookies登陸")
			chromedp.Stop()
		}
		return
	}
}

4.最終重新設(shè)置我們的瀏覽器任務(wù)即可

// 自定義任務(wù)
func myTasks() chromedp.Tasks {
	return chromedp.Tasks{
		// 0. 加載cookies <-- 變動(dòng)
		loadCookies(),
		// 1. 打開金山文檔的登陸界面
		...
		// 判斷一下是否已經(jīng)登陸  <-- 變動(dòng)
		checkLoginStatus(),
		// 2. 點(diǎn)擊微信登陸按鈕
		// #wechat > span:nth-child(2)
		...
		// 3. 點(diǎn)擊確認(rèn)按鈕
		// #dialog > div.dialog-wrapper > div > div.dialog-footer > div.dialog-footer-ok
		...
		// 4. 獲取二維碼
		// #wximport
		...
		// 5. 若二維碼登錄后，瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到用戶信息頁面  <-- 變動(dòng)
		saveCookies(),
	}
}

5.我們使用已經(jīng)登陸的cookies運(yùn)行程序可以發(fā)現(xiàn)我們成功跳過登陸過程

讀到這里，這篇“go語言怎么使用Chromedp實(shí)現(xiàn)二維碼登陸”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。