มาเริ่มกันเลย

ปรับปรุงล่าสุดเมื่อ: 21/11/2021

ดาวน์โหลด

แต่ก่อนที่เราจะเริ่ม คุณจำเป็นต้องมีโปรแกรมเหล่านี้สะก่อน

Visual Studio 2019 Community

เราจะใช้โปรแกรมนี้เพื่อแก้ไขโค้ด และสร้างไฟล์ .EXE คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย

ดาวน์โหลด Visual Studio

XAMPP

เราจะใช้โปรแกรมนี้เพื่อใช้งาน Apache เพื่อเป็นเว็บเซิร์ฟเวอร์บนโพรโทคอล HTTP คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย

ดาวน์โหลด XAMPP

Inno Setup

เราจะใช้โปรแกรมนี้เพื่อสร้างไฟล์ .EXE สำหรับติดตั้งบนเครื่องอื่น คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย

ดาวน์โหลด Inno Setup

การติดตั้ง

Visual Studio 2019

ทำการติดตั้งโปรแกรม Visual Studio 2019 บนเครื่อง PC ของคุณ และติดตั้ง .NET Development
โดยเข้าไปที่โปรแกรม Visual Studio Installer คุณสามารถค้นหาได้โดยใช้ชื่อ Visual Studio Installer
หรือที่นี่ C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Visual Studio Installer
คลิ๊กที่ปุ่ม Modity และติ๊กที่ .NET Development จากนั้นให้คลิ๊กที่ปุ่ม Modity รอให้โปรแกรมทำการติดตั้งจนเสร็จ
แค่นี้โปรแกรม Visual Studio ของคุณก็พร้อมสำหรับใช้งานแล้ว

สำหรับ Visual Studio 2022 อาจมีปัญหาเกี่ยวกับ .NET Framework 4.5 ที่ไม่มีให้ติดตั้งภายหลัง (ณ วันที่ 14/10/2021)

XAMPP

ทำการติดตั้งโปรแกรม XAMPP ไว้บนเครื่อง VPS ของคุณตามปกติ
และเปิดใช้งาน Apache บน XAMPP ใว้ให้เรียบร้อย

Inno Setup

ทำการติดตั้งโปรแกรม Inno Setup บนเครื่อง PC ของคุณให้เรียบร้อย แต่เราจะยังไม่ใช้โปรแกรมนี้ตอนนี้
ตอนนี้คุณพร้อมแล้วที่จะเริ่มต้น ไปเริ่มกันเลย!

เริ่มต้น

ที่อยู่ไฟล์

ทำการดาวน์โหลดไฟล์และแตกไฟล์ KC Launcher V10.zip ไปที่ไดร์ C คุณควรจะได้ที่อยู่ของไฟล์แบบนี้ C:\KC Launcher V10\
(สำคัญมากๆ)

ติดตั้ง KC Launcher V10 Settings

เข้าไปที่ C:\KC Launcher V10\KC Launcher V10 - Settings\Setup\ และนำไฟล์ KC Launcher V10 Settings for VPS Setup.exe ไปติดตั้งบนเครื่อง VPS ของคุณ

ตั้งค่า Launcher

ทำการเปิดใช้งาน Apache ในโปรแกรม XAMPP และเปิดโปรแกรม KC Launcher V10 Settings และทำการตั้งค่า Launcher ของคุณให้เรียบร้อย อย่าลืมกดบันทึกด้วยล่ะแล้วก็คัดลอกลิ้งค์ "http://SERVER_IP/mylauncherAPI/kc_packages.json" ที่อยู่บนโปรแกรม KC Launcher V10 Settings เก็บไว้ด้วยล่ะ

Restore NuGet Packages

เข้าไปที่ C:\KC Launcher V10\ และเปิดไฟล์ KC Launcher V10.sln หลังจากที่โปรเจคเปิดขึ้นมาให้เข้าไปที่ KC App Config AppConfig.cs และทำการ Restore NuGet Packages

ตั้งค่า App Config

แก้ไขชื่อ Launcher (Launcher_NameLauncher = "ชื่อ Launcher")
และแก้ไขลิ้งค์เก็บไฟล์ kc_packages.json (Json_URLJsonAPI = "วางลื้งค์ที่คัดลอกมาจากโปรแกรม KC Launcher V10 Settings") และทำการ Build และตอนนี้คุณพร้อมแล้วที่จะไปต่อที่หัวข้อ 'การแก้ไข' แล้ว

หากคุณติดตั้ง KC Launcher V10 Settings บนเครื่อง PC ของคุณ IP ที่จะได้รับจะเป็น IP อินเทอเน็ตของคุณ ซึ่งจะไม่สามารถใช้งานได้ คุณจำเป็นต้องใช้ IP ของเครื่องคุณแทน IP อินเทอเน็ตของคุณของคุณ!

