แต่ก่อนที่เราจะเริ่ม คุณจำเป็นต้องมีโปรแกรมเหล่านี้สะก่อน
เราจะใช้โปรแกรมนี้เพื่อแก้ไขโค้ด และสร้างไฟล์ .EXE คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย
ดาวน์โหลด Visual Studioเราจะใช้โปรแกรมนี้เพื่อใช้งาน Apache เพื่อเป็นเว็บเซิร์ฟเวอร์บนโพรโทคอล HTTP คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย
ดาวน์โหลด XAMPPเราจะใช้โปรแกรมนี้เพื่อสร้างไฟล์ .EXE สำหรับติดตั้งบนเครื่องอื่น คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย
ดาวน์โหลด Inno Setup
ทำการติดตั้งโปรแกรม 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 ไว้บนเครื่อง VPS ของคุณตามปกติ
และเปิดใช้งาน Apache บน XAMPP ใว้ให้เรียบร้อย
ทำการติดตั้งโปรแกรม Inno Setup บนเครื่อง PC ของคุณให้เรียบร้อย แต่เราจะยังไม่ใช้โปรแกรมนี้ตอนนี้
ตอนนี้คุณพร้อมแล้วที่จะเริ่มต้น ไปเริ่มกันเลย!
ทำการดาวน์โหลดไฟล์และแตกไฟล์ KC Launcher V10.zip ไปที่ไดร์ C คุณควรจะได้ที่อยู่ของไฟล์แบบนี้
C:\KC Launcher V10\
(สำคัญมากๆ)
เข้าไปที่ C:\KC Launcher V10\KC Launcher V10 - Settings\Setup\
และนำไฟล์ KC Launcher V10 Settings for VPS Setup.exe ไปติดตั้งบนเครื่อง VPS ของคุณ
ทำการเปิดใช้งาน Apache ในโปรแกรม XAMPP และเปิดโปรแกรม KC Launcher V10 Settings และทำการตั้งค่า Launcher ของคุณให้เรียบร้อย อย่าลืมกดบันทึกด้วยล่ะแล้วก็คัดลอกลิ้งค์ "http://SERVER_IP/mylauncherAPI/kc_packages.json" ที่อยู่บนโปรแกรม KC Launcher V10 Settings เก็บไว้ด้วยล่ะ
เข้าไปที่ C:\KC Launcher V10\
และเปิดไฟล์ KC Launcher V10.sln หลังจากที่โปรเจคเปิดขึ้นมาให้เข้าไปที่ KC App Config AppConfig.cs และทำการ Restore NuGet Packages
แก้ไขชื่อ 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 โปรแกรมขนาด 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 ให้เข้าไปที่ 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
(ต้องทำ) เข้าไปที่ 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 Compiler ที่ติดตั้งไปเมื่อก่อนหน้านี้
ถัดจากขั้นตอนนี้ไปโปรดอย่าพลาดขั้นตอนไดไป โดยที่ขั้นตอนจะเรียงตามหัวข้อของโปรแกรมหากคุณพร้อมแล้วไปเริ่มกันเลย
เลือก Create a nnew script file using the Script Wizard คลิ๊ก OK คลิ๊ก Next เพื่อไปที่หัวข้อ 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 destination base folder เลือกเป็น Program Files folder คลิ๊ก Next เพื่อไปที่หัวข้อ 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
คลิ๊ก Next คลิ๊ก Next คลิ๊ก Next เพื่อไปที่หัวข้อ Setup Install Mode
(หัวข้อย่อย) Install mode เลือก Non Administrative install mode (install for current user only) คลิ๊ก Next เพื่อไปที่หัวข้อ Setup Launguages
(หัวข้อย่อย) Launguages เลือก ภาษา English หรือภาษาที่ต้องการ คลิ๊ก Next เพื่อไปที่หัวข้อ 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
คลิ๊ก Next คลิ๊ก Finish คลิ๊ก Yes คลิ๊ก Yes (เพื่อสร้างไฟล์สคริป Inno) หรือ คลิ๊ก No (เพื่อข้ามการสร้างไฟล์สคริป
Inno)
รอจนขึ้น Finished เท่านี้ไฟล์ก็พร้อมสำหรับใช้งานและติดตั้งบนเครื่องอื่นแล้ว
ไฟล์สำหรับติดตั้งจะถูกเก็บไว้ใน
C:\KC Launcher V10\Setup\
นี่คือรายชื่อไฟล์ที่สามารถอัพเดทได้ผ่านการอัพเดทอัตโนมัติ
ทำการเปลี่ยนเลขเวอร์ชั่นไฟล์ 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 ในการเปิดไฟล์) ลากไฟล์
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 ใหม่อีกครั้ง