更新WooCommerce:2020年安全深入的指南

更新WooCommerce商店是一件很嚴肅的事情,因為您可能會破壞某些功能,這些功能可能會對您的底線或網站的工作產生負面影響。

當WooCommerce更新發布時,商店所有者中有四種思路:

  • 牛仔:這些商店的老闆毫不猶豫地點擊了「更新」。然後他們的商店倒塌了。
  • 沙發土豆:那些完全忽略更新的人,將它們視為不存在。
  • 嚇人貓:這些商店的老闆擁有太多過時的插件和主題,因為他們害怕嘗試更新會發生什麼。
  • Maverick:最後,這些是商店所有者,他們運行常規備份,在臨時站點上測試WooCommerce的新版本,然後毫無問題地更新其活動站點。

理想情況下,每個人都應該是小牛。幸運的是,成為一個人並不難!有了合適的工具,可靠的測試清單以及一些自動化功能,您就可以開始使WooCommerce網站保持最新狀態並始終保持平穩運行。

在本文中,我們將指導您從頭到尾執行安全的WooCommerce更新,包括要使用的工具以及大量的測試和更新清單。

準備開始?那就做吧!

現在花一點時間節省以後的大量時間(和焦慮)

在我們深入研究之前,最佳實踐告訴我們,在未首先全面測試任何新版本之前,切勿更新您的網站,尤其是WooCommerce。這適用於主要版本,次要版本和修補程序版本-沒關係。

您必須願意花一點時間現在才能節省很多時間。

您無需立即點擊「更新」按鈕。給自己一些時間,並確保您了解將要進行的更改,最重要的是,它們如何影響您網站上的其他所有內容。只需閱讀要更新的WooCommerce版本中可用的新功能,即可幫助您著手準備需要做的事情。

為了透視事物並了解事物容易破裂的原因,請從陷入困境或主題開發者的角度思考一下:因為WooCommerce核心以及WordPress核心都需要向後兼容。現在,考慮一下您或您的客戶端站點正在使用的插件數量。WooCommerce更新可能會破壞某些功能嗎?好吧,我想您已經知道答案了:非常有可能。

這就是為什麼在WooCommerce更新公告發布之後,在更新WooCommerce之前複習變更日誌和WordPress.org支持論壇總是一件好事的原因。如果更新存在問題,則99%的其他人會首先遇到該問題,從而為您節省了大量時間和麻煩。

避免立即將WooCommerce更新推送到您的站點,並等待插件/主題作者發布自己對WooCommerce相關產品的更新,然後再更新您的站點也很常見。因此,耐心等待並花點時間檢查兼容性確實會有所收穫。
在更新WooCommerce網站時,您的經營方式像?牛仔,?沙發土豆,?恐怖貓還是?小牛?單擊以查看您是哪種類型的商店所有者。?單擊以鳴叫
WooCommerce更新入門

接近WooCommerce更新時有四個基本階段,每個階段都有其自己的既定步驟。我們保證,當您完成所有操作之後,每次都會變得越來越快!我們將引導您完成更新WooCommerce的以下四個階段中的每個階段:

更新WooCommerce:獲得正確的工具

讓我們面對現實:手動測試WooCommerce既繁瑣又耗時。由於這些原因,許多人乾脆不這樣做,或者,當他們這樣做時,他們沒有進行正確的測試並錯過了網站上的錯誤。

幸運的是,有一些工具可以幫助加快測試過程,並使之不再那麼無聊。經過多年無數次測試WooCommerce更新後,我們推薦了這些工具。讓我們仔細看看每個。

登台地點

這是不可談判的。新發布的WooCommerce之後,您永遠不要立即更新您的實時站點。臨時站點提供了一個測試環境,您可以在其中自由地進行操作(通常不會造成任何影響)。

在這裡,您可以運行WooCommerce更新,測試新版本,以及在更新實時網站之前查看您的網站可能會如何反應。如果您沒有暫存站點,Kinsta可以為您提供幫助(我們提供一鍵式暫存環境):

MyKinsta的一鍵式登台環境

MyKinsta的一鍵式登台環境

視覺比較工具

您如何知道WooCommerce更新後您的網站是否已更改?如果您運行一個包含數十個頁面的大型站點,則要跟蹤格式的微小更改,甚至是停止顯示的小部件,都需要花費一些時間。

藉助我們將在本教程中使用的可視化比較工具(如WP Boom),您可以為您的網站拍攝快照,單擊「更新」,然後拍攝第二張快照,以便快速查看更改內容:

WP繁榮

WP臂

重要的是要指出,視覺上的變化並不一定意味著您網站上的某些功能已被破壞,而僅僅是可能被破壞了。