หากนี่ทำให้คุณสับสนโปรดใช้งาน KC Launcher V10 Settings บนเครื่อง VPS

การแก้ไข

เปลี่ยนรูป Logo/Icon

ตอนนี้โปรดเตรียมไฟล์รูปสำหรับ Logo/Icon โปรแกรมขนาด 200x200 ประเภท ICO หากคุณมีแค่ไฟล์ประเภท PNG คุณสามารถแปลงไฟล์ PNG เป็น ICO ได้ ที่นี่เลย

หากไฟล์ Logo/Icon คุณพร้อมแล้วมาเริ่มกันเลย
เข้าไปที่ Launcher KC App Start Launcher คลิ๊กขวาที่ img เลือก Add เลือก Existing Item... เปลี่ยนจาก Visual C# Files เป็น All Files เลือกไฟล์ Logo ของคุณที่เป็นประเภท ICO คลิ๊ก Add
จากนั้นคลิ๊กขวาที่ KC App Start Launcher เลือก Properties เลือกหัวข้อ Application คลิ๊กที่ Browse... เข้าไปที่ C:\KC Launcher V10\KC App Start Launcher\img\ เลือกไฟล์ Logo ของคุณ และทำการ Build เป็นอันเสร็จสิ้น

เปลี่ยนวีดีโอพื้นหลัง

ตอนนี้โปรดเตรียมไฟล์วีดีโอพื้นหลังขนาด 1280*720 ประเภท MP4 ความยาวของวีดีโอไม่ควรต่ำกว่า 2 วินาทีและตั้งชื่อไฟล์วีดีโอเป็น app_background.mp4

หากไฟล์วีดีโอพื้นหลังคุณพร้อมแล้วมาเริ่มกันเลย
เข้าไปที่ C:\KC Launcher V10\FileBuild\resource\ นำไฟล์วีดีโอพื้นหลัง app_background.mp4 ของคุณไปแทนที่ไฟล์เดิม เท่านี้เป็นอันเสร็จสิ้น

เปลี่ยนวีดีโอ 'ประกาศและกิจกรรม'

ตอนนี้โปรดเตรียมไฟล์วีดีโอขนาด 1280*720 ประเภท MP4 ความยาวของวีดีโอไม่ควรต่ำกว่า 2 วินาทีและตั้งชื่อไฟล์วีดีโอเป็น activity_1.mp4 หรือ activity_2.mp4 หรือ activity_3.mp4 ขึ้นอยู่ที่ว่าคุณต้องการเปลี่ยนวีดีโอใด
โดยที่วีดีโอจะเรียงจาก activity_1.mp4 activity_2.mp4 activity_3.mp4 ตามตำแหน่งในโปรแกรม

หากไฟล์วีดีโอของคุณพร้อมแล้วมาเริ่มกันเลย
เข้าไปที่ C:\KC Launcher V10\FileBuild\resource\ นำไฟล์วีดีโอ activity_1.mp4 หรือ activity_2.mp4 หรือ activity_3.mp4 ของคุณไปแทนที่ไฟล์เดิม เท่านี้เป็นอันเสร็จสิ้น

เปลี่ยนวีดีโอ 'ประกาศจากเซิร์ฟเวอร์'

ตอนนี้โปรดเตรียมไฟล์วีดีโอขนาด 1280*720 ประเภท MP4 ความยาวของวีดีโอไม่ควรต่ำกว่า 2 วินาทีและตั้งชื่อไฟล์วีดีโอเป็น announce.mp4

หากไฟล์วีดีโอของคุณพร้อมแล้วมาเริ่มกันเลย
เข้าไปที่ C:\KC Launcher V10\FileBuild\resource\ นำไฟล์วีดีโอ announce.mp4 ของคุณไปแทนที่ไฟล์เดิม เท่านี้เป็นอันเสร็จสิ้น
ตอนนี้คุณพร้อมแล้วที่จะไปต่อที่หัวข้อ 'สร้างไฟล์สำหรับติดตั้ง' แล้ว

แก้ไข UI

หากคุณต้องการแก้ไข UI ให้เข้าไปที่ Launcher KC Launcher V10 MainWindow.xaml ชึ่งตอนนี้ Grid UI จะซ่อนอยู่ คุณจำเป็นต้องทำการ
หา Grid Activity เปลี่ยน Visibility จาก Hidden เป็น Visible
หา Grid Menu เปลี่ยน Visibility จาก Hidden เป็น Visible
หา Grid Join Server เปลี่ยน Visibility จาก Hidden เป็น Visible เพื่อแสดง UI ให้เราเห็น

โปรดเปลี่ยน Visibility ของ Grid Activity, Grid Menu, Grid Join Server กลับไปเป็น Hidden หลังจากคุณแก้ไข UI เสร็จสิ้น

