分類彙整: 網路資訊

無名搬家到自架 WordPress，我推薦的五個虛擬主機服務

發佈日期: 作者:

無名小站即將在年底停止服務消息一出來後，我就著手寫了一系列的無名小站搬家專題，除了宣導並提醒大家網域名稱的重要性，更重要的是希望可以藉由這次機會，讓更多經營部落格的朋友願意搬出來自己架站，所以接下來即將進入到本系列最核心的部分，也就是架站和資料移轉，我會以最簡單的方式，教你怎麼樣申請一個虛擬主機（Web Hosting），把 WordPress 架設上去，然後將無名小站的文章匯入新家。

自行架站的好處很多，包括更安全、更好用的操作介面，功能、佈景主題和放置廣告等等，你想到的所有一切都不會再受限於 BSP（部落格服務提供商，例如 Blogger、痞客邦），有人曾把 BSP 比喻為租房子，那自己架站就是買一間房子，自由度更高，未來如果要備份、搬家等等都會簡單不少。

架站一點都不難，只要你肯花一些時間去熟悉、了解，畢竟習慣是需要時間養成的，當你用慣一個平台後，要跳槽到另一個平台會需要一段時間來適應。另外，自行架站所投入的成本也不會很高（別再亂相信什麼要好幾萬、好幾十萬的謠言了），如果未來不想繼續經營，也能很輕鬆的停用服務。

如果你決定要把無名小站部落格搬到自己架設的 WordPress 上，那有一些注意事項你可能要知道：

  • 搬家前，請先執行無名小站新版備份，注意事項請參考這裡。
  • 網誌的相關內容，包括名稱、描述、分類、標題、內容、留言全部都可以匯到新的 WordPress 網誌。
  • 無法匯入總人氣、累積人氣、當日人氣（這可以吃嗎？）。
  • 文章內的圖片如果原先存放在無名小站，後續需要自己手動修改，要從無名小站批次下載相片請參考這裡。

什麼是虛擬主機？

因為架設網站需要一台主機，以及網路連線等周邊的資源，我們需要去租用一個虛擬主機空間來讓自己的部落格使用。

一般虛擬主機都是把一台機器（或數台機器）切割成好幾份，然後租給有虛擬主機需求的客戶，可大可小，依照你的需求而有不一樣的價格。

這就類似把房子打成很多間房間，把房間租給房客，至於房客要在這個房間裡怎麼使用，房東基本上不會管太多，不過每個房客會依照選擇的方案（Plans），配給不一樣的配額，例如容量大小、流量、資料庫、網域名稱等等，若你的人數多一點，就租大一點的房間，人不多的話，小房間就很夠用了。

租國外或國內的虛擬主機有差別嗎？

其實現在網路速度已經很快，我認為租國外或台灣的虛擬主機其實速度上沒有太大差別（免費資源網路社群目前就放在美國），而這兩者的價格差異很大，國外的頻寬便宜、使用者數量多，競爭激烈下的價格都很實惠（每個月只要一百多元台幣，就有無限容量、流量的主機可以使用）。

但如果你需要中文支援服務，那麼租用國內的虛擬主機就是一個不錯的選擇，不過相較之下，會比你直接租用國外的主機還要貴很多，若你本身是個很喜歡自己上網 Google 、或是身邊有一些可以詢問的朋友，那不妨把這些錢省下來，自己做、自己學，到最後得到都是自己的。

虛擬主機可以升級嗎？

一般來說，虛擬主機（Shared Hosting）是最入門的等級，如果你有一天部落格做大了，每天都有上萬個訪客，那可能會被主機商，也就是房東要求升級，因為會佔用過多的資源而影響到其他的「房客」，這時候就要考慮升級為 VPS 或是獨立主機（Dedicated Servers）。

對於大部分的個人部落格來說，應該都不會有類似的問題，只要你不濫用系統資源（例如把虛擬主機拿來當檔案下載站），在合理的情況下使用就無須擔心。

租用虛擬主機需要準備什麼？

如果你要租用國外的虛擬主機服務，那至少要有一張可以在線上刷卡使用的信用卡，或者一個 Paypal 帳戶，不過並不是每個虛擬主機提供商都支援 Paypal，有些會需要你透過信用卡來付款。

熟知不滿意退款保證！

虛擬主機服務跟網域名稱不同，虛擬主機是可以付費然後先行試用的，一般都會提供 30 天以上的不滿意全額退款保證（Money Back Guarantee），如果覺得速度不理想，或是操作上不順手，都可以提交服務單給客服人員要求取消帳戶，只要在時間內，都會全額退款，至少我使用的經驗上還沒遇過被刁難的情形。

推薦使用的虛擬主機

前面說了這麼多，接下來就要開始挑選你的新家啦！一開始大部分使用者會碰到的問題，就是那一個虛擬主機比較好？其實國外幾家大型的虛擬主機目前的規格差異並不會太大，一般都會有無限的容量、流量，然後基本的功能，例如郵件功能、PHP、MySQL、SSH 等等。

所以你要挑選的就是價格上的差異，以及你能負擔的費用，以下我列出的五家虛擬主機，都是世界頗具規模的主機商，我本身也都有用過，標示的費用皆為預繳一年的折扣價格，當然這些虛擬主機都有不滿意全額退款的保證，你可以放心的試用，不喜歡就選擇其他的服務。

HostGator

這是免費資源網路社群早期使用的虛擬主機之一，因為價格不高，客服人員的回覆速度快，於是把它擺在推薦使用的虛擬主機第一位。

HostGator 提供無限容量、無限流量的虛擬主機，透過免費資源網路社群的折扣代碼 FREEGROUP25 ，可以享受到總金額折抵 25% 的優惠，也就是平均每個月只要 $5.22 USD，真的很實惠。

HostGator 支援信用卡和 Paypal 付款，45 天不滿意退款保證。

Bluehost

Bluehost 是 WordPress 官方推薦使用的虛擬主機之一，同樣也是美國平價虛擬主機，提供無限容量、無限流量、無限網域名稱的虛擬主機，若你手邊沒有網址，購買一年的虛擬主機還加贈你一個免費網域名稱。（不過我建議還是另外註冊網址會比較安全，以免未來要搬家時網址轉不出去，另外在退款時也會比較麻煩，因為網址無法退款。）

Bluehost 每月價格為 $6.95 USD，支援信用卡和 Paypal 付款，提供任何時間不滿意退款保證。

GoDaddy

GoDaddy 除了是全世界最大的網域名稱註冊商，它也提供平價虛擬主機的租用服務，最便宜的方案每月只要 $3.99 USD ，內建 100 GB 容量和無限流量，但只能設定一個網域名稱，是入門者相當不錯的選擇。

GoDaddy 支援以信用卡、Paypal 等方式付款，也有不滿意退款保證。

DreamHost

相較於前面幾家業者，DreamHost 的價格就稍微偏高一些，不過它也是一家很知名的虛擬主機商，旗下的用戶不少，提供無限容量、無限流量、無限網域名稱虛擬主機，有客製化的控制台介面和 97 天不滿意退款保證。

DreamHost 每月價格為 $9.95 USD ，僅能以信用卡付款。

FatCow

肥牛主機（中文翻譯沒錯吧？）是我以前用過的虛擬主機之一，它的價格很平價，提供無限容量、無限流量、無限網域名稱數的虛擬主機空間，基本的功能也都一應俱全，雖然規模不及 Bluehost、HostGator ，但價格和穩定性方面可是一點都不輸，註冊時會送你一個免費網域名稱。

FatCow 每月價格為 $3.67 USD，支援以信用卡、Paypal 付款。

接下來，在 HostGator 建立你的 WordPress

