安裝TWE-COMMERCE

當您取得程式,您必須先設想好是要在本機做測試,或是您已經有一個網頁空間或是您的電腦本身有架設網站伺服器,程式本身並不限定您一定要在WINDOWS伺服器或是LINUX伺服器平台運作,但是最基本要您的SERVER能支援PHP PHP的版本必須在4.1.2以上)與MYSQL,並且有GD_LIB 2.0模組的支援,而GD模組必須有支援.gif檔案格式,方能使用「合併圖片」的功能。

在安裝的方式上,列舉兩種較常使用的方式做解說。

第一種是在本機(localhostWINDOWS作業系統上安裝。

如果以(localhost)的方式安裝,是假設目前商店不打算對外營業,可能只是做程式系統測試。

第二種是在網頁空間上安裝(虛擬主機)。

3.1本機(localhostWINDOWS作業系統安裝

twecommerec.zip解壓縮至(c:\AppServ\www\)下,TWE-Commerce程式的架構如下(圖3-1):

(圖3-1

twecommerce是主資料夾,下面放置了所有必須的檔案,在安裝前必須先將下列檔案做權限的調整。

n          twecommerce/cache資料夾     取消唯讀。

n          twecommerce/templates_c資料夾  取消唯讀。

n          twecommerce/admin/includes/configure.php取消唯讀。

n          twecommerce/admin/includes/configure.org.php取消唯讀。

n          twecommerce/includes/configure.php取消唯讀。

n          twecommerce/includes/configure.org.php取消唯讀。

Cache資料夾是當我們設定使用快取時需讓系統程式有寫入權限。

templates_c資料夾是smarty使用的暫存資料夾。必需讓程式有寫入權限。

configure.php檔案是定義一些網站常數,在安裝的同時系統會自動寫入網站所需的常數,必需讓系統有寫入權限。

configure.org.phpconfigure.php的備份檔案,也是在安裝時系統會寫入網站常數,內容與configure.php一模一樣。這是在防止以後萬一修改configure.php檔時網站發生問題,讓您可以有一個原始依據。屆時您可以覆蓋或參照修改來解決問題,所以也必需讓系統有寫入權限。

取消唯讀的方式很簡單,只要開啟檔案總管,找到需取消唯讀的檔案或是資料夾,按下滑鼠右鍵,選擇(內容)(圖3-2):

(圖3-2

將屬性:(唯讀)取消勾選即可。當我們將權限設定好之後就可以開始安裝系統。

第一步:選擇使用語言

在此接續本機(localhostWindows Server安裝完之後的平台安裝方法,首先開啟瀏覽器:在網址部分輸入http://localhost/twe_installer進入安裝首頁(圖3-3):

PS:如果您沒有修改AppServhttpd.conf)裡的網站跟目錄路徑,那就必須在網址列輸入http://localhost/twecommerce/twe_installer

(圖3-3

如果檔案權限設定無誤,在畫面中央會呈現各項檢查都OK的提示。

系統此時除了檢查您的檔案與資料夾權限正確與否,並且也檢查您的SERVER PHP版本、是否安裝了GD LIBGD的版本、是否支援GIF圖片檔案格式,GD LIB需要包括2.0與以後的版本,如果GD不支援GIF檔案格式,商店將無法使用GIF圖片檔案為商品圖片與商品圖片合成功能。

如果是檔案權限設定有誤,則會出現3-4)的警告訊息,告知哪一個檔案權限設定有誤,這時將無法繼續下一步安裝,直到解決檔案權限問題後,continue按鈕才會出現。

(圖3-4

請選擇您使用的語言(這裡只針對安裝時的頁面語系)。點選Tchinese按下continue按鈕進行下一步安裝。

第二步:資料庫與網站伺服器設定

(圖3-5

第一次安裝,必須將(寫入TWE-Commerce資料與自動設定)與(寫入Configure.php檔案)這兩樣通通勾選。

資料庫設定

n          資料庫伺服器:(資料庫的主機名稱或IP位址(localhost)資料庫主機格式, 可以是主機名稱,如 www.myserver.com, 或是IP位址,如127.0.0.1,一般使用 localhost 即可)。

n          使用者名稱:(連接資料庫主機的使用者名稱,例如使用者為root)注意:這個使用者必須有新增(Create)及刪除(Drop)資料表的權限。留白即可

n          密碼:(資料庫使用者帳號的密碼,通常與使用者名稱為一組)。留白即可

n          資料庫名稱:(儲存資料的資料庫名稱,如 twecommerce)。

網站伺服器設定

在這個步驟中欄位裡會自動顯示你系統安裝的路徑,一般並不需更改。

n          網站伺服器實際路徑(線上商店在網頁的絕對路徑,線上商店的網頁位址,LINUX例如 /home/myname/public_html/twecommerce/WINDOWS例如c:\AppServ\www\twecommerce

n          TWE-Commerce商店目錄(線上商店的根目錄,twecommerce 安裝在主機的目錄,LINUX例如 /twecommerce/

n          管理目錄(線上商店管理程式的根目錄twecommerce管理程式安裝在主機的目錄,如 /twecommerce/admin/.

n          商店資料夾目錄(線上商店的相對路徑twecommerce 安裝在主機的目錄,如 /tweommerce/.

n          商店管理資料夾(線上商店管理程式的相對路徑twecommerce管理程式安裝在主機的目錄,如/twecommerce/admin/

填寫完畢請按continue按鈕繼續下一步。

如果資料庫資訊填寫有誤當按下continue按鈕會出現(測試聯結資料庫失敗)的訊息頁面(圖3-6):

(圖3-6

這表示在資料庫的連結資訊填寫有誤,安裝伺服器時如果有設定資料庫MYSQL的帳號密碼,則必須填入正確的帳號、密碼,如果填寫正確,系統將依照你填入的資訊開始建立資料庫並建立資料表。按continue按鈕進行資料庫建立動作(圖3-7):

(圖3-7

資料庫寫入需要一點時間,在進行寫入動作執行時請勿中斷操作,當資料庫完成寫入動作之後將會顯示資料寫入資料庫完成(圖3-8)的訊息。

(圖3-8

請按continue按鈕繼續下一步(圖3-9)。

(圖3-9

檢查您的網站伺服器資訊

這個步驟主要有三處需要讓你選擇勾選,其餘一般按照系統顯示的預設值即可,這三項分別是:

1)是否開啟 SSL 連結 (HTTPS) SERVER必須有支援SSL,否則請勿勾選。

2)是否開啟資料庫持續連結。

3SessionsSessions資料儲存位置,寫入資料庫(建議勾選項目)。

n          HTTP Server

n          線上商店的網頁位址,如 http://www.myserver.com, IP 位址為 http://192.168.0.1

n          HTTPS Server

n          線上商店的加密網頁網址,如 https://www.myserver.com, IP 位址為https://192.168.0.1

n          HTTP Cookie 網域:

n          儲存cookie的網域範圍,完整或最上層網域以儲存cookies,如 www.myserver.com。(不需加入http://

n          HTTP Cookie 路徑:

n          儲存 cookies 的路徑,限制cookies在主機上網頁的範圍,如 /twecommerce/

n          加密 Cookie 網域:

n          儲存cookie的加密網域範圍,完整或最上層加密網域以儲存cookies,如 www.myserver.com

n          加密 Cookie 路徑:

n          儲存 cookies 的加密路徑,限制cookies在加密主機上網頁的範圍,如 /twecommerce/

n          開啟 SSL 連結:

n          是否開啟 SSL 連結 (HTTPS),勾選此項目時,必須您的伺服器有支援SSL

n          網站伺服器實際路徑:

n          線上商店在網頁的絕對路徑,線上商店的網頁位址,LINUX /home/myname/public_html/twecommerce/WINDOWSc:/appserv/www/twecommerce

n          TWE-Commerce"商店目錄:

n          線上商店的根目錄,tweCommerce 安裝在主機的目錄,LINUX /twecommerce/

n          管理目錄:

n          線上商店管理程式的根目錄,tweCommerce管理程式安裝在主機的目錄,LINUX /twecommerce/admin/.

n          商店資料夾目錄:

n          線上商店的相對路徑,tweCommerce 安裝在主機的目錄,如 /tweommerce/.

n          商店管理資料夾:

n          線上商店管理程式的相對路徑,tweCommerce管理程式安裝在主機的目錄,如/twecommerce/admin/

檢查您的資料庫伺服器資訊

資料庫伺服器:

資料庫的主機名稱或IP位址(localhost)資料庫主機格式, 可以是主機名稱,如 db1.myserver.com, 或是IP位址,如127.0.0.1,一般使用 localhost 即可。

n          使用者名稱:

n          資料庫使用者名稱,連接資料庫主機的使用者名稱,例如使用者為 root,請注意: 在這裡安裝時,這個使用者必須有新增(Create)及刪除(Drop)資料表的權限。

n          密碼:

n          資料庫使用者密碼,資料庫使用者帳號的密碼,通常與使用者名稱為一組。

n          資料庫名稱:

n          資料庫名稱,儲存資料的資料庫名稱,如 twecommerce

n          開啟資料庫持續連結:

n          啟動保持連接(注意:租用或共用主機最好關閉這個選項)。

n          Sessions 寫入檔案:

n          sessions資料儲存位置,(如果選擇寫入檔案),必須在電腦硬碟裡增加一個名為tmp的資料夾。

n          Sessions寫入資料庫:

n          sessions資料寫入資料庫(建議勾選項目)

以上的資訊系統將會分別建立4個檔案

n          includes/configure.php

n          includes/configure.org.php

n          admin/includes/configure.php

n          admin/includes/configure.org.php

勾選完,請按continue按鈕繼續下一步。下圖為完成資料寫入頁面(圖3-10)。

(圖3-10

請再按下continue按鈕繼續下一步安裝階段(商店基本資料設定)。

管理員設定、商店設定

這裡需填入商店管理者的基本資訊(圖3-11),以利系統將管理員資訊寫入資料庫,稍後方便管理員進入後台做基礎設定。(這裡所填入的值在商店安裝完成後都可以隨時更改)。

(圖3-11

管理員設定

n          中文姓名:填入管理員姓名。

n          暱稱:填入管理員暱稱。

n          電子郵件:填入管理員郵件地址。

n          地址:填入管理員居住地址。

n          郵遞區號:填入管理員居住地郵遞區號。

n          鄉鎮村區:填入管理員居住地///區。

n          縣市:填入管理員居住地縣市名稱。

n          國家:填入管理員居住地名稱。

n          電話號碼:填入管理員電話號碼

n          密碼:填入管理員密碼

n          確認密碼:再一次填入密碼

商店設定

n          商店名稱:填入商店名稱

n          商店擁有人:填入商店擁有人姓名

n          寄件人:填入商店寄件人郵件地址 (這個郵件地址用於商店傳送電子郵件的寄件人)

n          (所有欄位必填)。按continue按鈕繼續下一步。

訪客與會員群組設定

這是設定訪客與會員的一些折扣設定,您可以不用在此設定,屆時安裝完成後也可以在後台管理做設定(圖3-12)。

TIPS
由於這裡的設定關係到商店商品、群組、價格相當多的設定,在您尚未瞭解其架構前,建議您先以預設值直接安裝,待瞭解系統會員群組架構後,再由商店管理後台來做設定的更改。

(圖3-12

按下continue按鈕繼續下一步,完成整個安裝程序(圖3-13)。

(圖3-13

接下來按下catalog按鈕,就可以進入商店前台(圖3-14)。

(圖3-14

在頁首最上方的部分有兩行提示您的警告訊息。

注意警告: 安裝目錄仍然存在: c:/appserv/www/twecommerce/twe_installer. 基於安全的理由,請將這個目錄刪除

 

注意警告: 設定檔允許被寫入: c:/appserv/www/twecommerce/includes/configure.php. 這將具有潛在的系統安全風險 - 請將檔案設定為正確的使用權限

針對第一個訊息,如果你只在本機測試,暫不想刪除檔案,你可以將twe_installer資料夾改名例如改成twe_installer_bak,如此即可。

針對第二個訊息,打開檔案總管,找到c:/appserv/www/twecommerce/includes/configure.php

按下滑鼠右鍵(圖3-15):

(圖3-15

選取最下方(內容)(圖3-16

(圖3-16

唯讀(R)項目選取後按下套用確定按鈕即可。

TIPS

如果頁面上方半圓邊框呈現缺角,那是因為您安裝在本機有包含資料夾的路徑(圖3-17):

 

(圖3-17

請打開(商店資料夾/templates/twe/stylesheet.css)找出下列二行:

1.tt12bkg{background:url(/templates/twe/img/tt12_m.gif) repeat-x;height:12px;width:100%}

2.tb12bkg{background:url(/templates/twe/img/tb12_m.gif) repeat-x;height:12px;width:100%}

改成:

1.tt12bkg{background:url(/資料夾名稱/templates/twe/img/tt12_m.gif) repeat-x;height:12px;width:100%}

2.tb12bkg{background:url(/資料夾名稱/templates/twe/img/tb12_m.gif) repeat-x;height:12px;width:100%}

再到瀏覽器按「重新整理」後所出現即是正常的商店頁面(圖3-18

(圖3-18

3.2網頁空間(虛擬主機)安裝的方式

既然是網頁空間或是一台專職的SERVER,那就表示程式並非放在自己的電腦裡,這時就需要使用FTPTWE-COMMERCE網站程式上傳至你的網站空間或是SERVER,在往後的檔案修改也都必須依靠FTP將修改好的檔案上傳至網頁空間覆蓋原有檔案,以達到程式修改的目的,如此在自己的電腦裡也會有一份與網頁空間或是SERVER相同的一份TWE-COMMERCE檔案,也可以經常讓兩個資料夾隨時保持同步,當成是另一種檔案備份。

FTP的軟體有很多,最好是有能夠變更檔案權限的FTP軟體,例如(CuteFTP),另一方面為了設計自己的商店風格,最好也準備一個可以所見即所得的網頁編輯器,本書將以CuteFTP為例做解說,如何利用CuteFTP來達成上傳TWE-COMMERCE檔案至SERVER的需求。

步驟一 解壓縮檔案到你的本機硬碟中

將書中所附贈的光碟放置入光碟機中,開啟「檔案總管」指向光碟機路徑,找到(twecommerce.zip),解壓縮檔案twecommerce.zip到你的本機硬碟中,你可以先在本機硬碟中新增一個localhost資料夾,可以是C槽或D槽或....都行,或是解壓縮時新增一個資料夾來放置檔案,在此我們假設是新增在硬碟C槽。然後將檔案解壓縮在localhost資料夾下。

步驟二 上傳檔案

當您申請了網頁空間之後,主機商會在主機的磁碟空間中增加一個使用者資料夾,以LINUX系統主機而言資料夾位置,例如(/var/home1/dapo/)其中(dapo)是您當初申請空間時的使用者名稱,而(dapo)就是提供放置網站程式的資料夾,當使用申請時的帳號密碼用FTP登入主機時,將會來到(/var/home1/dapo/)。一般主機商都會要求您將商店的網址,指向主機商所指定的IP位置(如果商店尚未申請網址可請主機商代為申請,目前的主機商都有提供這項服務,如果是主機商代為申請,則主機商將會幫商店申請的網址指向主機商的IP)。並且主機商會在主機的網站伺服器與DNS裡設定,將您商店首頁對應到(/var/home1/dapo/)或是(/var/home1/dapo/public_html/)。

假設今天商店網址是(www.my-shop.com.tw),所以當在瀏覽器輸入(www.my-shop.com.tw)時,將會開啟(/var/home1/dapo/index.html或是index.php)為首頁。

問題來了,如果打算上傳程式時是包括twecommerce資料夾,那您在主機的資料夾情況會是(/var/home1/dapo/twecommerce/),這時如果輸入(www.my-shop.com.tw)將會找不到網頁,因為商店首頁是在/var/home1/dapo/twecommerce/index.php),這時候您可能需要在(dapo)資料夾下製作一個splash入口頁index.html,製作連結或是使用<MEAT>標籤的refresh功能,將首頁導向(/var/home1/dapo/twecommerce/index.php)商店首頁,但此時轉進入商店之後瀏覽器呈現的網址位置會是(http://www.my-shop.com.tw/twecommerce/index.php)會多了一個twecommerce的資料夾,要避免這種狀況有兩個方式,第一種是(twecommerce)資料夾上傳後告知主機商,請主機商更改伺服器設定將商店首頁對應到/var/home1/dapo/twecommerce/),第二種是只上傳(twecommerce)裡面的檔案,就是不包括(twecommerce)資料夾。

TIPS

如果今天租用的主機空間仍有其他網站例如xoops或是nuke,那還是建議將(twecommerce)資料夾整個上傳,才不會一團混亂。當然每家主機商指定使用者跟目錄的規格不同,但是道理是一樣的。

接著就來示範如何使用(CuteFTP)將檔案上傳至伺服器,這裡的示範是將twecommerce包含資料夾整個上傳,首先請先開啟(CuteFTP),在上方工具列找到(檔案>新增>FTP站台)(圖3-19):

(圖3-19

出現(站台內容)對話盒,在下列欄位填入相關資訊(圖3-20):

(圖3-20

n          符號標籤:填入站台名稱(這個名稱只是出現在CuteFTP Pro,方便分類)

n          主機位置:填入主機商提供之IP

n          帳號:填入當初申請時的帳號或使用者名稱。

n          密碼:填入當初申請時的密碼。

按下「連線」按鈕(圖3-21):

(圖3-21

連線之後,畫面左方是本機資料夾,請在本機資料夾中找出localhost資料夾。畫面中央空白的地方就是處在主機磁碟/var/home1/dapo/)資料夾。

要上傳檔案很簡單,只要使用拖曳的方式將左邊localhost下的twecommerce資料夾整個拖曳到中央空白位置(圖3-22)。上傳過程可能需要一段時間,請耐心等候。

(圖3-22

上傳完畢之後在安裝之前,必須做檔案權限修改,您或許會奇怪為何在Windows本機安裝時沒有這麼多的檔案需要做權限修改,那是因為一般在Windows本機安裝時,如果您沒去刻意設定資料夾權限,一般檔案是沒有設定唯讀的。但是一般虛擬主機的資料夾設定一開始是除了檔案擁有者以外其餘通通不允許寫入的,所以在這裡將系統檔案所需要的檔案權限一次將其設定完成,免的來回奔波修改。

n          twecommerce/cache資料夾     777

n          twecommerce/templates_c資料夾  777

n          twecommerce/admin/includes/configure.php   777

n          twecommerce/admin/includes/configure.org.php   777

n          twecommerce/includes/configure.php   777

n          twecommerce/includes/configure.org.php   777

n          twecommerce/images資料夾    包括以下所有資料夾777

n          twecommerce/media資料夾      包括以下所有資料夾777

n          twecommerce/admin/backups資料夾    777 

n          twecommerce/admin/images/graphs    777

進入資料夾中,找出欲更改權限檔案,按下滑鼠右鍵,選擇最下方(屬性/CHMOD)(圖3-23):

(圖3-23

在「權限」欄位中將原本(755)更改成(777),或是將下方「群組」與「公有」的(寫入)勾選,按下「套用」-「確定」鈕後完成更改權限。請將需修改權限檔案或資料夾依序修改完成(圖3-24)。

(圖3-24

步驟三 安裝TWE-COMMERCE

開啟瀏覽器在網址列中輸入(http://www.my-shop.com.tw/twecommerce/twe_installer/),即會進入安裝畫面。其餘步驟與在本機(localhostWINDOWS作業系統安裝上的方式完全相同。

如果只是上傳twecommerce資料夾裡面的檔案,則安裝時必須在瀏覽器網址列輸入(http://www.my-shop.com.tw/twe_installer/)。