สร้างไฟล์สำหรับติดตั้ง

ลบไฟล์ที่ไม่จำเป็น

เข้าไปที่ C:\KC Launcher V10\FileBuild\ คลิ๊กที่ Type ทำการลบไฟล์ appconfig.pdb จนถึง WPFCustomMessageBox.xml

ป้องกันไฟล์ของคุณ (ConfuserEx)

(ต้องทำ) เข้าไปที่ C:\KC Launcher V10\ ลากไฟล์ DLLC.crproj ไปที่ไฟล์ DROP "DLLC.crproj" FILE HERE รอจนขึ้น Finished แล้วกดปุ่มไดก็ได้เพื่อออกหรือกด X

(แนะนำ) เข้าไปที่ C:\KC Launcher V10\ ลากไฟล์ EXEC.crproj ไปที่ไฟล์ DROP "EXEC.crproj" FILE HERE รอจนขึ้น Finished แล้วกดปุ่มไดก็ได้เพื่อออกหรือกด X

เริ่มต้นสร้างโปรเจค Inno Setup

เปิดโปรแกรม Inno Setup Compiler ที่ติดตั้งไปเมื่อก่อนหน้านี้
ถัดจากขั้นตอนนี้ไปโปรดอย่าพลาดขั้นตอนไดไป โดยที่ขั้นตอนจะเรียงตามหัวข้อของโปรแกรมหากคุณพร้อมแล้วไปเริ่มกันเลย

Welcome และ Welcome to the Inno Setup Script Wizard

เลือก Create a nnew script file using the Script Wizard คลิ๊ก OK คลิ๊ก Next เพื่อไปที่หัวข้อ Application Information

Application Information

