Files

kunthawat e04ea1dd27 Mirror www.mitsuthailand.com as static site with dynamic URLs

- Full static mirror of the YellowPages/Drupal site (39 pages + all assets)
- All URLs rewritten to relative/domain-agnostic form (works on any domain)
- RFQ + request-quotation + contact forms converted to email (FormSubmit.co)
- Google Maps embed replaced with static Google Maps iframe
- nginx Dockerfile + config for EasyPanel deployment
- mirror.py/rewrite.py/cleanup.py tooling for re-crawling updates

2026-08-06 13:50:48 +07:00

5.4 KiB

Raw Blame History

มิตซูชัยพร สมุทรสาคร — เว็บไซต์สแตติก (Static Site)

เว็บโคลนของ www.mitsuthailand.com (บริษัท มิตซูชัยพร จำกัด ศูนย์มิตซูบิชิ สมุทรสาคร) สร้างเป็น static site เพื่อย้ายออกจาก host เดิม (YellowPages / Drupal) ที่จะหมดอายุ โดย โหลดโค้ด + รูปภาพทั้งหมดไว้ในเครื่องแล้ว และปรับ URL ให้เป็น relative / dynamic เพื่อเปลี่ยนโดเมนได้โดยไม่ต้องแก้ไฟล์

📁 โครงสร้าง

.
├── site/               ← ตัวเว็บที่พร้อม deploy (static)
│   ├── index.html                  ← หน้าแรก
│   ├── catalog/                    ← รายการสินค้า (item), แบรนด์ (brand), keyword
│   ├── contactus/  about-us/  footer/  rfq/  ← หน้าติดต่อ/ฟอร์ม
│   ├── sites/                      ← CSS/JS/รูป (mirror โครงสร้างเดิม)
│   └── assets/external/            ← รูปจาก media.yellowpages.co.th (โหลดมาแล้ว)
├── Dockerfile          ← ใช้ deploy บน EasyPanel/Docker (nginx)
├── nginx.conf          ← config nginx (serve static, cache assets)
├── mirror.py common.py rewrite.py  ← ตัว crawl + rewrite (ใช้ใหม่เมื่ออยาก update)
└── repair.py           ← ซ่อม path อ้างอิงหลัง crawl

🚀 Deploy (Docker / EasyPanel)

Build image แล้วชี้ port 80:

docker build -t mitsu-chaiyaporn .
docker run -d -p 8080:80 mitsu-chaiyaporn

บน EasyPanel: สร้าง Service แบบ Dockerfile → ใส่ path ของ repo นี้ → เลือก Dockerfile → deploy ได้เลย (nginx เซิร์ฟ static ใน /usr/share/nginx/html)

เปลี่ยนโดเมนได้เลย — ทุก URL ใน site/ เป็น relative path ทั้งหมด ไม่มีโดเมนตายตัว (ยกเว้นลิงก์ภายนอก เช่น Line/Facebook/Google Maps ที่ตั้งใจชี้ไปภายนอก)

✉️ ฟอร์มส่งอีเมล

เดิมฟอร์มขอใบเสนอราคา (RFQ) / ติดต่อ ส่งข้อมูลไปยังหลังบ้าน Drupal ที่จะตายพร้อม host เก่า จึงแปลงให้ส่งเป็น อีเมล ผ่าน FormSubmit.co (ไม่ต้องมี backend):

ตัวรับเมล: ตั้งค่าได้ใน rewrite.py → FORM_RECIPIENT

FORM_RECIPIENT = "mail@mitsuchaiyaporn.com"   # ← เปลี่ยนเป็นอีเมลที่ต้องการรับ

หลังแก้ ต้องยืนยันอีเมลครั้งแรกที่ formsubmit.co (กดลิงก์ที่ส่งไป) ฟอร์มถึงใช้งานได้
เปลี่ยนแล้ว re-deploy (หรือรัน rewrite ใหม่) ก็พอ

🔄 Update เว็บใหม่ (เมื่อเนื้อหาบนเว็บเดิมเปลี่ยน)

รัน mirror ใหม่ (โหลดหน้า + asset ล่าสุด):
```
PYTHONPATH= python3 mirror.py
PYTHONPATH= python3 repair.py
```
ตรวจ path อ้างอิง (repair.py จะแก้ชื่อไฟล์ที่เผื่อไว้เอง)
Commit + push ขึ้น Gitea → deploy

หมายเหตุ: ทำได้เฉพาะตอนต้นทาง (www.mitsuthailand.com) ยังออนไลน์อยู่

⚠️ สิ่งที่โคลนแล้ว "ใช้ไม่ได้" เหมือนเดิม

Google Maps embed ในหน้าติดต่อ อ้างอิง API ของ YellowPages ที่จะตาย — แนะนำแทนที่ ด้วย iframe Google Maps จริง (พิกัด 13.557229, 100.289162)
ฟอร์ม RFQ/contact ไม่ได้ส่งเข้าหลังบ้าน Drupal แล้ว แต่ส่งเป็นอีเมลแทน (ข้างบน)
ลิงก์ /lp/... (preview สำเนา) ถูกตัดทิ้ง เนื่องจากซ้ำกับหน้าเดิม

🔑 ข้อมูลติดต่อ (คงไว้จากเว็บเดิม)

โทร: 034-836-738 ต่อ 9 / 034-422-230
Line ID: @823bhcbq
Facebook: facebook.com/mitsuchaiyaporn
ที่อยู่: 923/249 ถนนเอกชัย ตำบลมหาชัย อำเภอเมืองสมุทรสาคร สมุทรสาคร 74000
เปิดบริการ: ศูนย์บริการ จ-ส 08:00-17:00 / ฝ่ายขาย ทุกวัน 08:00-17:00

5.4 KiB Raw Blame History