礙於篇幅的關係，我把文章拆成兩部分來處理，先介紹自行架站和虛擬主機的優點，以及推薦五家我認為可信賴的虛擬主機商，在下一篇文章會教你如何申請虛擬主機，以及快速架設一個 WordPress 中文版，然後把無名小站（或是其他 BSP）的備份資料匯入，讓你能夠自已動手搬家。

繼續閱讀：

  • 自架 WordPress 虛擬主機租用教學，將網誌備份匯出、匯入到新家
  • 如何挑選一個適合你的虛擬主機服務？我參考的七個比較項目

在申請虛擬主機時有個小提醒，就是在付款之前，請先注意到總金額是不是正確的，因為國外的服務很多都會幫你東加西加，雖然名義上是能讓你使用更多的功能，但不一定是我們需要的，所以在結帳前請務必確認。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置，台北網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

自架 WordPress 虛擬主機租用教學，將網誌備份匯出、匯入到新家

發佈日期: 作者:

在上一篇無名搬家到自架 WordPress，我推薦的五個虛擬主機服務中，我已經大致介紹自行架站與虛擬主機的優缺點，也推薦其中我認為較適合入門者，且可信賴的平價虛擬主機，在今天這篇教學裡，我會實際示範如何在 HostGator 租用虛擬主機、架設 WordPress 正體中文版，並將你從無名小站備份的資料匯入到全新的 WordPress 網站。

這篇教學不限於從無名小站匯出的網誌資料，如果你想從 Blogger、痞客邦，或是其他平台移轉到自架的 WordPress，那也可以如法炮製，不過該平台必須要能把資料匯出（備份），否則你就只能以手動的方式來搬移原站的資料。另外，因為無名小站匯出的備份裡圖片使用的是原服務的圖片鏈結，原先插入網誌的無名圖片將會失效，必須手動修改。

開始前請理解：WordPress 有兩種

一般沒接觸過 WordPress 的使用者可能不知道，WordPress 其實分為兩種，一種是 WordPress.com ，另一種是 WordPress.org，後者就是自行架站所使用的開放原始碼程式。

1. WordPress.com

WordPress.com 是一個 BSP（部落格服務提供商），類似於 Blogger，採用的是 WordPress 程式，免費、申請後就能使用，但也容易受限於它的功能限制，例如很多功能都要付費才能開啟，且提供的版型也很陽春，不能使用個人網址等等（需額外付費）。

2. WordPress.org（自架 WordPress）

另外一種，也就是本文所說的自架 WordPress，優點就是很自由、幾乎不受任何限制，包括可以自訂網址、可以放廣告、可以隨意的操作佈景主題和外掛程式；但缺點就是要花錢，包含註冊網址和租用虛擬主機，且可能會碰到一些技術層面的問題。不過這些其實都不難，除了 WordPress 很簡單外，中文的使用者愈來愈多，也提供了不少中文的使用教學。

為什麼選擇 WordPress？

無論你有沒有自己架站的經驗，我想多少都曾聽過 WordPress，或者你身邊的朋友就是 WordPress 的使用者。WordPress 是一個開放原始碼的內容管理系統，也是目前全世界最多人使用的架站工具，本身有相當大量的佈景主題和外掛功能，無論要打造成任何網站都很合適，選擇它來作為你網誌的平台再適合不過。

WordPress Taiwan 正體中文網站：http://tw.wordpress.org/

第零步：準備好你的網址

因為是自行架站，擁有一個網域名稱就是必要的工作，在進行接下來的操作之前，必須要有一個個人網址，我在從無名小站搬家前，你應該先註冊一個自己的網址！四個推薦的網域名稱註冊商一文也有寫到網域名稱的重要性，即使你不是自己架站，擁有自己的網址依然很重要，價格不貴，是個很好的投資。

有些虛擬主機商會提供客戶免費網域名稱一年，我不建議直接在這裡申請註冊，日後如果要退款或移轉時可能會產生一些問題，雖然提供你一年免費的網域名稱，通常第二年後的續費價格都會比直接去註冊網址還貴上一些，所以我們先註冊好網址，再去申請虛擬主機會比較妥當。

第一步：在 HostGator 申請虛擬主機

我推薦的五個虛擬主機服務租用方法都差不多，大致都是先選擇方案、設定基本資料，最後以信用卡或 Paypal 付款，就會自動開通主機帳戶，整個流程下來還算簡單。不過擔心有些使用者可能對這部份較陌生，所以我直接選用 HostGator 來做一步步的圖文教學，你也可以照著做。

開啟 HostGator 網站後，點擊中間的 View Web Hosting Plans 來查看目前提供的虛擬主機方案。

如果你只會在一個虛擬主機帳戶裡架設一個網站的話，選擇 Hatchling Plan 也就是最陽春的方案即可，若你希望在一個帳戶裡架設多個網站，把不同的網域名稱都設定進來的話，那就要挑選 Baby Plan ，這兩者在容量和流量上都是無限，僅有自訂網址數量的差別。

選擇你要的方案後，拉開下拉式選單，可以看到月繳、半年繳、年繳和 2 年、3 年一次繳清的價格差異，當然是一次買愈久愈划算，我推薦若要架設部落格，那可以一次買個一年，加上折扣代碼 FREEGROUP25 ，平均每月也不過 $5.22 USD。

選定方案後，首頁在訂購頁面的最上方選擇 I already own this domain ，把你已經註冊好的網域名稱填入，記得下方不要勾選任何選項，否則就會額外註冊到那些網址。

把訂購網頁往下拉，將 Hosting Addons 額外增購的項目全部取消，這些是 HostGator 建議你購買的加值服務，不過在這裡都不要勾選。

在底下 Coupon Code 優惠代碼部分填上 FREEGROUP25 ，可以享受總金額 25% 約 1/4 折扣優惠，購買一年的 Hatchling Plan，就直接折扣 $20.85 USD ，相當划算。

如果你不想一次購買一年，也可以在訂購畫面的 Billing Cycle 調整，最短是一個月、最長可以到三年（36 個月）。

設定完訂購資料後，在 Username 設定好你要使用的帳戶名稱，必須以英文字母開頭、不能包含特殊符號，長度要在 2-8 個字元；Security Pin 設定一下安全代碼，只能使用 4-8 個字元長度的數字。

最重要的就是在帳單資訊填入你的基本資料，包含 Email、姓名、聯絡電話、通訊地址等等，不過它並不會寄送實體的帳單給你。最後在 Payment Information 選擇你要付款的方式，支援信用卡和 Paypal。

如果你使用的是信用卡，依照一般付款的規定，要選擇信用卡類型，輸入卡號、信用卡過期年月份、CVC/CVV 安全碼（在信用卡背面簽名欄位的右邊，有一組三位數的數字），還有信用卡的用戶姓名。

訂購完成後，HostGator 會跳出感謝訊息，等待 5-15 分鐘，就會收到 HostGator 寄來的確認通知郵件。

第二步：修改網域名稱 DNS 設定

收到 HostGator 寄來的帳戶資訊郵件，有幾個部分我們要先了解（如下圖）：

  • 紅色框框是 HostGator 帳單和支援中心的登入網址、帳號（你的 Email ）還有登入密碼，如往後要申請取消帳戶、退費，或是你遭遇任何技術問題，都可以在這個平台上提交支援。
  • 橘色框框是你的虛擬主機 cPanel 控制台網址、帳號還有密碼，這部份非常的重要，在登入 cPanel 後可以自行修改。
  • 藍色框框是你的 DNS 記錄，我們要先去網域名稱註冊商把這兩個 DNS 資料修改進去，才能把你的網址正確對應到 HostGator。

