CTIMES- 快速建立.COM電子商務實作 :E-Commerce,B2C,B2B,Apache,FreeBSD,Linux,OSS,電子商務,中小企業,SSL,TLS,亞東工專,Carey,RedHat

│新東西市集│東西講座│影音頻道│出版中心│智動化專區│

元件次系統自動控制

最新動態

【東西講座】1/10 智慧眼鏡風雲再起：重新認識光場顯示技術

產業快訊

整合創新X智造未來TIMTOS 2025 聚焦AI新商機

汽配及移動科技產業，參展熱烈報名中!

CTIMES / 文章 /

快速建立.COM電子商務實作

【作者：施勢帆,陳保川】 2000年03月01日星期三

瀏覽人次：【10128】

前言

現今是一個電子商務名詞滿天飛的網路時代，四處充滿著網路併購的新聞，每個人都如中邪般的呻吟E-Commerce、B2C、B2B，好像不為自己或公司的企業名稱加上冠上電子商務幾個字，轉型為dotCOM，就要在這個一年數變的網際網路時代被淘汰而不自知。

筆者將在本文中介紹一個簡單方便的電子商務軟體，它可是屬於GPL版權的，所有的原始碼完全公開，方便個人或企業學習或改變，免除想到要轉型便需耗費不少銀兩而頭痛。雖然如Intel葛洛夫預測在信用卡交易越來越盛行的時代，小公司也必須在網路上直接面對消費者刷卡的需求，上不上網關係企業存活，所以自然而然許多公司都會變成網路公司，但是在此之前還是需要相關單位對信用卡交易的安全做番努力。相關新聞可參考http://linuxfab.cx/indexNewsData.php3?NEWSID=1417。

軟體取得和展示

