คัมภีร์แม่บท: วิธีแพ็กโปรแกรม WordMini ด้วย NW.js

📖 คัมภีร์แม่บท: วิธีแพ็กโปรแกรม WordMini ด้วย NW.js
(ฉบับสมบูรณ์ เก็บทุกเม็ด ดักทุกปัญหา ห้ามข้าม)

🛠️ สิ่งที่ต้องเตรียมไว้ก่อนเริ่ม

• โฟลเดอร์งานเว็บของเรา: ที่มีไฟล์หน้าเว็บหลัก (เช่น index.html)
• ไฟล์ NW.js (เวอร์ชัน Normal): ไฟล์ ZIP เช่น nwjs-v0.119.2-win-x64.zip (ต้องเลือกตัว Normal ห้ามเลือกตัว SDK)

📋 ขั้นตอนที่ 1: การสร้างไฟล์ package.json (ถ้าในเครื่องยังไม่มี)

ไฟล์นี้เปรียบเสมือนป้ายบอกทางให้โปรแกรมรู้ว่าต้องเปิดไฟล์ index.html เป็นหน้าแรก ห้ามข้ามเด็ดขาด!

1. เปิดโปรแกรม Notepad ขึ้นมาในคอมพิวเตอร์
2. ก๊อปปี้ข้อความชุดนี้ไปวางไว้ใน Notepad:

   {
     "name": "WordMini",
     "main": "index.html",
     "window": {
       "title": "WordMini - โปรแกรมพิมพ์เอกสาร",
       "width": 1024,
       "height": 768,
       "toolbar": true
     }
   }

3. กดที่เมนูด้านบนซ้าย File > Save As...
4. ช่อง Save as type ให้คลิกเปลี่ยนเป็น All Files (*.*) (📍 สำคัญมาก เพื่อไม่ให้แถม .txt)
5. ช่อง File name ให้พิมพ์ชื่อว่า: package.json
6. กดปุ่ม Save บันทึกเก็บไว้ในโฟลเดอร์เดียวกับไฟล์ index.html

📦 ขั้นตอนที่ 2: การห่อโค้ดเว็บเราให้เป็นไฟล์ package.nw

1. เข้าไปในโฟลเดอร์งานที่มี index.html และ package.json
2. กด Ctrl + A เพื่อเลือกไฟล์ทั้งหมด
3. คลิกขวา > เลือก Send to > Compressed (zipped) folder
4. เปลี่ยนชื่อไฟล์ ZIP ที่ได้ ให้กลายเป็น package.nw

🚨 ปัญหาที่พบบ่อย: เปลี่ยนชื่อแล้วกลายเป็น package.nw.zip (มองไม่เห็นนามสกุลจริง)
วิธีแก้: ไปที่เมนูด้านบนโฟลเดอร์ View > ติ๊กถูกที่ File name extensions (นามสกุลชื่อไฟล์) แล้วค่อยกลับมาลบ .zip ทิ้ง

⚡ ขั้นตอนที่ 3: การรวมร่างไฟล์รัน .exe (จุดสำคัญ ห้ามพลาด!)

1. แตกไฟล์ ZIP ของ NW.js ตัว Normal ออกมาเป็นโฟลเดอร์
2. ก๊อปปี้ไฟล์ package.nw จากขั้นตอนที่ 2 มาวางไว้ข้างในโฟลเดอร์ NW.js

🚨 ปัญหาที่พบบ่อย: พิมพ์คำสั่งแล้วฟ้องว่า The system cannot find the file specified
วิธีแก้ที่ชัวร์ 100% (เทคนิค Address Bar):
1. เปิดเข้าไปในโฟลเดอร์ NW.js ที่วางไฟล์ package.nw ไว้
2. คลิกซ้ายที่พื้นที่ว่างในแถบ Address Bar (แถบที่อยู่ด้านบนสุด) ให้คลุมดำทั้งหมด
3. ลบข้อความเดิมออก แล้วพิมพ์คำว่า cmd แล้วกด Enter (หน้าต่างดำจะเด้งขึ้นมาในโฟลเดอร์นั้นทันที)

3. ที่หน้าต่างดำ CMD ให้พิมพ์คำสั่งนี้ลงไปตรงๆ แล้วกด Enter:

   copy /b nw.exe+package.nw WordMini.exe

4. วิธีเช็ก: หน้าต่างดำต้องขึ้นว่า 1 file(s) copied. และในโฟลเดอร์จะมีไฟล์ WordMini.exe โผล่ขึ้นมา

🗂️ ขั้นตอนที่ 4: เคลียร์ไฟล์ภาษาในโฟลเดอร์ locales (เพื่อลดขนาด)

1. ดับเบิลคลิกเข้าไปในโฟลเดอร์ locales
2. กด Ctrl + A แล้วกด Delete ลบทิ้งทั้งหมด
3. นำไฟล์ภาษาเก็บไว้แค่ 2 ไฟล์นี้เท่านั้น:
   • th.pak (ภาษาไทย)
   • en-US.pak (ภาษาอังกฤษ)

🗑️ ขั้นตอนที่ 5: การลบไฟล์ขยะส่วนเกิน

ถอยกลับมาหน้าโฟลเดอร์หลัก แล้วคลิกขวา Delete ลบไฟล์เหล่านี้ทิ้ง:

• credits.html
• notification_helper.exe
• nw.exe ตัวเดิม (เพราะเรามี WordMini.exe แล้ว)
• package.nw ตัวสำเนา (เพราะมันรวมร่างไปอยู่ใน WordMini.exe แล้ว)

👁️ ขั้นตอนที่ 6: การซ่อนไฟล์ระบบ

1. สร้างไฟล์ข้อความ ตั้งชื่อว่า คู่มือการใช้งานโปรแกรม WordMini.txt วางไว้ข้างๆ WordMini.exe
2. ลากคลุมเลือกไฟล์ระบบเบื้องหลังทั้งหมด (ยกเว้น WordMini.exe และไฟล์คู่มือ)
3. คลิกขวา > Properties > ติ๊กถูกที่ Hidden (ซ่อน) และ Read-only (อ่านอย่างเดียว) > กด OK
4. ไปที่เมนู View > เอาติ๊กถูกออกจาก Hidden items (รายการที่ซ่อนอยู่) หน้าจอจะสะอาดเหลือแค่ไฟล์โปรแกรมกับคู่มือเท่านั้น

📤 ขั้นตอนที่ 7: บีบอัดเป็น ZIP พร้อมแจกจ่าย

1. ถอยออกไปที่โฟลเดอร์ใหญ่นอกสุด ตั้งชื่อโฟลเดอร์เช่น WordMini_v1.0
2. คลิกขวาโฟลเดอร์ > Send to > Compressed (zipped) folder
3. จะได้ไฟล์ .zip ขนาดประมาณ 190 MB พร้อมอัปขึ้น Google Drive หรือส่งไลน์แจกจ่ายได้ทันที

⛔ กฎเหล็ก 3 ข้อที่ต้องจำไว้ตลอดกาล

1. ห้ามเปลี่ยนชื่อไฟล์ WordMini.exe เด็ดขาด เพราะคำสั่งรวมร่างผูกชื่อนี้ไว้แล้ว
2. ห้ามดึงไฟล์ WordMini.exe ออกมาเดี่ยวๆ ต้องส่งไปทั้งโฟลเดอร์หรือไฟล์ ZIP เท่านั้น
3. ถ้าวันหลังอยากเปิดดูไฟล์ซ่อน: ไปที่เมนู View > ติ๊กถูกที่ Hidden items ไฟล์ระบบจะโผล่กลับมาให้แก้ไขได้ทันที