回到你所註冊網域名稱的註冊商（以下使用 Namecheap 為例，或者你可以使用其他我推薦的網域名稱註冊商），找到 DNS 設定的頁面，Namecheap 在左側的 Transfer DNS to Webhost ，然後選擇 Custom DNS Servers ，把剛才 HostGator 寄給你的 DNS 資料給填上，然後儲存。

注意：因為 DNS 更新不是即時的，你可能需要等待數分鐘，甚至是數小時的時間，網址才會正確對應到你的虛擬主機。

第三步：開始架設 WordPress

點擊 HostGator 郵件裡「橘色框框」內 cPanel 控制台的登入鏈結，開啟登入畫面後，填入 Username 和 Password。

第一次登入 cPanel 控制台會有一個歡迎訊息，勾選 Don’t show this again, 然後點擊 No, I’m fine. Thanks! 將它關閉。

將控制台變更為中文語系

預設的 cPanel 可能是英文介面，沒有關係，可以把它切換成中文，在使用上會更親切，找到 Preferences -> Change language 。

選擇 Chinese （中文），點擊 Change 儲存後就會變成中文版。

一鍵無痛安裝 WordPress

雖然 WordPress 的安裝很簡單，但如果不曾使用過 FTP ，也沒接觸過資料庫的話，還是需要一些時間來爬文，好在現在大部分的虛擬主機都已經提供「一鍵安裝」服務，只要找到類似功能，就能在彈指之間把 WordPress 架好。

在 HostGator 的 cPanel 控制台裡找到「軟件」底下的 QuickInstall。

從左邊選擇 WordPress ，然後點擊 Continue 。

選擇要安裝 WordPress 的路徑，如果你要安裝在根目錄，那第一行就不用做修改，另外我會建議把自動更新（Enable Auto Upgrades）給關閉，除非你需要讓軟體自動幫你更新，接著填寫以下資料：

  • Admin Email: 管理員Email ，會把密碼寄到此信箱。
  • Blog Title: 先隨意輸入一個網站名稱，稍後再到 WordPress 設定。
  • Admin User: 管理員帳號（重要）。

最後按下
Install Now 就會開始安裝。

安裝完成，Admin Area 即為你的 WordPress 控制台網址，底下則有帳號和隨機產生的密碼。透過 QuickInstall 安裝的好處是它已經將 WordPress 很重要的快取功能 WP-Super-Cache 給安裝進去並依照虛擬主機的特性來進行調整和啟用，也能讓網站的速度提升不少。

第四步：安裝 WordPress 正體中文語系

由於我們是使用 QuickInstall 的一鍵快速安裝，預設情況下安裝的是英文版的 WordPress，不過沒關係，只要把正體中文語系安裝進去，它就是一般的 WordPress 正體中文版。

回到 cPanel 控制台，選擇「文件」底下的「文件管理器」，開啟後找到根目錄下的 wp-config.php ，按下右鍵選擇 Code Edit 。

在 74 行左右的 WPLANG 後方加入 zh_TW（注意大小寫），使它成為：

define('WPLANG', 'zh_TW'); 

完成後點擊右上角的保存更改。

接著從官方網站下載 WordPress 正體中文版，會取得一個 zip 檔，在文件管理器裡，點擊「上傳」，然後把該 zip 檔上傳到虛擬主機上。

把 WordPress 正體中文壓縮檔上傳後，在上面點擊右鍵，選擇 Extract 把它解壓縮出來，會產生一個 wordpress 資料夾。

重頭戲來囉！請看清楚！點擊並切換到 wordpress 資料夾，然後進入裡頭的 wp-content，會看到一個 languages 資料夾，這資料夾存放的就是 WordPress 正體中文化相關檔案，把它拖曳到左邊你原先安裝 WordPress 的 wp-content 資料夾裡。

退回到根目錄，把 wordpress 資料夾刪除掉，因為我們已經把正體中文語系給搬到剛才安裝的 WordPress，所以剩下的檔案就用不到啦！

第五步：將無名備份的資料匯入 WordPress

一口氣說了這麼多，不知道你是否跟上腳步了呢？沒關係，如果有任何問題都歡迎在文章底下發問，我會盡力的提供你協助。

在完成架設 WordPress 並安裝正體中文語系後，回到你的 WordPress 控制台，應該一切都會變成中文啦！看起來是不是非常親切呢？

第一次使用時我會建議先到「設定」裡，改一下你的網誌標題，因為從 HostGator 的 QuickInstall 安裝，標題如果使用中文的話會產生亂碼，來這裡把它重新設定就可以了。另外在「時區」部分，也記得改為 UTC+8 才是台灣時間。

接著點擊左邊選單「工具」內的「匯入」，選擇 Movable Type 與 Typepad 匯入工具。

因為 WordPress 後來已經把匯入工具跟主程式分離，使用前會先下載然後安裝，不過這些動作都是全自動的，完成後點擊「啟用外掛與載入匯入程式」即可使用。

你已經將無名小站的資料備份、會出了嗎？如果還沒，請先使用無名小站資料備份下載，至少要把備份取回，才能使用裡頭的 mt 格式來匯入。

選擇備份檔裡的 wretch_2013-09-00-movable-type.txt （檔名會依照你備份的時間而有所不同），然後按下「上傳檔案並匯入」。

這次要匯入 WordPress 的就是無名小站備份檔內的 Movable Type 資料。

在匯入時，會詢問你要把文章的權限指定給那個 WordPress 使用者，可以直接選取你的管理者帳戶，或是建立一個新的使用者。

沒問題的話就會開始全自動的匯入，包含你的文章標題、內容，以及底下的留言，都會一併匯入 WordPress 喔！

完成後，原本在無名小站，或是其他平台匯出的文章，就會全數都進到你的 WordPress 網站裡！是不是非常簡單呢？

下一步，學海無涯，回頭是岸？

到這裡為止，你總算可以大聲的說：我也自己架了一個 WordPress！其實真的一點都不難，但當你踏進 WordPress後，要學習的東西更多，因為這絕對是個功能強大且完整的選擇。不過別擔心，即使你不小心把它給玩壞了，依然可以使用上面的方法，重新把 WordPress 架設起來。

另外，WordPress Taiwan 正體中文也有 Facebook 社團，歡迎加入，與其他台灣的 WordPress 愛好者一同切磋探討相關主題。

休息一下，下一段文章我將介紹不用花錢的圖床、如何妥善保存與分享你的相片，還有教你不用花錢，把無名小站搬家到 Blogger 平台的教學，如果你喜歡這一系列無名小站搬家專題，也歡迎分享或者提供意見，謝謝。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

想要讓你的商品在網路上成為最夯、最多人討論的話題?

網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師"嚨底家"!!

8 個線上服務「兩步驟驗證」設定說明，確保帳戶免於威脅

發佈日期: 作者:

我很常在文章裡向讀者宣導如何在數位時代保護你的線上安全，包括資料要備份、不隨意下載或安裝來路不明的程式，以及不點擊 Facebook 等網站上的奇怪鏈結，其中最重要、也是每個人都必須做的，就是強化帳號安全性，以避免帳號被盜用的問題發生，帳號是使用者在網路上的另外一個身分，應該不會有人希望自己的帳號落入有心人士的手裡。

要如何強化帳號的安全性，簡單來說，就是設定一組安全性較高的密碼，例如不以常用的數字、生日等等作為密碼，在密碼裡混合大寫、小寫英文字母和特殊符號的組合。好的密碼是讓你可以記住，別人卻難猜出。

不過只有一組密碼是不夠安全的，你應該考慮使用「雙重驗證」來提高自己的帳戶安全性，讓密碼以外多另一層保護，目前有愈來愈多的網路服務已經支援兩步驟驗證，包括 Google、Facebook、Microsoft、Yahoo!、Twitter、Dropbox 等等。

