kunthawat
44c405730e
- Add server.js: Express serves dist/ + injects env (GA_ID, FORM_EMAIL, GMAP) at runtime - Container port now 4321 (identical to moreminimore-astroreal that deploys on EasyPanel) - Remove nginx.conf + entrypoint.sh (no longer needed); Dockerfile uses node server.js - Verified: pnpm build + node server.js -> all 40 pages serve 200, env injected, 0 leftovers
84 lines
4.4 KiB
Markdown
84 lines
4.4 KiB
Markdown
# มิตซูชัยพร สมุทรสาคร — Astro + Express (static site)
|
|
|
|
เว็บโคลนของ **www.mitsuthailand.com** (บริษัท มิตซูชัยพร จำกัด ศูนย์มิตซูบิชิ สมุทรสาคร)
|
|
สร้างเป็น **Astro static site** ที่ serve ด้วย **Node/Express (server.js)** — pattern
|
|
เดียวกับ `moreminimore-astroreal` ที่ deploy บน EasyPanel ผ่านแล้ว
|
|
|
|
Content ต้นฉบับ clone ลงมาครบ (หน้า + ภาพ + script) และ URL ทั้งหมดเป็น **relative** —
|
|
เปลี่ยนโดเมนได้โดยไม่ต้องแก้ไฟล์
|
|
|
|
---
|
|
|
|
## 📁 โครงสร้าง
|
|
|
|
```
|
|
.
|
|
├── public/ ← หน้า HTML ต้นฉบับ (Astro copy ตรง → dist/)
|
|
│ ├── index.html ← หน้าแรก (เหมือนต้นฉบับ)
|
|
│ ├── catalog/item/… ← รายการสินค้า (10 รุ่น + request-form)
|
|
│ ├── catalog/keyword/… ← หน้า keyword
|
|
│ ├── catalog/brand|category|e-catalog|search
|
|
│ ├── about-us/ contactus/ footer/ rfq/
|
|
│ ├── sites/ core/ themes/ ← CSS/JS (mirror โครงสร้างเดิม)
|
|
│ └── assets/external/ ← รูปจาก media.yellowpages.co.th (โหลดมาแล้ว)
|
|
├── src/
|
|
│ ├── layouts/Base.astro ← Astro layout
|
|
│ └── pages/example.astro ← ตัวอย่างหน้า Astro component
|
|
├── server.js ← Express: serve dist/ + inject env (port 4321)
|
|
├── astro.config.mjs, package.json
|
|
├── Dockerfile ← node build → node server.js
|
|
└── .env.example (ตัวอย่าง env)
|
|
```
|
|
|
|
## 🚀 Deploy (Docker / EasyPanel)
|
|
|
|
```bash
|
|
docker build -t mitsu-chaiyaporn .
|
|
docker run -d -p 8080:4321 mitsu-chaiyaporn
|
|
```
|
|
|
|
EasyPanel: สร้าง Service แบบ **Dockerfile** → repo นี้ → **container port = 4321**
|
|
→ deploy
|
|
|
|
> ⚠️ **สำคัญ:** ใช้ **`4321`** (ไม่ใช่ 80) — pattern เดียวกับ moreminimore-astroreal
|
|
> ที่ deploy ผ่านบน EasyPanel แล้ว
|
|
|
|
---
|
|
|
|
## 🧱 ทำไมหน้า content อยู่ใน public/ (ไม่ใช่ src/pages)
|
|
|
|
หน้าที่ clone มาเป็น **HTML ของ Drupal ดิบ** — ถ้าใส่ใน `src/pages/` Astro จะพยายาม
|
|
parse ผ่าน `ultrahtml` และพัง (HTML ไม่สมบูรณ์ของ Drupal)
|
|
|
|
เลยวางใน `public/` → Astro copy ตรงๆ ไป `dist/` → **output เหมือนต้นฉบับ 100%**
|
|
|
|
`server.js` ใช้ Express serve `dist/` + **inject environment variables** ลง HTML ตอนรัน
|
|
(แทนที่ `${GA_ID}` `${FORM_EMAIL}` `${GMAP_EMBED}`)
|
|
|
|
อยากแก้หน้าเป็น Astro component: ย้าย HTML ออกจาก `public/` → สร้าง `src/pages/…astro` → build
|
|
ดู `src/pages/example.astro` + `src/layouts/Base.astro`
|
|
|
|
---
|
|
|
|
## 🔑 Environment Variables
|
|
|
|
| ตัวแปร | ค่า default | ความหมาย |
|
|
|--------|------------|----------|
|
|
| `PORT` | `4321` | port ที่ Express ฟัง |
|
|
| `GA_ID` | *(ว่าง=ปิด GA)* | Google Analytics / GTM ID |
|
|
| `FORM_EMAIL` | `mail@mitsuchaiyaporn.com` | อีเมลรับฟอร์ม RFQ/ติดต่อ (FormSubmit) |
|
|
| `GMAP_LAT` / `GMAP_LNG` | `13.557…/100.289…` | พิกัดแผนที่ (แบบฟรี ไม่ต้อง API key) |
|
|
| `GMAP_EMBED` | *(จาก lat/lng)* | URL map เต็ม (override) |
|
|
|
|
EasyPanel: Service → Environment → เพิ่มตัวแปร → Redeploy
|
|
```bash
|
|
docker run --env "GA_ID=G-XXXX" --env "FORM_EMAIL=a@b.com" -p 8080:4321 mitsu-chaiyaporn
|
|
```
|
|
|
|
---
|
|
|
|
## 📞 ข้อมูลติดต่อ
|
|
- โทร: 034-836-738 ต่อ 9 / 034-422-230 · Line: @823bhcbq · FB: facebook.com/mitsuchaiyaporn
|
|
- ที่อยู่: 923/249 ถนนเอกชัย ต.มหาชัย อ.เมืองสมุทรสาคร 74000
|
|
- เปิด: ศูนย์บริการ จ-ส 08:00-17:00 / ฝ่ายขาย ทุกวัน 08:00-17:00
|