
申請免費虛擬主機 000WebHost 並安裝 OpenCart 購物車系統
000WebHost 是一款老牌的免費虛擬主機,曾學習過網頁程式設計 (PHP) 的人,或多或少都應該聽過它的名字,000WebHost 可以讓初學者很簡單的,快速架一個網站出來,這個網站可以讓妳測試自己的 HTML、PHP 網頁檔,也有 MySQL 資料庫可以使用,除此之外,也有一鍵快速建立 WordPress 的功能,非常方便,而且如果覺得它提供的服務很不錯,也可以直接升級到 Hostinger,價格非常便宜,但這個便宜的價格,通常是要妳一次買四年制才有這個優惠;總而言之,它是一款非常適合初學者練習的免費虛擬主機,今天就來介紹,快速申請 000WebHost 的帳號,並架設一個可免費使用的購物網站。
使用工具:
1. 開啟瀏覽器搜尋「000WebHost」,並進入第一個搜尋結果頁面。(或點選上方的快速連結)

2. 進入首頁後,點選「GET STARTED」按鈕。

3. 點選左邊的「FREE SIGN UP」按鈕。

4. 輸入妳的 Email 和密碼後,按「SIGN UP」按鈕。

5. 到電子信箱查看確認信件,驗證妳的電子郵件,點選「Click To Verify Your Email」。


6. 開始建立網站!第一步:選擇妳的網站用途。(隨意選就好,我選擇中間。)

7. 第二步:隨意選擇!


8. 輸入網站名稱和密碼後,按「SUBMIT」按鈕。

9. 最後一步,選擇右邊的「Upload your site」。


回到剛剛的頁面,會變成顯示妳的網站。

最左邊就是剛剛建好的網站,底下的網址,就是妳專屬的子網域,只要在網址列輸入這串網址,就會連到妳的根目錄 (public_html)

虛擬主機就先暫時到這,接下來要去下載 OpenCart 購物網站和解壓縮程式檔案。
10. 開啟瀏覽器搜尋「OpenCart」,並進入第二個搜尋結果頁面。(或點選上方的快速連結)

11. 進去後下載臺灣優化版的 OpenCart (下載後是一個壓縮檔案)

12. 開啟瀏覽器搜尋「Unzipper PHP」,並進入第二個搜尋結果頁面。(或點選上方的快速連結)

13. 進去後點選綠框的 Code 按鈕,再選擇 Download ZIP 下載檔案。

14. 下載完後解壓縮,裡面有個「unzipper.php」檔案,等等要把這個檔案跟 OpenCart 壓縮檔一起上傳到遠端的根目錄中 (public_html 資料夾)。
15. 回到 000WebHost,滑鼠游標移到妳的網站,點選「Manage Website」進入後台。

16. 選擇右邊的「File Manager」進入檔案管理員,點進 public_html 資料夾,把 unzipper.php 和 OpenCart 壓縮檔上傳到這。(右上角有個 Upload 按鈕,或直接拖拉也行。)


17. 在妳的網址列輸入「妳的網址 + /unzipper.php」,以我的為例:
https://captainjamesbweb.000webhostapp.com/unzipper.php

它會自動選擇壓縮檔,我們直接點「Unzip Archive」就好!

解壓縮成功後,回到檔案管理員重新整理,會看到多了一個 upload 資料夾,裡面就是 OpenCart 的檔案。
18. 把 upload 資料夾重新命名為 OpenCart
點選 upload 資料夾左邊的框框,點選上方的 Rename 按鈕重新命名。(如果想把系統安裝在根目錄的話,直接點進 upload 資料夾,把全部的框框點選後,再點上方的 move 按鈕,把檔案全部移到根目錄即可。)

19. 建置資料庫
回到妳的網站後台,點選左邊 Tools -> Database Manager。

點選「+ New Database」

輸入資料庫的名字、使用者和密碼

資料庫建置中,上面的資訊等等要輸入到 OpenCart。

20. 開始安裝 OpenCart
在網址列輸入「妳的網址 + /OpenCart」進入安裝程序

P.S. 如果網頁出現以下資訊,請到網站後台,於左方選擇 Website Settings -> General,裡面有個 PHP Version,請更改為 7.3 版本。


21. 點繼續到下一步


22. 於剛剛建置資料庫的頁面中,複製資訊至此欄位。

23. 輸入要登入 OpenCart 後台的帳號和密碼,好了之後點繼續。

24. 安裝完後,到檔案管理員,將 OpenCart 資料夾裡的 install 資料夾,刪除或更名。

25. 好了之後先點選右邊的按鈕進入商店後台

進去後按移動按紐

26. 點右上角的 John Doe,再點選 OpenCart 電商進入前端。

到這裡 OpenCart 的系統就安裝完成了!如果有什麼問題歡迎下方留言提問
我剛剛建製的 OpenCart 網站:
OpenCart 網路商店 | OSEC.tw (000webhostapp.com)
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊

