帳號：
密碼：
CTIMES / 文章 /   
快速建立.COM電子商務實作
 

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

前言

現今是一個電子商務名詞滿天飛的網路時代，四處充滿著網路併購的新聞，每個人都如中邪般的呻吟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驅動挑戰
相關討論
  相關新聞
» 從創新到落地！精誠AGP攜手8家新創搶攻企業AI商機
» 精誠「Carbon EnVision雲端碳管理系統」獲台灣精品獎銀質獎 善盡企業永續責任 賺有意義的錢
» 善用「科技行善」力量 精誠集團旗下奇唯科技榮獲「IT Matters 社會影響力產品獎」
» 工業AI與企業轉向RAG趨勢 將重塑2025年亞太暨日本地區IT業務環境
» PTC 與微軟和Volkswagen集團合作開發生成式Codebeamer AI Copilot
  相關產品
» 宜鼎推出DDR5 6400記憶體 同級最大64GB容量及全新CKD元件
» JIUN推出新款雲端醫學影像管理系統
» DASH提供酒店式服務的住宿平台BlackDoors
» 新加坡郵政子公司在亞洲電子商務獎上獲得表彰
» Ayla Networks推出蜂巢式物聯網解決方案

AD

刊登廣告 ｜ 新聞信箱 ｜ 讀者信箱 ｜ 著作權聲明 ｜ 隱私權聲明 ｜ 本站介紹
︱ Copyright ©1999-2024 遠播資訊股份有限公司版權所有 Powered by O3
地址:台北市中山北路三段29號11樓 / 電話 (02)2585-5526 / E-Mail: webmaster@ctimes.com.tw