วันจันทร์ที่ 30 พฤศจิกายน พ.ศ. 2552

การทำเว็บบอร์ก

การทำเว็บบอร์ดใช้เองบน Server ที่ใช้งาน CGI ได้ แบบง่าย ๆ
สำหรับผู้ที่ทำเว็บเพจ และต้องการมีเว็บบอร์ด เป็นของตัวเองหากโฮสต์ที่คุณใช้งาน รองรับการทำงานของ CGI ได้ ก็มีวิธีการไม่ยาก คือการหาดาวน์โหลด Source Code ของ Perl มาใช้สำหรับทำเว็บบอร์ด ตรงนี้ ผมได้ทำการแก้ไข CGI ให้ใช้งานได้ง่าย ๆ โดยที่แทบจะไม่ต้องแก้ไขอะไรเลย แต่เน้นเฉพาะผู้ที่ใช้ hypermart.net เท่านั้น (ถ้าเป็นที่อื่น ก็ต้องลองกันดูเอง) source code ต่อไปนี้ นำมาจากเว็บไซต์ thaimisc.com ซึ่งได้มีการแจกฟรี เพื่อให้ผู้ที่ทำเว็บ สามารถนำไปแก้ไขใช้งานได้
ปกติแล้วเขาก็แจกฟรีให้นำไปแก้ไขกันเอาเอง แต่จากที่ได้ทดลองดาวน์โหลดมาและทำการแก้ไข ในระดับแรก ๆ ก็โอเค ง่ายพอสมควร แต่จากการที่ได้นำมาแก้ไข ยังพบว่า มีอีกหลาย ๆ จุดที่ยังต้องเข้าไปค้นหาค่าต่าง ๆ ข้างในเพื่อแก้ไข รหัสสีต่าง ๆ และเปลี่ยนให้เป็นสีใกล้เคียงกับหน้าเว็บจริง ๆ ของเรา ดังนั้น ผมจึงได้ทำการดัดแปลง source code นี้โดยการเพิ่มตัวแปรสำหรับเก็บการตั้งค่าต่าง ๆ ของ back groung หรือ text link ต่าง ๆ ไว้ รวมถึงชื่อของ Folder ที่ต้องกำหนดในโปรแกรม ไว้ในส่วนบนสุดเพื่อให้สามารถเปลี่ยนแปลง แก้ไขได้ง่ายขึ้น เมื่อท่านได้ดาวน์โหลดไปแล้ว เพียงแต่เปลี่ยนค่าต่าง ๆ ตามที่ต้องการ เช่น เปลี่ยนรหัสสี ชื่อเว็บไซต์และอีเมล์ของท่าน ก็ใช้งานได้ทันที มาดูวิธีการนำไปใช้งานง่าย ๆ ดังนี้
1. ดาวน์โหลด source code สำหรับเว็บบอร์ด (เป็น ZIP file ทำการ Unzip เก็บไว้ก่อนใน /cgi-bin/webboard)
ไฟล์ที่อยู่ข้างใน จะประกอบด้วยaddhtml.pladdnew.pladminboard.plconfig.plwebboard.plviewboard.pl badword.txti_mesg.gifdata/numtopic.datdata/topic.datip/ip/q/ipreply/ipreply/q/
2. ดาวน์โหลดโปรแกรม EditPlus เพื่อใช้สำหรับทำการแก้ไขไฟล์ที่เป็น .pl (จะใช้ notepad ไม่ได้นะครับ)
3. ทำการแก้ไขตามตัวอย่างต่อไปนี้
ติดตั้งโปรแกรม Edit Plus ลงในเครื่องก่อนใช้ Edit Plus เปิดไฟล์ config.pl ขึ้นมาให้ทำการแก้ไขและเปลี่ยนเป็นข้อความที่ต้องการตามคำอธิบายในแต่ละบรรทัด คือ ชื่อเว็บ อีเมล์ ไตเติ้ล และที่อยู่ของ Logo ของเว็บของคุณ ส่วนรหัสสีของตัวอักษร ก็แก้ไขได้ตามต้องการ หรือจะไม่แก้เลยก็ได้ อ่านรายละเอียดต่าง ๆ ตามที่เขียนไว้ในไฟล์ อีกครั้ง ตัวอย่างของค่าที่ควรจะแก้ คือเฉพาะข้างล่างนี้ (จะมีคำอธิบายประกอบอยู่ด้วย)$My_Title="Welcome to My Web Board"; $My_Web="My Web"; $My_email="webmaster\@email.com"; $Logo_Url="../webboard/logo.gif"; $My_BGcolor="#EFF0E0"; $My_Textcol="#000000"; $My_Linkcol="#008080"; $My_aLinkcol="#008080"; $My_vLinkcol="#008080"; ตรงชื่อ อีเมล์ ต้องใส่เครื่องหมาย \@ คั่นตรงกลางตามตัวอย่างด้วยนะครับ และอย่าลืมแก้ไขตรง password ของ admin เมื่อต้องการเข้าไปลบกระทู้ด้วย ส่วนด้านล่างก็ทำการแก้ไขได้หากต้องการให้เปลี่ยนไปจากนี้
4. ทำการ Save และทำการ upload ทั้งหมดไปเก็บไว้ที่ Server ของ hypermart โดยใช้ FTP Program
5. ไฟล์ที่เป็น .pl ขณะที่ Upload ต้องเลือก mode แบบ ASCII ด้วย
6. ชื่อของโฟล์เดอร์บน server ก็ให้ตั้งตามชื่อโฟล์เดอร์ใน ZIP file ให้เหมือนกันทุกอย่าง
7. ไฟล์ที่เป็น .pl .dat และ folder cgi-bin กับ webboard หลังจาก Upload แล้วให้เปลี่ยน mode เป็น 777
8. การเปลี่ยน mode คือกดเมาส์ขวาที่ชื่อไฟล์บน server เลือก chmod และติ๊กเครื่องหมายถูกให้หมดทุกช่อง
9. ทดลองเว็บบอร์ดโดยการเรียก http://yoursite.hypermart.net/cgi-bin/webboard/webboard.pl
10. การลบกระทู้ เข้าไปที่ http://yoursite.hypermart.net/cgi-bin/webboard/adminboard.pl
11. รายละเอียดอื่น ๆ และการใช้ FTP ดูตัวอย่างได้จากเรื่อง การใช้งาน WS_FTP ประกอบการติดตั้ง
12. การนำ 10 ข้อความสุดท้ายมาแสดงในหน้าแรก โดยการใส่ code ในตำแหน่งที่ต้องการของไฟล์ index.html
โดยที่หากต้องการเปลี่ยนจำนวนข้อความ ให้เข้าไปแก้ที่ $limitview=10; ในไฟล์ viewboard.pl
13. ขอย้ำอีกครั้งว่าผมนำ code นี้มาจาก http://www.thaimisc.com และปรับปรุงให้ใช้ง่ายขึ้นเท่านั้นนะครับ
14. กรุณาสนับสนุนเว็บไซต์นี้ ด้วยการคลิกที่แบนเนอร์ด้านบนให้ด้วยนะครับ :-b
Update เพิ่มเติม
26/11/43 - แก้ไขการทำ link เมื่อมีผู้โพสต์ข้อความ จะสร้างเป็น link ให้ทันที (ในไฟล์ addnew.pl และ addhtml.pl)
แนะนำ เว็บบอร์ดตัวใหม่
สำหรับใครที่ต้องการความสวยงามและความแปลกใหม่ ขอแนะนำ code ทำเว็บบอร์ดฟรีจาก http://www.sixhead.com ครับ ตัวนี้สามารถกำหนด ฟอร์มของหน้าเว็บบอร์ดได้ ตามความต้องการของเราเลย การใช้งานก็ง่ายมาก ๆ ครับ ลองหามาใช้กันแล้วจะติดใจ
หัวข้อเรื่องอื่นที่เกี่ยวข้อง
อยากมีเว็บไซต์ ดอทคอม กับเขา จะต้องทำอย่างไรบ้าง
การใช้ OmniHTTPD จำลองเครื่องให้เป็น Server สำหรับใช้ทดสอบ CGI
การใช้ WS_FTP ทำการอัพโหลดข้อมูลเว็บไซต์ ขึ้นไปเก็บไว้บน Server
การใช้งานและแก้ไขโค้ดของ Perl/CGI ในเบื้องต้น สำหรับผู้ที่เริ่มต้นศึกษา Perl
เทคนิคการสร้างเว็บไซต์ ในรูปแบบต่าง ๆ
รวบรวม คำถาม-คำตอบ ที่น่าสนใจเกี่ยวกับ สร้างเว็บไซต์
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);

ไม่มีความคิดเห็น:

แสดงความคิดเห็น