(หัวข้อย่อย) Application name ใส่ชื่อโปรแกรมของคุณ (ตัวอย่าง KC Launcher V10)
(หัวข้อย่อย) Application version ใส่เลขเวอร์ชั่นให้ตรงกับไฟล์ launcher.exe(ตัวอย่าง 10.0.0.0)
(หัวข้อย่อย) Application publisher ใส่ชื่อบริษัทหรือชื่อผู้พัฒนา (ตัวอย่าง Fujino N's)
(หัวข้อย่อย) Application website ใส่ลิ้งค์เว็บไซต์ (ตัวอย่าง https://discord.com/invite/3fa6gc9)
หลักจากที่ตั้งค่าทุกอย่างเสร็จแล้วให้คลิ๊ก Next เพื่อไปที่หัวข้อ Application Folder

Application Folder

(หัวข้อย่อย) Application destination base folder เลือกเป็น Program Files folder คลิ๊ก Next เพื่อไปที่หัวข้อ Application Files

Application Files

(หัวข้อย่อย) Application main executable file เลือก Browse... เข้าไปที่ C:\KC Launcher V10\FileBuild\ เลือกไฟล์ KCStartLauncher.exe คลิ๊ก Open

(หัวข้อย่อย) Other application file เลือก Add folder... เข้าไปที่ This PC เลือกไดร์ C เลือก KC Launcher V10 เลือก FileBuild คลิ๊ก OK คลิ๊ก Yes
คลิ๊ก Next เพื่อไปที่หัวข้อ Application Files Association และ Application Shortcu และ Application Documentation

Application Files Association และ Application Shortcu และ Application Documentation

คลิ๊ก Next คลิ๊ก Next คลิ๊ก Next เพื่อไปที่หัวข้อ Setup Install Mode

Setup Install Mode

(หัวข้อย่อย) Install mode เลือก Non Administrative install mode (install for current user only) คลิ๊ก Next เพื่อไปที่หัวข้อ Setup Launguages

Setup Launguages

(หัวข้อย่อย) Launguages เลือก ภาษา English หรือภาษาที่ต้องการ คลิ๊ก Next เพื่อไปที่หัวข้อ Compiler Settings

Compiler Settings

(หัวข้อย่อย) Custom compiler output folder เลือก Browse... เข้าไปที่ This PC เลือกไดร์ C เลือก KC Launcher V10 เลือกโฟลเดอร์ Setup คลิ๊ก OK

(หัวข้อย่อย) Custom compiler ตั้งชื่อไฟล์สำหรับติดตั้ง(ตัวอย่าง KC Launcher V10 Setup)

(หัวข้อย่อย) Custom Setup Icon file เลือกรูปไอคอนประเภท ICO ของคุณ คลิ๊ก Next เพื่อไปที่หัวข้อ Inno Setup Preprocessor

Inno Setup Preprocessor

คลิ๊ก Next คลิ๊ก Finish คลิ๊ก Yes คลิ๊ก Yes (เพื่อสร้างไฟล์สคริป Inno) หรือ คลิ๊ก No (เพื่อข้ามการสร้างไฟล์สคริป Inno) รอจนขึ้น Finished เท่านี้ไฟล์ก็พร้อมสำหรับใช้งานและติดตั้งบนเครื่องอื่นแล้ว
ไฟล์สำหรับติดตั้งจะถูกเก็บไว้ใน C:\KC Launcher V10\Setup\

การอัพเดทโปรแกรมและทรัพยากร

อัพเดทโปรแกรม

นี่คือรายชื่อไฟล์ที่สามารถอัพเดทได้ผ่านการอัพเดทอัตโนมัติ

  • launcher.exe
  • appconfig.dll
  • Fujino.KCLauncher.Connect.dll

ทำการเปลี่ยนเลขเวอร์ชั่นไฟล์ launcher.exe โดยไปที่ Launcher คลิ๊กขวาที่ KC Launcher V10 เลือก Properties เลือกหัวข้อ Application คลิ๊กที่ Assembly Information...
(หัวข้อย่อย) Assembly version เปลี่ยนจาก(ตัวอย่าง) 10.0.0.0 เป็น 10.1.0.0 และ
(หัวข้อย่อย) File version เปลี่ยนจาก(ตัวอย่าง) 10.0.0.0 เป็น 10.1.0.0 (Assembly version และ File version เลขเวอร์ชั่นจำเป็นต้องตรงกัน) ทำการ Build ทำการ ป้องกันไฟล์ของคุณ (ConfuserEx)

เพิ่มเติม ไม่ว่าคุณจะอัพเดทไฟล์ไดก็ตามในรายชื่อไฟล์ดังกล่าว คุณจำเป็นต้องอัพเดทและเปลี่ยนเลขเวอร์ชั่นของ launcher.exe ไปด้วยเช่นกัน เนื่องจากระบบจะอ้างอิงเวอร์ชั่นตาม launcher.exe



เข้าไปที่ C:\KC Launcher V10\ ทำการเปิดไฟล์ update.zip (คุณจำเป็นต้องมีโปรแกรม WinRAR ในการเปิดไฟล์) ลากไฟล์
launcher.exe หรือ
appconfig.dll หรือ
Fujino.KCLauncher.Connect.dll
ที่ต้องการอัพเดทไปใส่ในไฟล์ update.zip คัดลอกไฟล์ update.zip ที่มีไฟล์สำหรับอัพเดท ไปที่ C:\xampp\htdocs\mylauncherAPI\file_for_update\ บนเครื่อง VPS โดยการเปิดโปรแกรม KC Launcher V10 Settings และคลิ๊กที่ไอคอนแฟ้มเพื่อเปิดที่อยู่ดังกล่าว วางไฟล์ที่คัดลอกจากคอมพิวเตอร์ของคุณแทนที่ไฟล์เดิม ทำการเปลี่ยนเวอร์ชั่นหัวข้อ "รันเชอร์เวอร์ชั่นปัจจุบัน" บนโปรแกรม KC Launcher V10 Settings ให้ตรงกับเลขเวอร์ชั่นของไฟล์ launcher.exe และบันทึกเท่านี้ก็เสร็จเรียบร้อยแล้ว

ระบบจะทำการอัพเดทอัตโนมัติหลังจากผู้ใช้เข้า Launcher ใหม่อีกครั้ง

อัพเดททรัพยากร

เข้าไปที่ C:\KC Launcher V10\ ทำการเปิดไฟล์ resource.zip (คุณจำเป็นต้องมีโปรแกรม WinRAR ในการเปิดไฟล์) ลากไฟล์
activity_1.mp4 หรือ
activity_2.mp4 หรือ
activity_3.mp4 หรือ
announce.mp4 หรือ
app_background.mp4
ที่ต้องการอัพเดทหรือเปลี่ยนไปใส่ในไฟล์ resource.zip คัดลอกไฟล์ resource.zip ที่มีไฟล์สำหรับอัพเดทหรือเปลี่ยน ไปที่ C:\xampp\htdocs\mylauncherAPI\file_for_update\ บนเครื่อง VPS โดยการเปิดโปรแกรม KC Launcher V10 Settings และคลิ๊กที่ไอคอนแฟ้มเพื่อเปิดที่อยู่ดังกล่าว วางไฟล์ที่คัดลอกจากคอมพิวเตอร์ของคุณแทนที่ไฟล์เดิม ทำการเปลี่ยนเวอร์ชั่นหัวข้อ "Resource เวอร์ชั่นปัจจุบัน" บนโปรแกรม KC Launcher V10 Settings เช่น จาก 1.0.0 เป็น 1.1.0 และบันทึกเท่านี้ก็เสร็จเรียบร้อยแล้ว

ระบบจะทำการอัพเดทอัตโนมัติหลังจากผู้ใช้เข้า Launcher ใหม่อีกครั้ง