就像Carey Internet Services (http://www.careyinternet.com/main)首頁上第一段文字的說明般︰

E-commerce is booming! If the high costs and complexity of commercial software has stopped you from putting your store online, here's your solution.

所以它僅有二個軟體便可以快速的建立屬於自己的E-commerce環境，首先可至http://careyinternet.com/main/commerce/index.html下載所需的軟體，有三個分類如下：

●Commerce.cgi Standard 1.02 (No Real Time Credit Card Processing)

●Commerce.cgi Pro Beta 1.02 (integrated with Authorize.net)

●Commerce.cgi Pro Beta 1.02 (integrated with iTransact)

其中二和三可以整合Authorize.net, iTransact做即時信用卡檢查，在本文中筆者採用的是Commerce.cgi Standard 1.02，另外讀者也可以先連至http://www.careyinternet.com/cgi-bin/standard/store/commerce.cgi體驗一下E-commerce的管理和採購的樂趣，如(圖一)所示。

《圖一　》

系統架設

雖然軟體是由Perl 5寫成的，理論上並沒有限定安裝在何種系統下，但是安裝在Apache下是會順利的多。安裝的過程中採用的目錄是軟體預設的，不過由於它是OSS，所以當然可依自己的需要變更的，底下筆者就開始說明它的安裝過程，有點煩但相信是值得的，在此的範例是使用RedHat Linux，不過FreeBSD下也是類似的。

Step 1: 以Apache管理者身分如www取得commerce_cgi.tar, commerce_html.tar。

Step 2: cd /home/httpd/html ; mkdir home ;cd home

Step 3: tar -xvpf commerce_html.tar ←它會建立Html子目錄，此目錄中包含首頁範例和圖形

Step 4: chown -R www.users Html ←請讀者根據自身Apache管理者而變更

Step 5: cd Html

Step 6: 編輯frontpage.html，將其中會執行到commerce.cgi變更為/cgi-bin/store/commerce.cgi，

如ACTION, ＜a href=...等，另外也請更改一下Images的位置。

Step 7: cp frontpage.html index.html

Step 8: cd /home/httpd/cgi-bin

Step 9: tar -xvpf commerce_cgi.tar ←它會建立store子目錄，此目錄中包含所需CGI程式和記錄檔

Step 10: chown -R www.users store ←請讀者根據自身Apache 管理者而變更

Step 11: cd store/protected

Step 12: 修改manager.cgi，設立管理者，如下：

$username="shie";

$password="shiessf";

Step 13: 用瀏覽器連至cgi-bin/store/protected/manager.cgi?welcome_screen=yes，試試可否登入成功，如(圖二)、(圖三)所示。

《圖三　》

參數設定

首先我們必須先設定相關參數才可以進行資料的管理，點取【Program Settings】，可修改的參數如下：

●Path to /Html directory

首頁目錄，參數值為 /home/httpd/html/home/Html。

●Path to /Products directory

/Products完整目錄，參數值為 /home/httpd/html/home/Html/Products。

●tax percentage

稅金，參數值為.05。

●charged sales tax

只有這地區才要稅金，稅金部份建議修改/cgi-bin/store/Library/web_store_order_lib.pl中的副程式calculate_sales_tax符合國內需要。

●orders e-mailed

客戶完成下單後是否要E-mail通知，參數值為yes。

●e-mail address

上述E-mail位置。

●written to a log file

客戶完成下單後是否要產生記錄檔，參數值為yes。

●log file name

上述記錄檔檔名。

●webmaster

管理者的E-mail位置。

●shipping

運費，參數值為0.1。

●Root URL

首頁URL，如http://eef.oit.edu.tw/home/Html。

●Cookie domain

Cookie名，如eef.oit.edu.tw。

●Cookie path

Cookie路徑，如/commerce/cgi-bin/store。

●Order URL

Commerce.cgi的URL，如http://eef.oit.edu.tw/cgi-bin/store/commerec.cgi。

修改完成請檢查一下cgi-bin/store/protected/files，其中會記錄遠端控制的IP。

測試

完成上述的設定之後，我們便可以測試看看是否架設成功，先連線至/home/Html，如(圖四)所示。

《圖四　》

接下來便可以採購看看，例如點選Java，如(圖五)所示。

《圖五　》

在此我們可以看到書的封面和說明，接下來假設我要訂購一本且需要包裝一下，所以點一下Select Quantity選1，並且在Gift Options選擇一下，最後按下Add To Cart即可完成該單項，接下來可以繼續採購，如果完成所有採購則可按下【Check Out】進入下一個畫面，如(圖六)所示。

《圖六　》

在圖六中我們可以編輯數量【Edit Quantity】、刪除項目【Remote Items】、繼續採購【Continue Shopping】和完成訂購【Complete Secure Order】，假定我們已經完成訂購，則按下【Complete Secure Order】進入(圖七)中。

《圖七　》

圖七中會要求訂購者輸入一些相關資料，這部份可以依國情去修改原始碼符合不同的需要，輸入完成之後，按下【Verify Order】，它會檢查相關欄位，如果沒有問題則會進入(圖八)中。

《圖八　》

如果訂購者覺得沒有問題了，便可以按下【Submit Order for Processing】完成此次訂購。系統接收此一訂購之後會送出兩封信，一封給訂購者，主旨是︰Thank you for your order!，內容如下︰


Thank you for your order. We appreciate your business and will do everything we can to meet your expectations. Please visit us again soon!

--PRODUCT INFORMATION--

Quantity:		1
Product:		1001 Java Tips $ 39.96
Options:		None

INVOICE:		948189777
SHIPPING:		$ 4.00
SALES TAX:	$ 2.00
TOTAL:		$45.96

另一封是給管理者的，主旨是︰Commerce.cgi Order，內容如下︰


--PRODUCT INFORMATION--

Quantity:		1
Product:		1001 Java Tips $ 39.96
Options:		None 

--ORDER INFORMATION--
INVOICE:		948189777
SHIPPING:		$ 4.00
SALES TAX:	$ 2.00
TOTAL:		$45.96
METHOD:		Visa
NUMBER:		22
EXP:			22
TYPE:		NA
DESCRIPTION:	Commerce.cgi Order
CUSTID:		8125735.1720
NAME:		Shih Farn Shie
ADDRESS:	abc
CITY:		abc
STATE:		AK
ZIP:			123
COUNTRY:	Taiwan
PHONE:		123
FAX:			123
EMAIL:		shie@wahoo.com.tw
SHIP STREET:	Ship
SHIP CITY:	11
SHIP STATE:	AK
SHIP ZIP:		11
SHIP COUNTRY:	11
USER6:		8125735_1720
USER7:
USER8:
USER9:
USER10:

另外也會留一份記錄在cgi-bin/store/Admin_files/your_order.log中方便日後的處理，內容如下︰


------------------------------------------------------------
--PRODUCT INFORMATION--

Quantity:		1
Product:		1001 Java Tips $ 39.96
Options:		None 

--ORDER INFORMATION--

INVOICE:		948189777
SHIPPING:		$ 4.00
SALES TAX:	$ 2.00
TOTAL:		$45.96
METHOD:		Visa
NUMBER:		22
EXP:			22
TYPE:		NA
DESCRIPTION:	Commerce.cgi Order
CUSTID:		8125735.1720
NAME:		Shih Farn Shie
ADDRESS:	abc
CITY:		abc
STATE:		AK
ZIP:			123
COUNTRY:	Taiwan
PHONE:		123
FAX:			123
EMAIL:		shie@wahoo.com.tw
SHIP STREET:	Ship
SHIP CITY:	11
SHIP STATE:	AK
SHIP ZIP:		11
SHIP COUNTRY:	11
USER6:		8125735_1720
USER7:
USER8:
USER9:
USER10:
------------------------------------------------------------

筆者也建議設計一個簡單的資料庫將這些資料，相信對日後的商機可是應用無限的。

貨物管理

基本管理

相同的在圖三中，我們可以對貨物進行新增【Add A Product】(/cgi-bin/store/protected/manager.cgi?add_screen=yes)、修改【Edit A Product】(/cgi-bin/store/protected/manager.cgi?edit_screen=yes)和刪除【Delete Product】(/cgi-bin/store/protected/manager.cgi?delete_screen=yes)等動作如(圖九)、(圖十)、(圖十一)和(圖十二)，其中新增動作中的項目內容可以參考圖十一。

《圖十　》

《圖十二　》

事實上如果讀者真的動手執行這些動作，心中定有兩大疑問，其一是它並不會排序，其二是如果有上千筆以上的資料如何建立。由於該系統並無使用資料庫使這些問題有些棘手，不過我們倒可以參考一下cgi-bin/store/Data_files/data.file，了解一下它的欄位格式，然後用資料庫建立資料後再轉出來給它用即可。

貨物條件

相同貨物有時可能會有不同的條件，例如尺寸的大小，包裝的條件等，此時可在home/Html/Options目錄下設計這些條件，例如︰


＜P＞
＜B＞Gift Options＜B＞
＜br＞
＜SELECT NAME = "option|1|%%PRODUCT_ID%%"＞
＜OPTION VALUE = "None|"＞Select Here
＜OPTION VALUE = "Gift Card|1.00"＞Gift Card (+ $1.00)
＜OPTION VALUE = "Gift Wrap|2.50"＞Gift Wrap (+ $2.50)
＜OPTION VALUE = "Gift Box|3.50"＞Gift Box (+ $3.50)
＜/SELECT＞
＜/FORM＞

首頁設定

頁首和頁尾設定

頁首和頁尾設定分別是在home/Html/headers/store_header.inc和home/Html/footers/store_footer.inc中，可以參考該檔修改即可，另外frontpage.html該檔是commerce.cgi的預設讀取檔，所以筆者才會在段落二中修改它。

首頁範例

範例一︰搜尋方塊


＜!--Begin search table--＞
＜CENTER＞
＜FORM METHOD=POST ACTION=/cgi-bin/store/commerce.cgi＞
＜TABLE BORDER=1 CELLPADDING=3 CELLSPACING=0 WIDTH="500"＞
＜TR＞
＜TD WIDTH=200 BORDER=1＞
＜CENTER＞
＜IMG SRC=/home/Html/Images/search_store.gif＞
＜/CENTER＞
＜/TD＞
＜TD WIDTH=300 ALIGN=RIGHT BGCOLOR=WHEAT＞
＜CENTER＞
＜INPUT TYPE="text" NAME="keywords" SIZE="20" MAXLENGTH="60"＞
＜INPUT TYPE="submit" NAME="search_request_button" VALUE=" Submit "＞
＜/CENTER＞
＜/TD＞
＜/TR＞
＜/TABLE＞
＜/FORM＞
＜/CENTER＞
＜!--End Search Table--＞

範例一的執行結果為(圖十三)所示，當輸入java時，執行結果為(圖十四)所示。

《》

範例二︰分類鏈結


＜a href=/cgi-bin/store/commerce.cgi?product=NAME＞Link to Category NAME＜/a＞

其中NAME表示分類。

範例三︰鏈結靜態首頁


＜a href=/cgi-bin/store/commerce.cgi?page=mypage.html＞Link to My Page＜/a＞

鏈結在home/Html/Products目錄下mypage.html。

連線記錄

相同的在圖三中，我們可以瀏覽連線記錄【View tracking】(/cgi-bin/store/protected/manager.cgi?tracking_screen=yes)，如(圖十五)所示。

《》

結語

筆者在本文中介紹了一個簡單方便的電子商務軟務軟體，相信應該可以滿足小企業所需，也讓讀者可以經由架設管理的過程中體會電子商務的樂趣，不再是一套動輒數萬元遙不可及的夢，而這正也是OSS的好處，當然經由適當資庫的配合，加上庫存、會計等管理，更是如虎添翼了！如果更重視網路安全的讀者可以再加裝SSL或TLS，詳細資料可以瀏覽http://www.openssl.org。

(作者任教於亞東工專電機科)

(網際先鋒2000.3月號70期)

‧	Linux核心修補程式讓第五代樹莓派增速18%
‧	影響力持續擴增電子商務顛覆零售戰略
‧	多功能嵌入式系統新未來：從Android到Raspberry Pi 3
‧	「零」錢包革命顛覆金融圈
‧	通用照明市場中的高亮度LED驅動挑戰

相關討論