什麼是兩步驟驗證？

兩步驟驗證（或被稱為雙重認證）通常是配合手機簡訊或應用程式使用，有些則會利用 Email 來寄送驗證碼，在帳戶裡設定好兩階段驗證，往後在登入帳戶時，就要再輸入一組驗證碼，而這組號碼會傳送到你的手機上，或是藉由 App 來產生。

就像去 ATM 自動櫃員機領錢，除了要輸入正確的密碼外，還要有提款卡，確認你是帳戶本人，才能夠完成提款的程序，兩者都要有，缺一不可，而這在網路上就好比是你的密碼，加上你所設定的兩階段驗證所產生的安全碼，例如在陌生的電腦上登入 Google 帳戶，就必須同時輸入密碼加上隨機產生的驗證碼，才能正常登入。

兩步驟驗證的類型

目前並不是所有的網路服務都支援兩階段驗證，且彼此所採用的驗證方式也不太相同，大致有幾種常見的驗證方式：

  • 以 SMS 簡訊、或電話發送驗證碼
  • 以應用程式（如 Google Authenticator、Authy）產生驗證碼
  • 以 Email 將驗證碼發送到信箱

第一種方式在每次寄發簡訊、或接通電話後可能會被電信業者酌收些許費用，其餘的兩種方式都是免費的，只要你有智慧型手機，就能夠把手機變成你的驗證裝置，透過它來產生登入時需要用到的驗證碼。

兩步驟驗證的缺點

在你設定好兩階段驗證的登入方式後，意味著往後登入時，也要配合行動裝置一起使用。如果你是個手機不離身的人，那沒什麼問題，若你平常沒有把手機帶在身邊的習慣，那在登入時就會比較麻煩。

不過每個服務的兩階段驗證並沒有連結，設定方式不同，甚至在命名上也有所差異，例如 Google 稱為「兩階段驗證」、Yahoo! 是「二次登入驗證」、Facebook 則是「登入許可」，但它們的本質上是大同小異的，說穿了都是提供密碼之外的第二道防線。

另外，若你手機不幸遺失或遭竊，就有可能因為收不到驗證碼而無法進行登入，所以有些兩階段驗證會額外提供你「備用安全碼」，讓你可以抄寫或是印下來收在安全的地方，當你發生類似的狀況時，就能透過備用安全碼來取代原先應該產生的驗證碼，讓你可以順利登入帳戶來修改設定。

如何開啟、設定常見服務的兩階段驗證？

先前我已經寫過幾篇教學，協助使用者可以開啟「兩階段驗證」，保護帳戶安全，如果你還在猶豫要不要開啟的話，我強烈建議還是設定一下吧！

Apple ID

Apple 在去年即推出「雙步驟驗證」功能，剛開始只能在少部分國家、地區使用，近期終於支援包含台灣在內等 59 個國家，這也表示你已經可以透過兩步驟驗證來強化 Apple ID 的安全性，這麼重要的設定是一定要做的，本文會教你如何在你的帳戶啟用兩步驟驗證功能。

Google

Google 提供的兩階段驗證相當完善，提供包含手機文字簡訊、語音來電，以及 Google Authenticator 應用程式來產生驗證碼三種方式，能設定備用電話號碼，還提供 Google 兩步驟驗證網站來說明和介紹為什麼要藉由兩步驟驗證機制來加強帳戶安全性。

如果你相當倚賴 Google，又會使用 Google 旗下的網路服務，例如 Gmail 來收發郵件、儲存聯絡人、通訊錄，或者使用行事曆等等，那建議一定要去設定一下 Google 兩步驟驗證。

Facebook

Facebook 提供的登入許可功能，可以透過手機簡訊，或是 Facebook App 的代碼產生器來產生安全代碼，配合「登入通知」功能使用，當有人從你不曾使用過的電腦或手機進入你的帳號時，會自動以 Email 和簡訊、推送通知來發出警告。

延伸閱讀：10 個強化Facebook帳號安全秘技，降低帳號被盜用的風險

Microsoft

微軟旗下的服務不少，例如之前的 MSN、現在的 Skype，Hotmail 信箱（現為 Outlook.com），或者是 SkyDrive 網路硬碟等等，全部都是使用共通的 Windows Live 帳戶，所以設定好微軟的兩步驟驗證功能就非常重要啦！微軟支援以 Email、手機簡訊來傳送驗證碼。

Dropbox

作為目前最多人使用的網路硬碟，Dropbox 強調的是安全性與隱私，事實上使用者也可能把許多重要資料儲存在線上，要如何確保帳戶不被其他人存取，設定好雙重認證就是個不錯的解決之道。另外，Dropbox 也提供「備用電話功能」，當你不小心把原本設定好的電話號碼遺失時，就能透過備用電話號碼來收取安全碼。

Dropbox 目前支援以手機簡訊或是 Google Authenticator 來產生安全代碼。

Twitter

目前 Twitter 已經有「登入認證」功能，不過台灣的使用者因為 Twitter 沒有連接到電信業者而遲遲無法使用，但在八月初的更新後，已經可以直接發送登入請求到 Twitter 應用程式裡，也就是說若你是 iOS 與 Android 的使用者，現在已經可以透過手機或平板電腦上的 Twitter 應用程式強化帳戶的安全性。

Yahoo!

Yahoo! 或 Yahoo! 奇摩也有「二次登入驗證」功能，支援以簡訊、電話或 Email 來發送驗證碼，不過它設定的功能位置不太明顯，要稍微找一下才找得到，如果你不知道該設定 Yahoo! 二次登入驗證，可以參考我寫的圖文教學。

LinkedIn

作為以商業人士為導向的社交網路服務 LinkedIn，也在六月初啟用了「兩步驟驗證」（Two-step Verification）功能，目前支援以手機簡訊方式來發送驗證碼，設定方式不難。

WordPress.com

沒想到吧？作為全世界最大的 WordPress BSP，WP.com 也有提供雙重認證，支援以 Google Authenticator 應用程式產生認證碼，本身不用綁定手機即可使用。

最後，請你跟我這樣做

寫到這裡，還是想告訴大家，兩階段驗證真的很重要，而且能真正保護你的帳戶安全，如果不嫌麻煩，還是趕快把你的帳號設定一下，一勞永逸。也別忘了，使用一組安全性更高的密碼（英文大寫、小寫、數字或符號混搭），或配合 KeePass 等密碼管理工具，就能使你的數位生活更加安全、穩固。

如果你在操作上有任何問題，或者你有其他的使用心得，都歡迎與大家分享。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

Comcure 全自動網站、資料庫離線備份服務（20 GB 容量）

發佈日期: 作者:

對於自行租用虛擬主機來架設網站、部落格的朋友來說，資料安全與備份顯得相當重要，雖然大部分的主機商都已有做完善的自動備份解決方案，但你或許會想把資料備份到自己更信任的地方，或者在網站遭受攻擊、無法連線或是損壞時，可以快速回復到舊的備份資料。如果你有這項需求，那不妨試試看本文要介紹的 Comcure。

Comcure 是一個提供網站、資料庫自動離線備份的網路服務，它的來頭不小，Comcure 是英國 UK2 集團旗下的網路公司之一，如果你對於網域名稱或虛擬主機市場有一些了解，應該都聽過 UK2.NET，它已提供網路服務超過 15 年，曾經被 Netcraft 公司評選為全英國最可信賴的主機商（全世界第二），所以在安全性與可信賴程度都不用太過擔心，至少不是一間來路不明的公司。

