![申請免費虛擬主機 000WebHost 並安裝 OpenCart 購物車系統 申請免費虛擬主機 000WebHost 並安裝 OpenCart 購物車系統](https://i0.wp.com/i.imgur.com/6FBXgVX.png?resize=1024%2C538&ssl=1)
申請免費虛擬主機 000WebHost 並安裝 OpenCart 購物車系統
000WebHost 是一款老牌的免費虛擬主機,曾學習過網頁程式設計 (PHP) 的人,或多或少都應該聽過它的名字,000WebHost 可以讓初學者很簡單的,快速架一個網站出來,這個網站可以讓妳測試自己的 HTML、PHP 網頁檔,也有 MySQL 資料庫可以使用,除此之外,也有一鍵快速建立 WordPress 的功能,非常方便,而且如果覺得它提供的服務很不錯,也可以直接升級到 Hostinger,價格非常便宜,但這個便宜的價格,通常是要妳一次買四年制才有這個優惠;總而言之,它是一款非常適合初學者練習的免費虛擬主機,今天就來介紹,快速申請 000WebHost 的帳號,並架設一個可免費使用的購物網站。
使用工具:
1. 開啟瀏覽器搜尋「000WebHost」,並進入第一個搜尋結果頁面。(或點選上方的快速連結)
![](https://i0.wp.com/i.imgur.com/dG1jCFV.png?w=960&ssl=1)
2. 進入首頁後,點選「GET STARTED」按鈕。
![](https://i0.wp.com/i.imgur.com/BQbZYJU.png?w=960&ssl=1)
3. 點選左邊的「FREE SIGN UP」按鈕。
![](https://i0.wp.com/i.imgur.com/dtAMtNN.png?w=960&ssl=1)
4. 輸入妳的 Email 和密碼後,按「SIGN UP」按鈕。
![](https://i0.wp.com/i.imgur.com/Lr6LCFF.png?w=960&ssl=1)
5. 到電子信箱查看確認信件,驗證妳的電子郵件,點選「Click To Verify Your Email」。
![](https://i0.wp.com/i.imgur.com/3YERDZX.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/zUuDoGK.png?w=960&ssl=1)
6. 開始建立網站!第一步:選擇妳的網站用途。(隨意選就好,我選擇中間。)
![](https://i0.wp.com/i.imgur.com/jt9tiXI.png?w=960&ssl=1)
7. 第二步:隨意選擇!
![](https://i0.wp.com/i.imgur.com/HsHlNUs.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/P7iU9yU.png?w=960&ssl=1)
8. 輸入網站名稱和密碼後,按「SUBMIT」按鈕。
![](https://i0.wp.com/i.imgur.com/ODJyToI.png?w=960&ssl=1)
9. 最後一步,選擇右邊的「Upload your site」。
![](https://i0.wp.com/i.imgur.com/Zc3yv8V.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/KkaQXwy.png?w=960&ssl=1)
回到剛剛的頁面,會變成顯示妳的網站。
![](https://i0.wp.com/i.imgur.com/3KJdYBA.png?w=960&ssl=1)
最左邊就是剛剛建好的網站,底下的網址,就是妳專屬的子網域,只要在網址列輸入這串網址,就會連到妳的根目錄 (public_html)
![](https://i0.wp.com/i.imgur.com/zx0ey27.png?w=960&ssl=1)
虛擬主機就先暫時到這,接下來要去下載 OpenCart 購物網站和解壓縮程式檔案。
10. 開啟瀏覽器搜尋「OpenCart」,並進入第二個搜尋結果頁面。(或點選上方的快速連結)
![](https://i0.wp.com/i.imgur.com/28z6b5L.png?w=960&ssl=1)
11. 進去後下載臺灣優化版的 OpenCart (下載後是一個壓縮檔案)
![](https://i0.wp.com/i.imgur.com/j9A0vlo.png?w=960&ssl=1)
12. 開啟瀏覽器搜尋「Unzipper PHP」,並進入第二個搜尋結果頁面。(或點選上方的快速連結)
![](https://i0.wp.com/i.imgur.com/yE2JPwl.png?w=960&ssl=1)
13. 進去後點選綠框的 Code 按鈕,再選擇 Download ZIP 下載檔案。
![](https://i1.wp.com/i.imgur.com/Q3voGK7.png?w=960&ssl=1)
14. 下載完後解壓縮,裡面有個「unzipper.php」檔案,等等要把這個檔案跟 OpenCart 壓縮檔一起上傳到遠端的根目錄中 (public_html 資料夾)。
15. 回到 000WebHost,滑鼠游標移到妳的網站,點選「Manage Website」進入後台。
![](https://i0.wp.com/i.imgur.com/XIUfff2.png?w=960&ssl=1)
16. 選擇右邊的「File Manager」進入檔案管理員,點進 public_html 資料夾,把 unzipper.php 和 OpenCart 壓縮檔上傳到這。(右上角有個 Upload 按鈕,或直接拖拉也行。)
![](https://i0.wp.com/i.imgur.com/1t6vjSo.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/P5hE6Gs.png?w=960&ssl=1)
17. 在妳的網址列輸入「妳的網址 + /unzipper.php」,以我的為例:
https://captainjamesbweb.000webhostapp.com/unzipper.php
![](https://i0.wp.com/i.imgur.com/cLClqBz.png?w=960&ssl=1)
它會自動選擇壓縮檔,我們直接點「Unzip Archive」就好!
![](https://i0.wp.com/i.imgur.com/r4S5oYl.png?w=960&ssl=1)
解壓縮成功後,回到檔案管理員重新整理,會看到多了一個 upload 資料夾,裡面就是 OpenCart 的檔案。
18. 把 upload 資料夾重新命名為 OpenCart
點選 upload 資料夾左邊的框框,點選上方的 Rename 按鈕重新命名。(如果想把系統安裝在根目錄的話,直接點進 upload 資料夾,把全部的框框點選後,再點上方的 move 按鈕,把檔案全部移到根目錄即可。)
![](https://i0.wp.com/i.imgur.com/CUl9e5r.png?w=960&ssl=1)
19. 建置資料庫
回到妳的網站後台,點選左邊 Tools -> Database Manager。
![](https://i0.wp.com/i.imgur.com/ikaCb2v.png?w=960&ssl=1)
點選「+ New Database」
![](https://i0.wp.com/i.imgur.com/9DgwLXX.png?w=960&ssl=1)
輸入資料庫的名字、使用者和密碼
![](https://i0.wp.com/i.imgur.com/LtiD3XE.png?w=960&ssl=1)
資料庫建置中,上面的資訊等等要輸入到 OpenCart。
![](https://i0.wp.com/i.imgur.com/kxJtPk8.png?w=960&ssl=1)
20. 開始安裝 OpenCart
在網址列輸入「妳的網址 + /OpenCart」進入安裝程序
![](https://i0.wp.com/i.imgur.com/eza5oEo.png?w=960&ssl=1)
P.S. 如果網頁出現以下資訊,請到網站後台,於左方選擇 Website Settings -> General,裡面有個 PHP Version,請更改為 7.3 版本。
![](https://i0.wp.com/i.imgur.com/bn08MCy.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/mvvq1Ag.png?w=960&ssl=1)
21. 點繼續到下一步
![](https://i0.wp.com/i.imgur.com/helvjZY.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/lwGC2UP.png?w=960&ssl=1)
22. 於剛剛建置資料庫的頁面中,複製資訊至此欄位。
![](https://i0.wp.com/i.imgur.com/4NbiYvL.png?w=960&ssl=1)
23. 輸入要登入 OpenCart 後台的帳號和密碼,好了之後點繼續。
![](https://i0.wp.com/i.imgur.com/hkBvsu5.png?w=960&ssl=1)
24. 安裝完後,到檔案管理員,將 OpenCart 資料夾裡的 install 資料夾,刪除或更名。
![](https://i0.wp.com/i.imgur.com/MAg0tPT.png?w=960&ssl=1)
25. 好了之後先點選右邊的按鈕進入商店後台
![](https://i0.wp.com/i.imgur.com/DpZryGk.png?w=960&ssl=1)
進去後按移動按紐
![](https://i0.wp.com/i.imgur.com/eOuWc5X.png?w=960&ssl=1)
26. 點右上角的 John Doe,再點選 OpenCart 電商進入前端。
![](https://i0.wp.com/i.imgur.com/AOX1c4Q.png?w=960&ssl=1)
到這裡 OpenCart 的系統就安裝完成了!如果有什麼問題歡迎下方留言提問
我剛剛建製的 OpenCart 網站:
OpenCart 網路商店 | OSEC.tw (000webhostapp.com)
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊
![TQC+ 創意 App 程式設計認證指南 103 公尺轉英呎 TQC+ 創意 App 程式設計認證指南 103 公尺轉英呎](https://i0.wp.com/i.imgur.com/dRAfjmz.png?resize=75%2C75&ssl=1)
![TQC+ 創意 App 程式設計認證指南 102 電費計算機 TQC+ 創意 App 程式設計認證指南 102 電費計算機](https://i0.wp.com/i.imgur.com/dRAfjmz.png?resize=75%2C75&ssl=1)