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
This commit is contained in:
84
README.md
Normal file
84
README.md
Normal file
@@ -0,0 +1,84 @@
|
||||
# มิตซูชัยพร สมุทรสาคร — เว็บไซต์สแตติก (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:
|
||||
|
||||
```bash
|
||||
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](https://formsubmit.co) (ไม่ต้องมี backend):
|
||||
|
||||
- ตัวรับเมล: ตั้งค่าได้ใน `rewrite.py` → `FORM_RECIPIENT`
|
||||
```python
|
||||
FORM_RECIPIENT = "mail@mitsuchaiyaporn.com" # ← เปลี่ยนเป็นอีเมลที่ต้องการรับ
|
||||
```
|
||||
- หลังแก้ ต้อง**ยืนยันอีเมล**ครั้งแรกที่ formsubmit.co (กดลิงก์ที่ส่งไป) ฟอร์มถึงใช้งานได้
|
||||
- เปลี่ยนแล้ว re-deploy (หรือรัน `rewrite` ใหม่) ก็พอ
|
||||
|
||||
---
|
||||
|
||||
## 🔄 Update เว็บใหม่ (เมื่อเนื้อหาบนเว็บเดิมเปลี่ยน)
|
||||
|
||||
1. รัน mirror ใหม่ (โหลดหน้า + asset ล่าสุด):
|
||||
```bash
|
||||
PYTHONPATH= python3 mirror.py
|
||||
PYTHONPATH= python3 repair.py
|
||||
```
|
||||
2. ตรวจ path อ้างอิง (`repair.py` จะแก้ชื่อไฟล์ที่เผื่อไว้เอง)
|
||||
3. 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
|
||||
Reference in New Issue
Block a user