簡單來說，你只要註冊一個帳戶，將網站的存取方式設定好（例如 FTP、SFTP、SSH），然後設定好要備份的路徑與排程時間，剩下的就可以放心交給 Comcure，它會依照你的需求來自動為你的網站或資料庫進行備份、建立還原點等等，另外，Comcure 也提供網站監測功能，你更能清楚知道網站的上線率（Uptime）及效能。

一旦網站發生問題，你便可以透過 Comcure 來進行資料回復，甚至快速將備份還原到其他主機商，讓網站在短時間內可以上線、恢復工作，降低因為網站下線而造成的損失。

Comcure 提供 Free、Pro 及 Reseller 三種方案，其中免費方案能備份五個網站及五個資料庫，可用空間為 20 GB、檔案數量限制 10 萬個，以及建立三天的還原點，對於一般部落格或網站來說已經相當充裕。

網站名稱：Comcure
網站鏈結：https://www.comcure.com/（免費註冊）

使用教學

1. 開啟 Comcure 網站後，可以點擊右上角的 Sign Up Free 來進行免費註冊，或是在首頁填入你的姓名（英文、需有姓氏與名字），並輸入 Email 地址，送出後即可建立帳戶。

2. 送出註冊後，到信箱收取驗證郵件，點擊信中鏈結後記得先不要關掉視窗，因為 Comcure 會讓你重設密碼，要在這個步驟中建立好你的密碼，建立後即可登入 Comcure 並開始設定你要備份的網站資料。

3. 設定完密碼後，會登入 Comcure 控制台，填入你要自動備份的網站域名，Comcure 僅能備份自行架設的網站或部落格，如果你是使用 Blogger 或其他部落格提供商，是無法使用 Comcure 來進行備份的。

4. Comcure 會開始進行連線測試，找尋離你網站最近的節點，用以放置你的網站備份資料，當然可以的話請選擇回應值愈低的點愈好，這樣備份傳送資料的速度會更快、耗費時間也少，未來如有需要還原備份時就能用更短的時間來回復資料，點擊 Select 來選擇其中的一個節點，或是點擊 Test Again 再次測試。

5. 接著是最重要的部份，也就是設定好連線到你網站的帳號密碼，一般情況都是使用 FTP 或 SFTP 來連線，在這裡設定好存取你網站的帳號及密碼。

6. 從 Site Settings 裡來調整 Hostname、Protocol、Port 以及備份的路徑。

7. 更多細部設定可以從 Preferences 裡進行調整，包括備份通知、Uptime 監測、備份排程時間、規則等等。

8. 全部設定完畢後，回到 Comcure 控制台首頁，即可看到離線備份的運作情形，如同前面所述，免費方案可以使用的空間是 20 GB，不過可惜的是免費方案沒有提供備份加密、防毒掃描功能，但可以設定兩步驟驗證。

如果你是 WordPress 或 Joomla 的使用者，Comcure 有提供對應的外掛擴充功能，協助你來進行遠端的離線資料備份，可以從 Comcure Plugins 裡找到這兩個項目。若你覺得 Comcure 免費方案提供的規格不敷使用，也能針對網站數、磁碟空間和資料庫數量進行升級，價格為每月 $2 – $10 USD 之間。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置，台北網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

Feeder Ninja 建立側邊欄聯播網，輕鬆顯示網站、社交網路動態

發佈日期: 作者:

很多人喜歡把自己訂閱的網站 RSS Feed 掛在部落格側邊欄，或是放上社交網路的動態（例如 Facebook、Twitter），能在瀏覽網站時直接看到其他新動態，之前透過 Google Reader 可以輕鬆辦到，但現在已經沒有 Google Reader 了，你知道要如何把 RSS Feed 轉為模組，以一段簡單的原始碼來內嵌到網站裡嗎？

如果你有這樣的需求，不妨試試看 Feeder Ninja，它是一款能把 RSS Feed 或社交網站轉為側邊欄模組的服務，支援一般 RSS Feed，以及 Facebook、Twitter、YouTube、Vimeo、Pinterest、Tumbor 和 WordPress 等資訊來源。使用者可以自己決定要顯示那個來源的資訊，是否顯示標題、高度，以及版面配色等等。

產生後的小工具（Widgets）使用最新的 HTML5 & CSS3 技術，搭配 Flexible Design，在任何的裝置上都能輕鬆閱讀，也不會破壞原有版面。

Feeder Ninja 提供免費及付費方案，免費方案只能建立 2 個 Feeds，可使用的配色和版面較少，如果你喜歡這項服務，也可以考慮升級 Premium ，升級後將不會顯示廣告、也有私人 Feed、自動更新和背景圖片上傳等功能，每月價格為 $3.99 USD、一年也只要 $39.99 USD，終身會員則是一次付清 $79.99 USD 。

我以免費資源網路社群的 RSS Feed 製作了一個 Feeder Ninja 範例，可以參考：http://feederninja.com/feeds/single/45702。

網站名稱：Feeder Ninja
網站鏈結：http://feederninja.com/

使用教學

開啟 Feeder Ninja 後，點擊首頁的 Start Now 開始。

建立一個新的 Feed 前，選擇資訊來源，目前支援 Facebook、Twitter、RSS、YouTube、Vimeo、Pinterest、Tumblr、WordPress，使用第三方服務可能需要授權，下面我會使用 RSS Feed 來做範例教學。

填入你要聯播顯示的 RSS Feed 網址。

接下來 Feeder Ninja 就會去抓取你的資訊來源，產生一個 Feed 預覽畫面，在這裡可以調整、設定包含資訊來源、標題、是否顯示標題、高度、文字方向等等，修改後右方的預覽會立即更新。

Feeder Ninja 提供不一樣的版型和佈景主題，供使用者切換和修改，不過免費方案能使用的版型只有兩種，佈景主題配色也只有黑色和灰色。

最後點擊 Save & Get Code 可以儲存，並取得原始碼。第一次使用需要註冊 Feeder Ninja 會員，然後到信箱收取驗證信，點擊確認鏈結才算啟用帳戶，啟用後回到原設定頁面，重新整理即可取得原始碼，如下圖所示。

Feeder Ninja 的原始碼分為兩部分，第一部分要貼在欲顯示側邊欄模組的位置，然後在把第二段 js 程式碼貼入網頁裡，就能顯示你在 Feeder Ninja 製作的側邊欄模組。

不僅如此，Feeder Ninja 也有提供簡單的統計數據，登入後點擊左上角的 Dashboard，進入控制台就可以看到囉！

另外，如果你是使用 WordPress 自行架站的話，Feeder Ninja 也提供 WordPress 外掛，讓你可以輕鬆在網站側邊欄置入 Feeder Ninja 產生的聯播網。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

想要讓你的商品在網路上成為最夯、最多人討論的話題?

網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師"嚨底家"!!

Nginx反向代理負載均衡的容器化部署

發佈日期: 作者:

首先，在home目錄創建microservices目錄，開啟第一篇章。

cd ~ && mkdir microservices && cd microservices

創建nginx目錄，在目錄下分別創建三個節點目錄：nginx01、nginx02、nginx03，目的是使nginx01作為反向代理服務器，將請求均衡轉發到nginx02、nginx03。

mkdir -p ./nginx/nginx01 ./nginx/nginx02 ./nginx/nginx03

展示效果如下所示。

nginx
├── nginx01
└── nginx02
└── nginx03

將nginx鏡像中的配置文件拷貝到各子目錄中，以便做掛載，方法是創建一個臨時容器，將配置文件拷貝至宿主機目錄，再刪除臨時容器。