端到端測試工具

視覺比較工具可以幫助您快速發現網站格式和設計中的更改,而端到端測試工具則更進一步。他們會測試您網站的實際功能,並在出現問題時提供更多的確定性。

在您的站點周圍單擊以完成測試(例如將項目添加到購物車並簽出)需要花費時間。在測試WooCommerce更新一百次之前,這些任務很快就會老化。

使用端到端測試工具,您可以自動執行此過程,從而自動為您完成。

在關閉機器人忍者之後,我們將在本教程中向您展示如何使用兩種不同的工具。

第一個是Ghost檢查器:

幽靈檢查員

幽靈督察

您可以嘗試使用的第二個端到端測試工具是Usetrace:

usetrace網站

使用跟蹤

這是WooCommerce的另一種自動化的端到端測試工具,可以在臨時站點和實時站點上使用。我們將在本文後面介紹如何設置兩者。如果您是開發人員,WooCommerce還提供一些E2E測試,您可以通過它進行測試。

備份工具

您應該運行站點的常規備份。如果您對資料庫備份感興趣,我們建議您使用WP Migrate DB Pro,或者僅使用WP-CLI運行快速導出。

如果您使用Kinsta,我們將為所有計劃提供每日自動備份,手動備份點和備份保留:

MyKinsta備份

MyKinsta備份

一旦有了正確的工具,就該做些準備了。

更新WooCommerce:準備(7步清單)

如果您希望WooCommerce更新順利進行,則需要做一些準備。涉及到一些工作,但是準備一次後,可以輕鬆地填補空白,並在下次更新時更快地完成。以下是我們建議的七個準備步驟。

第1步:重新熟悉要更新的網站

如果不確定您的網站應如何運作(即,如果它是新客戶的網站),請注意一些事項。如果您對網站更新後的工作方式感到困惑,這將有助於減輕您可能會感到的焦慮(這種情況的發生頻率超出您的預期)。

我還建議列出關鍵URL以及站點(和客戶)的功能。這應該包括您網站上的重要頁面,例如您的家庭,類別和產品,「我的帳戶」,購物車和結帳頁面。

步驟2:驗證您的備份是最新的

如果您的備份不是最新的,那麼現在該運行另一個備份了。重新熟悉您的備份工具。最重要的是,檢查它是否正常運行,並確保您知道如何還原到站點的先前快照。

步驟3:設定WP臂桿

只需一分鐘即可設置此工具。如果您的記憶力和記筆記不好(我們都會犯錯),那麼WP Boom可以利用您的網站屏幕快照來填補空白。將它們視為減肥促銷中的「之前」照片。

您首先需要製作第一個站點快照,這樣就可以直觀地看到臨時站點預更新的基線記錄。

通常,它無法拍攝結帳(購物車中需要一些產品)和受保護頁面的屏幕截圖,但這是接下來的工具之一可以提供幫助的地方。

注意:在本文的後面,我們將引導您逐步設置和使用WP Boom。

使用WordPress,我們的流量增長了1,187%。
我們將向您展示如何。
加入20,000多個其他人,他們每周都會收到有關WordPress內部技巧的新聞!

現在訂閱

成功!感謝您的訂閱

您將在一周內收到下一期的Kinsta新聞通訊。

訂閱Kinsta新聞通訊

訂閱

我同意條款和條件以及隱私政策

步驟4:設置自動測試工具

如果您是手動測試WooCommerce,則這裡是您列出測試場景的部分:即,打開網站,將產品添加到購物車,前往結帳,輸入付款信息,等等。

幸運的是,Ghost Inspector和Usetrace都可以自動為您完成所有這些工作。我們將稍後解釋如何設置這兩個工具。

步驟5:確定您要測試的網站的其他任何部分

下一步是根據您先前創建的關鍵URL和功能列表,確定要測試的網站的其他任何部分。這可以是聯繫表單和彈出窗口之類的功能,或者是幻燈片和畫廊之類的元素。

您可以手動測試這些內容,或者如果您具有更高的技術意識,也可以嘗試自動執行此步驟。

第6步:查看您要更新的WooCommerce版本中的新增功能

最好查看要更新到的WooCommerce版本中提供了哪些新更新和功能。更具體地說,請檢查您的插件和主題是否兼容。

同樣,最好現在花一些時間,以節省一些時間和以後的焦慮。我們建議您在WooCommerce.com上查看發布公告,更改日誌,GitHub問題和WordPress支持論壇。

步驟7:將活動站點克隆到暫存環境

