帳號:
密碼:
最新動態
產業快訊
CTIMES / 文章 /
快速建立.COM電子商務實作
 

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

瀏覽人次:【10064】

前言

現今是一個電子商務名詞滿天飛的網路時代,四處充滿著網路併購的新聞,每個人都如中邪般的呻吟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:		[email protected]
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:		[email protected]
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驅動挑戰
comments powered by Disqus
相關討論
  相關新聞
» 數智創新大賽助力產學接軌 鼎新培育未來AI智客
» VicOne深植車用資安DNA再報喜 獲TISAX AL3最高等級認證
» 勤業眾信獻策5方針 解決GenAI創新3大常見風險
» Fortinet整合SASE突破組織分散管理困境 重塑雲端安全的混合未來
» UD Trucks選用VicOne解決方案 利用情境化攻擊情報洞察風險


刊登廣告 新聞信箱 讀者信箱 著作權聲明 隱私權聲明 本站介紹

Copyright ©1999-2024 遠播資訊股份有限公司版權所有 Powered by O3  v3.20.2048.172.71.222.46
地址:台北數位產業園區(digiBlock Taipei) 103台北市大同區承德路三段287-2號A棟204室
電話 (02)2585-5526 #0 轉接至總機 /  E-Mail: [email protected]