docker run --name tmpnginx -d nginx:latest
docker cp tmpnginx:/etc/nginx/nginx.conf ~/microservices/nginx/nginx01
docker cp tmpnginx:/etc/nginx/nginx.conf ~/microservices/nginx/nginx02
docker cp tmpnginx:/etc/nginx/nginx.conf ~/microservices/nginx/nginx03
docker cp tmpnginx:/etc/nginx/conf.d ~/microservices/nginx/nginx01
docker cp tmpnginx:/etc/nginx/conf.d ~/microservices/nginx/nginx02
docker cp tmpnginx:/etc/nginx/conf.d ~/microservices/nginx/nginx03
docker rm -f tmpnginx

此時nginx目錄如下所示。

nginx
├── nginx01
│   ├── conf.d
│   │   └── default.conf
│   └── nginx.conf
├── nginx02
│   ├── conf.d
│   │   └── default.conf
│   └── nginx.conf
└── nginx03
    ├── conf.d
    │   └── default.conf
    └── nginx.conf

在根目錄創建文件docker-compose.yml，創建三個web服務，配置文件分別映射到容器中的對應文件。

version: '3'

services:
  web01:  #服務名稱
    image: nginx:latest #鏡像
    container_name: web01 #容器名稱
    ports:  #映射端口號，前者宿主機端口，後者容器端口
      - 8080:80
    volumes: #映射的目錄或文件，前者宿主機目錄，後者容器目錄
      - ./nginx/nginx01/nginx.conf:/etc/nginx/nginx.conf #配置文件
      - ./nginx/nginx01/conf.d:/etc/nginx/conf.d #擴展配置目錄
      - ./nginx/html:/usr/share/nginx/html #html存放目錄

  web02:
    image: nginx:latest
    container_name: web02
    volumes:
      - ./nginx/nginx02/nginx.conf:/etc/nginx/nginx.conf
      - ./nginx/nginx02/conf.d:/etc/nginx/conf.d
      - ./nginx/html:/usr/share/nginx/html

  web03:
    image: nginx:latest
    container_name: web03
    volumes:
      - ./nginx/nginx03/nginx.conf:/etc/nginx/nginx.conf
      - ./nginx/nginx03/conf.d:/etc/nginx/conf.d
      - ./nginx/html:/usr/share/nginx/html

打開nginx/nginx01/conf.d/default.conf，在文章頂部加入upstream配置，web02與web03是docker-compose.yml中定義的容器名稱container_name。

upstream backend {
    server web02:80;
    server web03:80;
}

在location /中加入proxy_pass以便將請求轉發給backend。

location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
    proxy_pass http://backend;  #追加該行
}

配置完成后，執行以下命令將容器跑起來。

cd ~/microservices
docker-compose up

提示以下內容即成功。

Recreating microservices_web01_1 ... done
Recreating microservices_web02_1 ... done
Recreating microservices_web03_1 ... done
Attaching to web02, web01, web03

此時microservices目錄結構如下，nginx目錄下多出了一個html文件夾，可以在html目錄下創建一個index.html，輸入Hello world!，重新跑一下。

microservices
├── docker-compose.yml
└── nginx
    ├── html
    │   └── index.html
    ├── nginx01
    │   ├── conf.d
    │   │   └── default.conf
    │   └── nginx.conf
    ├── nginx02
    │   ├── conf.d
    │   │   └── default.conf
    │   └── nginx.conf
    └── nginx03
        ├── conf.d
        │   └── default.conf
        └── nginx.conf

現在做個測試，在瀏覽器中訪問localhost:8080，觀察終端打印的日誌。