如果您使用的是具有登台模式的任何插件(例如WooCommerce訂閱),請打開它們或直接禁用它們。同樣,您將要禁用電子郵件。

然後,仔細檢查以確保您的登台環境儘可能地模仿您的活動站點。我們還建議此時啟用WordPress調試模式,以幫助解決問題。

重要提示:將網站推向登台後,您不希望丟失任何可能通過的訂單。為避免這種情況,我們建議您將WooCommerce商店置於維護模式。這樣可以確保在執行更新和測試時不會下任何訂單。

更新WooCommerce:更新和測試您的登台站點(7步清單)

現在您已經準備就緒,可以開始工作了,這是有趣的部分:更新您的登台站點。關於分階段站點的令人敬畏的事情是,站點是否中斷並不重要,因為它只是一個副本。讓我們看一下此過程中涉及的步驟。

步驟1:使用WP Boom拍攝網站快照

您要做的第一件事就是使用WP Boom拍攝站點快照。這將為您提供登台站點的可視基線記錄(預先更新)。

步驟2:運行測試工具,並確保測試通過

如前所述,您可以使用端到端測試工具(例如Ghost Inspector或Usetrace)來自動化您的測試。在本文的後續部分,我們將引導您逐步了解如何使用這兩種工具運行測試,並檢查以確保測試通過。

步驟3:更新您的插件和主題

在準備階段,我們提到要檢查您的插件和主題是否與您要更新的WooCommerce的最新版本兼容。如果您發現插件或主題已過時並且不再與WooCommerce的最新版本兼容,那麼現在是時候將其更新為兼容版本了。

步驟4:在您的登台站點上更新WooCommerce

一旦更新了插件和主題,並確保不存在任何兼容性問題,就可以將臨時站點更新為最新版本的WooCommerce。通過更新暫存站點,您可以在將WooCommerce更新推送到實時站點之前確定要解決的所有潛在錯誤。

步驟5:檢查日誌中是否有錯誤

更新插件,主題和WooCommerce之後,檢查日誌以查找由這些更新導致的任何錯誤都是很明智的。快速掃描以確保您仍然可以訪問主頁和管理區域。

如果白屏死機或陷入其他無法恢復的狀況,那麼現在是恢復到站點以前快照的好時機。您可以自己解決問題或尋求幫助。

步驟6:製作第二張快照以比較更改

如果到目前為止一切順利,請再次運行WP Boom並獲取第二張快照。比較您之前和之後的快照以查看更改。

WP Boom的優點在於,它將告訴您自上次快照以來您的網站已更改了多少。

例如,兩組快照之間的視覺變化可能為7%。雖然這不一定意味著您的網站已損壞,但可能意味著您需要調整某些樣式。

步驟7:再次運行Ghost檢查器或Usetrace以確保一切正常

接下來,使用Ghost Inspector或Usetrace(或所選的任何端到端測試工具)運行另一項測試,以確保您的結帳流程處於適當的工作狀態。您還可以對站點上的任何其他功能(例如聯繫表)執行手動或自動檢查。

如果您沒有按預期工作,現在是時候報告和/或修復它了。

如果您的網站上正在運行自定義代碼(即第三方插件/擴展程序開發人員未維護的代碼),則需要對其進行修復,並確保在運行網站之前或之後將這些修復程序應用於您的實時網站更新(取決於問題)。

版本控制(例如,將站點置於Git中)可以幫助您更好地管理更改。報告錯誤的位置將取決於您所使用的插件和支持安排。在這裡,您要麼必須等待插件/主題的新版本發布,然後再次嘗試該過程,要麼自己進行修復並更新代碼。

好消息是,您的活動站點沒有損壞,您的客戶仍然可以進行購買。另外,您可以花時間根據需要重複此過程,直到您感到一切都能按預期工作為止。

更新WooCommerce:更新和測試您的實時站點(8步清單)

一旦更新了登台站點並使其平穩運行,修復了所有損壞的功能並消除了所有錯誤,您就可以更新在線站點了。

讓我們看一下更新實時WooCommerce網站所涉及的步驟,其中許多步驟與您在登台站點測試期間執行的步驟相似。

步驟1:備份您的實時站點

第一步是備份您的實時站點。確保您不要錯過此步驟很重要。如果您是Kinsta用戶,則可以選擇多種備份選項。但是,您也可以使用備份插件。

步驟2:為您的網站製作另一個快照

接下來,您將要使用WP Boom拍攝站點的另一個快照。這為您提供了實時站點的可視基線記錄(預先更新)。

步驟3:運行Ghost檢查器或Usetrace並確保您的測試通過

