天天看點

使用cpolar建立一個商業網站(3)

系列文章

  • 使用cpolar建立一個商業網站(1)
  • 使用cpolar建立一個商業網站(2)
  • 使用cpolar建立一個商業網站(3)
  • 使用cpolar建立一個商業網站(4)
  • 使用cpolar建立一個商業網站(如何購買域名)
  • 使用cpolar建立一個商業網站(申請網站安全證書)
  • 使用cpolar建立一個商業網站(5)
上一篇
  • 使用cpolar建立一個商業網站(2)

在上篇介紹中,我們成功的在本地電子裝置上建立起一個像樣的、且可擴充變更外觀樣式的動态網頁,但想要讓這個網站成為商業行為的載體,還需要讓其能被公共網際網路使用者通路到。是以我們需要對WordPress網頁的配置檔案進行些許變更,并在cpolar的幫助下,打通本地電子裝置和公共網際網路之間的資料隧道。需要注意的是,由于對WordPress配置檔案的變更需要對配置代碼進行改寫,稍不留心就會導緻我們的網頁無法通路,是以必須小心操作。現在,就讓我們看看,應該如何變更WordPress的配置,并建立起cpolar資料隧道吧。

與一般的隧道概念相同,資料隧道至少要有兩個口以連接配接不同區域,是以我們要回到本地電腦,打通cpolar與WordPress網站輸出端口之間的通道。不過首先,需要讓WordPress配置進行修改,讓WordPress學會如何正确處理來自本地電子裝置以外的網頁通路請求。

這裡我們要暫時用到代碼編輯軟體Visual Studio Code”,下載下傳安裝後,軟體會在第一次使用時詢問是否變更語言為中文,我們選擇更改即可)。在本地電腦上打開VS Code,在左上角的“檔案”選項中選擇“打開檔案”,

使用cpolar建立一個商業網站(3)

在彈出的檔案選擇框中,找到PHPstudy的安裝檔案夾下的WWW檔案夾,進入該檔案夾選取放置WordPress的檔案夾(這個例子中為我們本地網站的檔案路徑,具體的路徑需要根據PHPstudy的實際安裝位置進行),選取web3檔案夾中的“wp-config.php”檔案。

使用cpolar建立一個商業網站(3)

在找到“wp-config.php”檔案後,點選下方的“打開”按鈕,就能進入配置檔案的修改界面,看起來很有程式員每天面對的代碼界面的感覺。接着,我們找到需要修改的代碼位置,粘貼如下兩個指令行(由于指令行對标點符号有全/半角的嚴格要求,是以我們建議直接複制下列代碼,避免輸入格式錯誤)

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);      

而修改代碼的位置,則如下圖所示

使用cpolar建立一個商業網站(3)

這一步很重要!如果沒有對WordPress進行正确配置,面對公網訪客的通路請求時,WordPress将無法正确應對,導緻訪客通路本地網站失敗!我們之前進行的所有工作也将失去意義!在代碼輸入後,再點選代碼頁面上方的“X”将其儲存關閉,再退出VS code程式。

使用cpolar建立一個商業網站(3)

此時我們就教會了WordPress,如何正确應對本地以外的網頁通路請求。接着,我們回到windows的開始菜單,從中找到cpolar用戶端。

使用cpolar建立一個商業網站(3)

點選啟動cpolar,在輸入登入名和密碼後,進入cpolar用戶端主界面。在左側找到“隧道管理”項下的“建立隧道”按鈕,點選進入資料隧道建立頁面,輸入我們本地網頁的相關資訊,将公共網際網路與WordPress網頁輸出端口連接配接起來。

使用cpolar建立一個商業網站(3)

這裡的設定需要注意,“本地位址”就是我們使用PHPstudy建立網頁時,填入的端口号。如果該項填錯,會導緻網際網路訪客通路端口出錯,導緻無法通路到本地網站。在相關資訊填入後,就可以點選下方的“建立”按鈕,建立起公共網際網路與本地網頁之間的資料隧道。為驗證該資料隧道是否建立,我們可以點選cpolar用戶端主界面左側的“狀态”欄,在下拉菜單中選擇“線上隧道清單”,看到我們剛剛建立的資料隧道。

使用cpolar建立一個商業網站(3)

在這裡,我們就能更清晰的看到,“公網位址”就是資料隧道的入口,而“本地位址”就是資料隧道的出口,公共網際網路的訪客可以通過公網位址(隧道入口),通路到本地位址上的網站(隧道出口),反之亦然。也就将本地電子裝置上的網頁,成功釋出到公共網際網路上。我們可以将公網位址複制,并在浏覽器位址欄中輸入,驗證該隧道的有效性。

使用cpolar建立一個商業網站(3)