web01    | 172.24.0.1 - - [26/Jun/2019:01:48:28 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36" "-"
web02    | 172.24.0.2 - - [26/Jun/2019:01:48:28 +0000] "GET / HTTP/1.0" 304 0 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36" "-"

上述內容表示本次請求通過web01轉發到了web02。

web01    | 172.24.0.1 - - [26/Jun/2019:04:42:36 +0000] "GET / HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36" "-"
web03    | 172.24.0.2 - - [26/Jun/2019:04:42:36 +0000] "GET / HTTP/1.0" 304 0 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36" "-"

再次刷新，可以看到請求通過web01轉發到了web03，到目前為止，基本的負載均衡部署就已經完成了，上述的web01是將請求均衡轉發到web02、web03的，這種方法叫輪詢法，下篇文章介紹幾種其他的負載算法。

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

C#爬蟲與反爬蟲–字體加密篇

發佈日期: 作者:

       爬蟲和反爬蟲是一條很長的路，遇到過js加密，flash加密、重點信息生成圖片、css圖片定位、請求頭…..等手段；今天我們來聊一聊字體；
那是一個偶然我遇到了這個網站，把價格信息全加密了；瀏覽器展示：

查看源碼后是這樣：

當時突然恍然大悟，以為不就是把價格換成 &#xxxxx: .. 字符實體了嘛 我轉下就行了；（注：大家可能對轉義字符（實體名稱）比較熟悉 比如雙引號對應" ，字符實體呢就 &#開頭 ; 結尾 中間那些是ASCII碼 ；我這個示例中又有點不一樣的是 以x開頭 表明是16進制的 ASCII碼；詳解：http://www.w3school.com.cn/html/html_entities.asp 和
http://www.w3school.com.cn/tags/html_ref_ascii.asp） ；於是開始了轉碼。。。。

 這是什麼鬼，難道我的判斷有誤。當我打開瀏覽器調試界面發現

也是亂碼，我在界面上copy金額黏貼到記事本看看

也是亂碼說明上面的推斷是沒有錯的，他應該就是在显示上做了什麼處理；
       在找找發現一段鬼鬼祟祟的代碼；給price設置了一個叫zhongshugui的字體，但是好好的字體為啥要用base64 不用 http加載，http加載貌似可以用瀏覽器緩存的不是更好，base64 的話我每次瀏覽一個網頁不都是要重新加載一下；莫非他不想緩存就是每次加載都不一樣，經各種刷新后發現確實每次都生成不同文件；

既然感覺字體有問題 那我們就解析出來看看是啥，

這些0~9正好和界面上的html字符實體編碼一一對應；所以這個加密方式就是 html寫對應的HTML實體並與字體里的ASCII對應，自定義字體文件 以base64的方式內嵌到html里 ；每個頁面隨機生成不同的字體（就是字體里的ASCII）；上面那個是為了寫帖子自己仿造原網站做的例子；
C#解析字體的類在System.Windows.Media命名空間下Fonts類：
https://docs.microsoft.com/zh-cn/dotnet/api/system.windows.media.fonts?view=netframework-4.8

   好睏。午休去了；

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置，台北網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

記一次微信網頁授權后獲取用戶信息並重定向

發佈日期: 作者:

記一次微信網頁授權后獲取用戶信息並重定向

微信公眾號開發還是比較簡單的，但是寫完之後就忘記了。每次寫還要重新查文檔，所以這次吧開發過程記錄起來，有些細節問題也記錄下來，以後用到就方便了。

需求：

  • 能獲取用戶基本信息。
  • 獲取微信信息的時候，從哪個頁面來，最後到哪個頁面去。
  • 調用方式要簡單。

思路：

因為之前寫過幾次，思路還是很清楚的，大概有一下幾個步驟：

  1. 提供一個鏈接，帶有一個redirect_url參數，代表在獲取用戶信息后要返回的頁面。
  2. 在上一個鏈接中跳轉進行微信網頁授權。
  3. 授權成功后獲取code。
  4. 通過code調用微信接口獲取access_token。
  5. 通過access_token獲取用戶基本信息。
  6. 將用戶信息拼在之前定義的redirect_url中，並重定向到redirect_url。

實現：

思路有了下面就開始實現這個思路

1：

首先定義一個方法，接收redirect_url參數，並在這個方法中跳轉到微信授權頁面。

這裏我們需要完成思路中1,2的步驟。

注意：

在瀏覽器中調用方法的時候redirect_url參數要經過 URLEncoder.encode

在方法中接收的redirect_url參數任然需要經過URLEncoder.encode，因為在作為參數接收到的時候，這個參數已經變成正常的http鏈接了。

在拼裝微信重定向地址的時候，需要再次URLEncoder.encode。


//微信網頁授權地址
private String getWechatCodeUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?" +
        "appid=[APPID]&" +                  //微信appid
        "redirect_uri=[REDIRECT_URI]&" +    //獲取網頁授權后，微信重定向地址
        "response_type=code&" +
        "scope=snsapi_userinfo&" +          //授權方式
        "state=STATE#wechat_redirect";

//微信授權后返回的地址
private String getCodeUrl = "項目域名" +
        "redirect/code?redirect_url=";

//提供的獲取用戶信息的地址
@GetMapping("/redirect")
    public String redirect(
            @RequestParam(name = "redirect_url", defaultValue = "", required = false) String redirectUrl
    ) throws UnsupportedEncodingException {
        //默認值，前端首頁地址
        if (StringUtils.isBlank(redirectUrl)) {
            redirectUrl = webSite;
        }
        //一次編碼
        redirectUrl = URLEncoder.encode(redirectUrl, "utf-8");
        //二次編碼
        redirectUrl = URLEncoder.encode(getCodeUrl + redirectUrl, "utf-8");
        //最終得到的微信獲取微信授權地址
        String url = getWechatCodeUrl
            .replace("[APPID]", appid)
            .replace("[REDIRECT_URI]", redirectUrl);
        logger.info("redirecturl: {}", url);
        return "redirect:" + url;
    }

2:

這裏要在定義一個鏈接，就是上一步要讓微信跳轉回來的地址。這裏微信會攜帶一個code參數，由於在上一步我們將redirect_url地址進行了兩次編碼，所以在這個方法中redirect_url也會傳遞進來。

着這個方法中我們需要完成思路中 4,5,6的步驟

//獲取access_token的接口地址，這裏還可以獲取到openid
private String getAccessTokenUrl = "https://api.weixin.qq.com/sns/oauth2/access_token?" +
        "appid=[APPID]&" +      //微信的appid
        "secret=[SECRET]&" +    //微信的secret
        "code=[CODE]&" +        //重定向後微信攜帶的code參數
        "grant_type=authorization_code";

//獲取微信用戶基本信息的接口地址
private String getWechatUserUrl = "https://api.weixin.qq.com/sns/userinfo?" +
        "access_token=[ACCESS_TOKEN]&" +    //獲取到的 access_token
        "openid=[OPENID]&" +                //公眾號的 openid
        "lang=zh_CN";

//這裏的地址由微信重定向跳轉，攜帶code參數。
@GetMapping("/redirect/code")
public String getCode(
        @RequestParam(name = "redirect_url", defaultValue = "", required = false) String redirectUrl,
        @RequestParam(name = "code", defaultValue = "", required = false) String code
) throws UnsupportedEncodingException {
    logger.info("redirect_url: {}", redirectUrl);
    logger.info("code: {}", code);
    if (StringUtils.isBlank(code)) {
        logger.error("獲取code失敗");
        return "redirect:" + redirectUrl + "?error=code-is-null";
    }
    //解碼重定向地址
    redirectUrl = URLDecoder.decode(redirectUrl, "utf-8");
    //根據code獲取微信相關信息
    String apiUrl = getAccessTokenUrl
            .replace("[APPID]", appid)
            .replace("[SECRET]", secret)
            .replace("[CODE]", code);
    String res = HttpUtils.doGet(apiUrl, new HashMap<>());
    JSONObject resJson = JSONObject.parseObject(res);
    //請求失敗
    if (resJson.containsKey("errmsg")) {
        logger.error("獲取access_token失敗，" + res);
        return "redirect:" + redirectUrl + "?error=" + resJson.getString("errmsg");
    }
    //獲取微信用戶信息
    String getUserUrl = getWechatUserUrl
            .replace("[ACCESS_TOKEN]", resJson.getString("access_token"))
            .replace("[OPENID]", resJson.getString("openid"));
    String user = HttpUtils.doGet(getUserUrl, new HashMap<>());
    JSONObject userJson = JSONObject.parseObject(user);
    if (userJson.containsKey("errmsg")) {
        logger.error("獲取access_token失敗，" + res);
        return "redirect:" + redirectUrl + "?error=" + userJson.getString("errmsg");
    }
    //這裏直接將微信用戶信息編碼后重定向給最開始的redirect_url
    return "redirect:" + redirectUrl + "?wechat_user=" + URLEncoder.encode(user, "utf-8");
}

完成：

這裏就已經開發完成了，發布到線上后訪問：

[域名]/redirect?redirect_url=[需要轉到的地址]

后，在獲得用戶授權後會跳轉

[需要轉到的地址]?wechat_user=[URLEncoder.encode后的微信用戶信息]

https://www.cnblogs.com/hebaibai/p/11089318.html

【精選推薦文章】

如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

想要讓你的商品在網路上成為最夯、最多人討論的話題?

網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師”嚨底家”!!

如何挑選一個適合你的虛擬主機服務？我參考的七個比較項目

發佈日期: 作者:

如果你還有印象，幾個月前在無名小站與 Yahoo! 部落格宣布即將關閉服務後，我寫了一系列的無名小站專題，其中除了以圖文教學來引導讀者如何將無名小站的資料備份匯出外，更重要的是希望引導有心架站的使用者，可以用最快、最簡單的方式「轉移陣地」，妥善的保存你人生點滴，也倡導自行架站的重要性。

我不斷強調的兩個重點：一、註冊一個自己的網址；二、使用 WordPress 來架設網站或部落格非常簡單。這當中需要投注一點資金，但以一個過來人的經驗來說是非常划算的。詳細教學和說明可以參考這幾篇文章：

  • 從無名小站搬家前，你應該先註冊一個自己的網址！四個推薦的網域名稱註冊商
  • 無名搬家到自架 WordPress，我推薦的五個虛擬主機服務
  • 自架 WordPress 虛擬主機租用教學，將網誌備份匯出、匯入到新家

在寫完無名小站搬家專題一系列文章後，我收到不少讀者的來信，其中有些人對於虛擬主機感到疑惑，或許對從沒租用使用過虛擬主機的使用者來說，很難從密密麻麻的網站文宣裡，找出什麼是真正重要、也符合自己需求的虛擬主機空間。

目前全世界的虛擬主機服務相當多。以美國的虛擬主機為例，因為競爭激烈，價格都已經降價到難以想像（每月 $10 美元以下），在規格和方案不斷提升的情況下，其中也暗藏不少問題。所以在價格外，我們應該要去深入了解幾個面向，來看看自己的虛擬主機可用與否。

思考過後，決定寫一篇以「如何挑選適合你的虛擬主機空間？」為主題的文章，這是我在多年使用下所得到的經驗，嘗試用很簡單扼要的方式分享出來，提供挑選網站空間的朋友作為參考。如果你有任何的疑問，也歡迎在下面留言討論。

一、穩定性（Uptime）

在價格、空間、流量限制或客戶服務前，最重要的就是虛擬主機的穩定性，通常參考依據為正常運作時間（Uptime）。這個數字以百分比表示，顯示出來的是主機正常運作時間比例，一般虛擬主機都會有一個 Uptime 保證，例如 99.5% 或 99.9%，如果當月沒有到達保證時間，使用者是可以要求退費或當月免費的（以該虛擬主機服務的使用條例為主）。

為什麼要注意虛擬主機的 Uptime 呢？如果你的虛擬主機一個月有 0.1% 時間無法連線，換算下來當月就有 40 分鐘時間，是沒有人連得上你的網站的，造成金錢損失不說，更可能在無形中失去訪客甚至是搜尋引擎對你網站的信心。

人家常說要挑選速度快的虛擬主機，我倒認為「不如挑選一個穩定性高的虛擬主機」，不過速度是很客觀的，從台灣連線速度慢，不代表在其他地區的連線速度也是如此。如果可以，當然最好還是能找到速度快（對你網站大部分訪客來說）、且穩定性高的虛擬主機商。

備註：大部分的虛擬主機服務都有提供「不滿意全額退費保證」，時間區間可能是 30 天，甚至最長到 90 天以上，在付款租用並將網站上線後，就能開始測試並持續追蹤網站的穩定性和速度。如果遇到成效不彰的虛擬主機，別客氣，趕快取消帳戶並要求對方退款，才是保障自已權益的最佳方法。

二、網站空間（Disk Space）

一般來說，網站空間（Disk Space）也會是我挑選虛擬主機的參考項目之一，因為虛擬主機上需要儲存你的網站資料，勢必要選擇一個放得下、也有足夠彈性供你後續成長的空間。不過如果你的網站檔案不多，或者是單純以 WordPress 來架設網站的話，那所需要的空間不用太大，1 GB 內就綽綽有餘。

有些虛擬主機會限制使用者的「檔案數量」，可能是 10 萬個、20 萬個不等，一般情況下都不會超過此限，若你有特殊需求，也記得要先參考虛擬主機的使用條例再進行租用。

三、流量限制（Bandwidth）

流量是大部分使用虛擬主機服務的站長們最重視的規格。無論是要上傳檔案，或者讓使用者可以瀏覽你的網站內容，在傳輸的過程中都會計算到流量裡，網站的規模也會受流量所限制。

現階段的虛擬主機服務，預設提供的網站空間和流量限制都已經是無限制（Unlimited），不過要注意「無限制」並不是真正讓你無限使用，而是在「合理的使用情況下不會限制你」。也就是說如果你是一般正常架站的使用者，那就不用擔心因為某個月網站訪客量爆衝，而需要更換空間或是額外付費。

在租用虛擬主機前，務必要了解該服務商對於流量限制所採取的政策。有些會在你額外超過流量時酌收費用，或者限制你不可以把空間作為下載站、檔案託管（File Hosting）用途，只要嚴守虛擬主機的使用條例，多半都可以安心使用。

四、控制台（Control Panel）

虛擬主機會使用控制台，讓使用者可以快速存取某項功能，例如管理資料庫、網域名稱或是安裝應用程式等等，常見的如 cPanel、Plesk 都有提供包含中文在內的多國語言支援。不過有些虛擬主機商會使用自行開發的控制台系統，就看你對於操作或熟悉上有沒有障礙，應該都不會太難使用。

選擇控制台系統也會影響到你在備份或資料移轉的難度，例如 cPanel 和 cPanel 間可以很方便、快速的移轉資料，減少在搬家時的時間。在尋找虛擬主機服務前，也記得要挑選一個適合你使用習慣，未來資料也能備份移轉的系統。

五、客戶服務和技術支援（Customer Support）

虛擬主機商能否提供優質且快速的客戶支援，也是選擇虛擬主機的重要參考項目。事實上大部分的國外虛擬主機，都有提供 24/7 全年無休的線上客戶服務，無論是技術、帳務或購買前諮詢上皆有很好的團隊在負責回應。如果你本身無法以英文進行溝通，其實只要搭配 Google 翻譯等工具，也是能和國外的虛擬主機服務進行文字對談。

若你真的需要中文的客戶服務和技術支援，那就選擇中文服務的虛擬主機商吧！但一般來講價格會較國外高一些。

六、付款方式（Payment）

對於剛接觸虛擬主機的朋友來說，最讓人卻步的一個原因，就是不熟悉其付款方式。大部分的虛擬主機都是以信用卡或 Paypal 方式來付款，所以擁有一張信用卡（或是 Visa 金融卡之類的）就變得非常重要，否則除非你的 Paypal 帳戶裡有餘額，不然大部分都會用到信用卡來付款。

目前網路服務在交易這方面已經相當安全，就我多年的使用經驗，也未曾發生過信用卡被盜刷等情況。有些虛擬主機在使用者訂購並刷卡付款後，會要求提供身分證明，來驗證這次的交易是否為本人，雖然在程序上略顯麻煩，但換個角度想也是保證顧客的權益。

如果你無法使用信用卡或 Paypal 來支付款項，那同前面所說的，你可以選擇中文的虛擬主機商，一般都會有 ATM 轉帳或匯款等我們較為熟悉的付款方式。

七、口碑（Reputation）

選擇虛擬主機的另一項參考指標，就是網路上的名聲好或不好，例如虛擬主機服務曾發生過大規模的個資外洩，甚至是系統遭到破解等等，就需要特別留意一下是否要選擇它作為你網站的基地。我的經驗是上 Google 或是一些大型的虛擬主機論壇，例如 Web Hosting Talk 來查找其他用戶的使用評價。

以上是我在選擇虛擬主機服務時，一定會列入比較的重點項目。或許不一定適合所有人，還是可以在租用網站空間前作為參考。把握一個原則「多不一定用得到，便宜也不一定好」，盡量以自己的需求，找尋最符合自己的虛擬主機，才能把最少的資金做最有效的運用。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

WordPress.com 帶來 2013 年度回顧，一年的部落格成就總評量

發佈日期: 作者:

如果你跟 Pseric 一樣喜愛書寫部落格，或是以 WordPress 來經營網站、架站，WordPress.com 在一年的最後帶來了為你設計的年度回顧，要與你一同檢視部落格一年來的成就表現。若你是用 WordPress.com 平台，或者有在 WordPress 上安裝「Jetpack」外掛，且有開啟 WordPress.com Stats 統計功能，應該都可以收到 WordPress 寄來的通知，告訴你他們已經把你專屬的年度回顧準備好了。

稍早我已經介紹過 Facebook 帶你回顧今年的 20 個重大時刻，還有 Spotify 推出 2013 年度風雲榜等活動，國外似乎蠻流行類似的活動，在一年的最後，邀請你一同來見證今年所走過的幾個時刻，對於部落格來說，你可能會想知道一些資訊，例如今年寫過幾篇文章、累積幾篇文章、多少訪客以及最熱門的文章等等，在 Your 2013 year in blogging 裡都能看到。

範例鏈結：http://jetpack.me/annual-report/1101591/2013/ （預設報表為私人，可以公開、取得開放鏈結）

從 Your 2013 year in blogging 裡得知 2013 年免費資源網路社群裡最熱門的文章為 Hamachi 、PDFOnline、中文字型、IE9 以及 MP3jam ，也會清楚列出迴響數和發佈日期。

訪客都從那裡而來？搜尋了那些關鍵字進入網站呢？在報表裡也有這些資料喔！

如果你的部落格與讀者間的互動性很高，平常也有不少人來留言的話，在年度回顧裡可以看到前五名最常留言的使用者，以及最多人留言的文章。

想知道你的讀者都來自那些國家嗎？嘿，在年度回顧頁面也有清楚呈現。

因為這些數據都是來自於 WordPress.com Stats 統計，若你的 WordPress 沒有使用，或者利用 Google Analytics 的話，就不會收到年度回顧通知，當然也沒有報表可以看囉！因為 Pseric 中途有停止使用 Jetpack 一段時間，收集到的數據也不是那麼準確，但還是很有參考價值啦！（至少 WordPress 的年度回顧頁面設計得非常好看）。

新年快樂！

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置，台北網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益