再次,您可以為此使用Ghost檢查器或Usetrace,具體取決於您希望使用Chrome擴展程序還是在線工具來記錄測試。這為您的網站預更新提供了另一個基準。

步驟4:實時同步並推送您的更改

接下來,根據暫存和實時環境的工作方式,您可能僅需要在暫存和實時站點之間同步更改。另外,您可能必須運行更新插件並再次編寫代碼。

如果您使用Kinsta,則可以一鍵式實時推送更改:

MyKinsta推送上線直播選項

MyKinsta推送上線直播選項

請記住,首先要使WooCommerce商店退出維護模式。

步驟5:檢查日誌中是否有錯誤

完成同步更新後,請再次檢查您的錯誤日誌,以查看可能導致的任何問題。確認您仍然能夠訪問主頁和管理區域。

與登台站點一樣,如果白屏死機或遇到其他無法恢復的情況,則最好還原到站點的先前快照並進行一些故障排除或尋求幫助。

步驟6:使用WP Boom拍攝另一個快照

接下來,再次運行WP Boom,以獲取第二組快照。比較您之前和之後的快照,以查看是否有任何更改。

步驟7:再次運行Ghost檢查器或Usetrace以確認該站點正常運行

再一次,您可以使用自動化工具運行另一項測試,並確保一切正常進行。此時,您還可以對站點上的其他功能(例如聯繫表)執行任何其他手動(或自動)檢查。

如果您在更新登台站點時更早地處理並解決了任何問題,例如衝突的插件代碼和您自己的自定義代碼,那麼現階段應該沒有太多要解決的問題(如果有的話)。

步驟8:進行最終視覺檢查

你幾乎完成。剩下要做的唯一事情就是仔細檢查您的關鍵URL和功能列表,以確保一切正常。

是否需要為您的電子商務網站提供快速,可靠且完全安全的託管服務?Kinsta提供了所有這些以及WooCommerce專家提供的24/7世界一流的支持。查看我們的計劃

如果一切看起來不錯,就是這樣!您的WooCommerce更新現已生效。

WP Boom入門

WP Boom是為WordPress構建的可視化測試和比較工具。設置完成後,您可以在更新站點之前和之後比較屏幕截圖,並在自動更新導致站點發生視覺變化時收到警報:

WP吊杆1

WP臂

要開始使用WP Boom,請註冊一個免費帳戶。輸入您的電子郵件和密碼後,將彈出一個模式,要求您​​連接新站點:

wpboom新網站

WP Boom註冊表格

輸入詳細信息並單擊「創建網站」後,WP Boom將開始製作網站的第一個快照。這將需要一兩分鐘,具體取決於您的站點包含多少頁面:

wpboom第一個快照

WP Boom快照

完成此過程後,頁面將刷新。當您單擊站點名稱時,您將看到快照的概述,包括拍攝時間以及站點上有多少頁面:

wpboom最新快照

WP Boom最新快照

準備拍攝第二張快照時,只需返回WP Boom儀錶板,選擇要捕捉的站點,然後單擊「快照選定的站點」。

WP Boom包括的其他一些不錯的功能是可以安排每周快照和詳細描述您網站上任何可視更改的電子郵件報告。如果您管理大量站點並具有自動更新功能,這將很有用。

自動化測試工具:Ghost檢查器和Usetrace

測試並確保整個WooCommerce站點上的功能在進行更新後,而不只是在結帳過程中正常運行,這一點很重要。

畢竟,如果客戶填寫了聯繫表格或嘗試使用實時聊天,而這些功能卻被破壞了,那麼您如何知道是否未測試它們呢?

運行手動測試很容易:只需單擊您的站點,填寫表格並使用實時聊天窗口。

為了幫助實現此過程的自動化,您可以首先匯總一系列關鍵功能,以及有關如何手動執行測試的說明(即「打開網站,導航至聯繫頁面,填寫表格等」)。這樣可以確保您在進行手動測試時都不會錯過任何東西。

如果您希望自動化此過程,希望對自動化測試有更多控制,或者擁有高度自定義的網站或功能,我們建議您查看Ghost Inspector和/或UseTrace。

如果您不熟悉PHP並且不想弄亂腳本和代碼,那麼這兩個都是不錯的選擇。這些選項提供了用於自動執行結帳測試的類似功能。

最終,選擇哪個選項取決於您是要使用Chrome擴展程序還是在線工具來記錄測試。另外,如果您是開發人員並且喜歡動手,Codeception是開發人員的理想選擇。

Ghost檢查器入門

Ghost Inspector是一種工具,可用於自動執行WooCommerce站點測試並確保其正常運行。最好的部分是,您不需要任何編程或測試經驗即可使用它。

