[WordPress] 判斷使用者登入狀態的前後端開發方法

本篇文章更新時間：2020/12/10
如有資訊過時或語誤之處，歡迎使用 Contact 功能通知或向一介資男的 LINE 社群反應。
如果本站內容對你有幫助，歡迎贊助支持 。

WordPress 程式開發中判斷使用者當前是否為登入狀態的這個需求其實滿常見的。像是登入後才可以看到完整文章內容，登入前看文章摘要、未登入前無法結帳需提示登入，登入後跳轉結帳頁面...等

要做到這樣的使用體驗可以從前後端下手！

後端判斷登入狀態的方法可以使用： is_user_logged_in() 方法。 is_user_logged_in() 說明文件

前端方法可以搭配： body_class() 方法。 body_class() 說明文件

前端這邊妙的是，這方法會輸出一個 class 屬性 logged-in。只要將這方法應用於主題中 body 標籤裡，就可以透過 JavaScript 來取值判斷。

jQuery 判斷方法：

jQuery('body').hasClass('logged-in')

原生 JavaScript 判斷寫法：

document.body.classList.contains('logged-in')

引用： Link

這樣就不需要再寫一隻 API 來發送詢問後端登入狀態了！

網站流量高的時候，能省一個請求就要盡量省。