Ghost Inspector通過向您的Chrome或Firefox瀏覽器添加擴展程序來工作。然後,擴展程序會記錄您的站點並自動運行測試。

首先,請訪問Ghost Inspector網站,然後單擊「開始免費試用」。在表單中輸入您的信息,然後選擇「創建帳戶」:

鬼檢查員帳戶

Ghost檢查器註冊頁面

這會將您重定向到歡迎頁面。在底部,單擊「安裝測試記錄器」按鈕:

安裝測試記錄儀

安裝Ghost Inspector測試記錄器

這將在新的瀏覽器標籤中打開Chrome網上應用店。選擇添加到Chrome:

鬼檢查器擴展

添加Ghost Inspector Chrome擴展

Ghost Inspector擴展名將自動添加到您的瀏覽器中,顯示在右上角。第一次單擊它時,它將要求您使用您的憑據登錄:

幽靈檢查員登錄

登錄到Ghost Inspector Chrome擴展程序

刷新瀏覽器。當您準備好運行測試時,請訪問WooCommerce網站(確保已註銷),然後單擊瀏覽器擴展。

在下拉菜單中,選擇「創建新測試」選項,然後選擇「開始錄製」按鈕:

ghostinspector開始錄製

Ghost檢查器的「開始錄製」按鈕

在您運行和測試網站時,Ghost Inspector將記錄您的所有操作。完成後,再次單擊擴展名,然後單擊「我完成錄音」:

ghostinspector完成錄製

Ghost檢查器的「完成錄製」按鈕

然後,您可以命名並保存測試。如果選擇「查看我的測試」,它將帶您進入Ghost檢查器儀錶板:

鬼檢查器儀錶板

Ghost檢查器儀錶板

您可以在此處查看測試的所有詳細信息。您將看到所涉及步驟的列表,並可以選擇對其進行編輯。它會告訴您測試是否通過,如果沒有通過,則需要注意哪些步驟。有關更多詳細信息,請查看Ghost檢查器文檔。

Usetrace入門

如果您想使用並非針對任何一種瀏覽器的自動測試工具,則可能要使用Usetrace。使用此工具,您可以通過Usetrace在線編輯器記錄您的工作流程來創建「跟蹤」。然後,您可以使用它們來自動測試您的站點。

首先,請訪問Usetrace網站,然後單擊「註冊並立即開始測試」。創建帳戶後,您將被重定向到Usetrace儀錶板。選擇「通過創建新跟蹤開始」:

usetrace創建新

Usetrace儀錶板

左側窗口中是您的跟蹤步驟和設置。右側是您正在測試的站點。首先,單擊「記錄步驟」:

usetrace記錄步驟

記錄跟蹤步驟

該程序將開始記錄您的網站互動。每次您執行某項操作(例如向購物車中添加項目或填寫聯繫表)時,都會在左側的跟蹤步驟中添加一個檢查點。

完成後,單擊「保存步驟」按鈕:

usetrace保存步驟

Usetrace測試

要遍歷整個跟蹤以確認一切正常,請選擇左下角的「運行跟蹤」:

usetrace運行跟蹤

Usetrace中的「運行跟蹤」按鈕

完成後,您應該會看到一條成功消息:

usetrace成功消息

Usetrace成功消息

您可以單擊「詳細信息」以了解有關每個步驟的更多信息,或者完成後選擇「確定」。有關更詳細的指導和說明,請隨時參考Usetrace文檔。

「 WooCommerce網站更新」一詞會讓您感到緊張嗎??了解如何使用本指南安全,輕鬆地完成整個過程!點擊鳴叫
摘要

有了正確的工具,需要一些準備時間,並準備好可靠的清單,您應該可以輕鬆測試和實施WooCommerce更新。為了消除對更新WooCommerce的憂慮,對流程進行神秘化非常重要,我們已經在此處完成了這一工作。希望本指南為使WooCommerce網站保持最新狀態奠定了堅實的基礎。

我們還應該強調,測試商店的交易電子郵件也很重要,但這是一個完全不同的過程。

現在,回到您身邊:更新WooCommerce和WordPress時是否使用可視化或屏幕截圖工具?您還使用其他哪些工具和工作流程進行更新?在下面的評論中與我們分享!

如果您喜歡這篇文章,那麼您會喜歡Kinsta的WordPress託管平台。加速您的網站並獲得我們經驗豐富的WordPress團隊的24/7支持。我們基於Google Cloud的基礎架構專註於自動擴展,性能和安全性。讓我們向您展示Kinsta的與眾不同!查看我們的計劃

相關文章