เกี่ยวกับ Launcher

• ชื่อโปรแกรม: KC Launcher V12
• ภาษาที่ใช้เขียน: C#, HTML, CSS และ JavaScript
• IDE: Visual Studio 2022
• .NET Framework เวอร์ชั่น: 4.8
• CSS Framework: Bootstrap 5
• UI Template: Agency - Start Bootstrap
• UI License: MIT license

ความต้องการของระบบ

• Windows: Windows 10 หรือ Windows 11 64 บิต (Windows 8.1 อาจใช้งานได้)
• CPU: Intel Core 2 Q6600 @ 2.40GHz / AMD Phenom 9850 @ 2.5GHz
• GPU: NVIDIA 9800 GT 1GB / AMD HD 4870 1GB / Intel HD GT2
• RAM: 8GB (4GB อาจใช้งานได้)
• Framework: .NET Framework 4.8
• หน้าจอแสดงผล: 1600*900
• WebView2 Runtime: WebView2 Runtime Evergreen Bootstrapper (ทุกคนต้องลง Runtime นี้!)

ดาวน์โหลด

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

1. Visual Studio 2022 Community เราจะใช้โปรแกรมนี้เพื่อแก้ไขโค้ด และสร้างไฟล์ .EXE คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย
   ดาวน์โหลด Visual Studio 2022 Community
2. HeidiSQL (หากบนเครื่อง VPS มีอยู่แล้วข้ามไปได้เลย) เราจะใช้โปรแกรมนี้เพื่อดูและแก้ไขข้อมูล MySQL คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย
   ดาวน์โหลด HeidiSQL
3. Inno Setup เราจะใช้โปรแกรมนี้เพื่อสร้างไฟล์ .EXE สำหรับติดตั้งบนเครื่องอื่น คุณสามารถดาวน์โหลดได้ที่ปุ่มนี้ได้เลย
   ดาวน์โหลด Inno Setup ดาวน์โหลด Inno Setup (ดาวน์โหลดโดยตรง)
4. Visual Studio Code เราจะใช้โปรแกรมนี้เพื่อแก้ไขโค้ด UI Launcher
   ดาวน์โหลด Visual Studio Code

การติดตั้ง Visual Studio 2022 Community

สำหรับการติดตั้งโปรแกรม Visual Studio 2022 Community สามารถดูสามารถดูวิธีติดตั้งได้ ที่นี่เลย

การติดตั้ง HeidiSQL (หากบนเครื่อง VPS มีอยู่แล้วข้ามไปได้เลย)

สำหรับการติดตั้งโปรแกรม HeidiSQL สามารถดูสามารถดูวิธีติดตั้งได้ ที่นี่เลย

การติดตั้ง Inno Setup

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

การติดตั้ง Visual Studio Code

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

ที่อยู่ไฟล์โปรเจค

ให้ทำการดาวน์โหลดไฟล์และแตกไฟล์ "KC Launcher V12.zip" ด้วยโปรแกรม Winrar ไปที่ ไดร์ C เท่านั้น! คุณควรจะได้ที่อยู่ของไฟล์แบบนี้ C:\KC_Launcher_V12

ติดตั้งสคริป KC_L_S_API และตั้งค่า

1. เข้าไปที่ C:\KC_Launcher_V12
2. ทำการแตกไฟล์ KC_L_S_API.zip (หรือ Clone จาก GitHub)
3. คัดลอกสคริป KC_L_S_API ไปที่ resources ในสคริปเซิร์ฟเวอร์ของคุณ
4. เข้าไปในสคริป KC_L_S_API และเปิดไฟล์ KC_L_S_API HeldiSQL.sql
5. เมื่อโปรแกรม HeldiSQL เปิดขึ้นมา ให้เลือก Session เดียวกันกับฐานข้อมูลของเซิร์ฟเวอร์คุณที่ใช้อยู่ และกดปุ่ม Open
6. ให้กดที่ Icon (หรือ F9) และรอสักครู่
7. Double Click ที่ KC_L_S_API HeldiSQL.sql และกด No
8. คลิ๊กที่ชื่อ Session และกดที่ Icon (หรือ F5)
9. เมื่อ Refresh เสร็จ ให้สังเกตว่ามี Table ชื่อ kc_launcher_service เข้าไปอยู่ในฐานข้อมูลของเซิร์ฟเวอร์คุณเรียบร้อยแล้ว ชึ่งประกอบด้วย Columns
   1. identifier
   2. launcher_status
   3. first_connect
   4. last_connect
   5. disconnect
   6. messages
10. เข้าไปในสคริป KC_L_S_API และเปิดไฟล์ config.lua
11. กลับมาที่ PC ของคุณ และเข้าไปที่ Path C:\KC_Launcher_V12\Tool for Project\Free Key Generator\ และเปิดไฟล์ Free Key Generator.exe
12. หลังจากเปิดโปรแกรม Free Key Generator ขึ้นมา ให้ปรับ Key length เป็น 50 และคลิ๊ก Generate และคลิ๊ก Copy to clipboard
13. กลับมาที่เครื่อง VPS ของคุณนำข้อความที่คัดลอกมาใส่ลงใน Config.KeyAPI = "YOUKEY" ที่อยู่ในไฟล์ config.lua และหากคุณต้องการตั้งค่าเพิ่มเติม คุณสามารถทำได้เลย
14. หลังจากตั้งค่าเสร็จให้กดบันทึกให้เรียบร้อย
15. กลับออกไปที่ resources สคริปเซิร์ฟเวอร์ของคุณ จะมีโฟลเดอร์สคริป KC_L_S_API อยู่ ให้คัดลอกชื่อสคริป KC_L_S_API เก็บไว้
16. กลับออกไปที่ Path หลักของสคริปเซิร์ฟเวอร์ที่มีไฟล์ server.cfg อยู่ และเปิดไฟล์ server.cfg ขึ้นมา
17. เพิ่ม start KC_L_S_API ไว้ด้านล่างสุดของหมวดหมู่ start ที่อยู่ใน server.cfg ของคุณ จากนั้นให้กดบันทึกให้เรียบร้อย
18. ทำการรันเซิร์ฟเวอร์ของคุณ
19. หากถูกต้องจะมีข้อความเหมือนกับรูป หรือคล้ายกัน
    

แต่หากไม่! โปรดตรวจสอบว่าชื่อสคริปถูกต้องหรือไม่ หรือทำการแตกไฟล์ใหม่และลองอีกครั้ง

สร้าง Hosting และอัพโหลด UI

1. เข้าไปที่ Path C:\KC_Launcher_V12\ และให้สร้างโฟลเดอร์เปล่าขึ้นมา 1 โฟลเดอร์ เพื่อจัดเก็บไฟล์เว็บไซต์ ชื่อ Web-Launcher
2. ให้เข้าไปใน Web-Launcher และกดที่แถบป้อน Path และให้ลบข้อความออกทั้งหมด
3. พิมพ์ cmd ในแถบป้อน Path และกดปุ่ม Enter จากนั้นให้สังเกต Path ใน CMD ว่าเป็น C:\KC_Launcher_V12\Web-Launcher> หรือไม่ หากไม่ โปรดอ่านและทำใหม่อีกครั้ง
4. ให้เข้าไปที่ Firebase Console และทำการ Login ให้เรียบร้อย
5. คลิ๊กที่ Create a project
6. ตั้งชื่อ Project ตามที่ต้องการ (ชื่อ Project จะถูกใช้เป็นลิ้งค์สำหรับเข้าถึงหน้าเว็บไซต์)
7. คลิ๊กที่ Continue
8. ให้ติ๊ก Enable Google Analytics for this project ออก
9. คลิ๊กที่ Create project และรอสักพัก (1~3 นาที)
10. หากมีข้อความขึ้นว่า Your new project is ready ให้คลิ๊กที่ Continue
11. คลิ๊กที่ Build
12. เลือก Hosting
13. คลิ๊กที่ปุ่ม Get started
14. (Install Firebase CLI) ให้คัดลอกข้อความ npm install -g firebase-tools
15. กลับไปที่ cmd และวางข้อความ npm install -g firebase-tools คุณจะได้ข้อความแบบนี้ C:\KC_Launcher_V12\Web-Launcher>npm install -g firebase-tools จากนั้นให้กดปุ่ม Enter ที่ Keyboard และรอสักพัก (1~5 นาที)
16. เมื่อติดตั้ง Firebase CLI เสร็จ ให้กลับไปที่หน้าเว็บไซต์ Firebase Console และกด Next
17. (Initialize your project - Sign in to Google) ให้คัดลอกข้อความ firebase login
18. กลับไปที่ cmd และวางข้อความ firebase login คุณจะได้ข้อความแบบนี้ C:\KC_Launcher_V12\Web-Launcher>firebase login จากนั้นให้กดปุ่ม Enter ที่ Keyboard
19. หากมีคำถามว่า Allow Firebase to collect CLI usage and error reporting information? (Y/n) ให้คุณเลือกตอบว่า y = Yes หรือ n = No และกดปุ่ม Enter ที่ Keyboard
20. จากนั้นโปรแกรมจะส่งคุณไปที่หน้า Login Firebase CLI ให้คุณเลือก Email เดียวกันกับที่คุณใช้ Login Firebase Console
21. (Initialize your project - Initiate your project) เมื่อ Login สำเร็จ ให้กลับมาที่หน้าเว็บ Firebase Console และคัดลอกข้อความ firebase init
22. กลับไปที่ cmd และวางข้อความ firebase init คุณจะได้ข้อความแบบนี้ C:\KC_Launcher_V12\Web-Launcher>firebase init จากนั้นให้กดปุ่ม Enter ที่ Keyboard
23. หากมีคำถามว่า ? Are you ready to proceed? (Y/n) ให้ตอบ y และกดปุ่ม Enter ที่ Keyboard
24. กดปุ่มลูกศรชี้ลง ที่ Keyboard มาที่ () Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys และกดปุ่ม Spacebar ที่ Keyboard คุณจะเห็นตัวเลือกที่คุณเลือกเป็นแบบนี้ (*) Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys จากนั้นให้กดปุ่ม Enter ที่ Keyboard
25. หากมีคำถามว่า ? Please select an option ให้เลือก Use an existing project และกดปุ่ม Enter ที่ Keyboard
26. หากมีคำถามว่า ? Select a default Firebase project for tist directory ให้เลือกโปรเจคที่สร้างไว้และกดปุ่ม Enter ที่ Keyboard
27. หากมีคำถามว่า ? What do you want to use as your public directory? (public) ให้กดปุ่ม Enter ที่ Keyboard
28. หากมีคำถามว่า ? Configure as a single-page app (rewrite all urls to /index.html)? (y/N) ให้ตอบ y และกดปุ่ม Enter ที่ Keyboard
29. หากมีคำถามว่า ? Set up automatic builds and deploys with GitHub? (y/N) ให้ตอบ n และกดปุ่ม Enter ที่ Keyboard
30. รอให้มีข้อความว่า Firebase initialization complete! จากนั้นให้กลับมาที่หน้าเว็บ Firebase Console และกด Next
31. (Deploy to Firebase Hosting) ให้คัดลอกข้อความ firebase deploy
32. กลับไปที่ cmd และวางข้อความ firebase deploy คุณจะได้ข้อความแบบนี้ C:\KC_Launcher_V12\Web-Launcher>firebase deploy (อย่าเพิ่งกดปุ่ม Enter!)
33. กลับไปที่โฟลเดอร์ Web-Launcher ที่อยู่ใน C:\KC_Launcher_V12\ สังเกตว่าจะมีโฟลเดอร์ public อยู่ และหากกดเข้าไปในโฟลเดอร์ public จะสังเกตว่ามีไฟล์ index.html อยู่ (ตำแหน่งที่ไฟล์ index.html อยู่ เป็นตำแหน่งสำหรับนำหน้าเว็บไซต์มาใส่ได้ Path: C:\KC_Launcher_V12\Web-Launcher\public\)
34. เข้าไปที่ Path C:\KC_Launcher_V12\ และให้ Cut หรือ Copy โฟลเดอร์ ui-launcher ไปวางในโฟลเดอร์ public ที่มีไฟล์ index.html อยู่ (หรือ Path: C:\KC_Launcher_V12\Web-Launcher\public\)
35. กลับไปที่ cmd คุณจะเห็นข้อความ C:\KC_Launcher_V12\Web-Launcher>firebase deploy รออยู่ และให้คุณกดปุ่ม Enter ที่ Keyboard และรอจนกว่าจะ deploy เสร็จ
36. เมื่อมีข้อความว่า Deploy complete! ให้กลับมาที่หน้าเว็บ Firebase Console และคัดลอกข้อความ firebase deploy และกดปุ่ม Continue to console
37. กลับไปที่โฟลเดอร์ Web-Launcher และให้สร้างไฟล์ txt เปล่ามา 1 ไฟล์ จากนั้นให้เปลี่ยนชื่อไฟล์และนามสกุลเป็น firebase deploy.bat
38. คลิ๊กขวาที่ไฟล์ firebase deploy.bat และเลือก Edit ให้วางข้อความ firebase deploy ลงไป จากนั้นกดบันทึกและออกจาก Notepad และปิด cmd
39. กลับมาที่หน้าเว็บ Firebase Console จะมีลิ้งค์สำหรับเข้าถึงหน้าเว็บ 2 ลิ้งค์ ให้เลือกกดลิ้งค์ไดลิ่งค์หนึ่ง
40. เมื่อกดเข้าไปในลิ้งค์จะพบกับหน้า index.html ของ Firebase ให้คลิ๊กที่แถบลิ้งค์ และให้เพิ่มข้อความ /ui-launcher จากนั้นให้กดปุ่ม Enter ที่ Keyboard

เพียงเท่านี้การอัพโหลด UI Launcher ก็เสร็จแล้ว และได้หน้าเพจของ UI Launcher มา ( ให้เปิดหน้าเพจค้างไว้ ! )

ตั้งค่า Launcher และอัพโหลดขึ้น Hosting

1. เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิด Settings - KC Launcher V12
2. ในเท็บ KC Auto Update 2.5 ให้กดที่ปุ่ม Check MD5 Launcher ( ทำทุกครั้งที่มีการกระทำเกี่ยวกับไฟล์ _launcher.exe ! )
3. ไปที่เท็บ KC Launcher V12.3 และตั้งค่า Launcher ของคุณ
   1. Launcher Name - ชื่อโปรแกรม เช่น Fujino RP Launcher
   2. Key Steam Web API - คีย์ Steam API จากเว็บ https://steamcommunity.com/dev/apikey (สามารถใช้คีย์เดียวกันกับ set steam_webApiKey จาก server.cfg ได้)
   3. URL User Interface (UI) Launcher - ลิ้งค์หน้าเพจ UI Launcher จากขั้นตอน: สร้าง Hosting และอัพโหลด UI
   4. URL Image Loadings Screen Launcher - ลิ้งค์รูปภาพหน้าโหลดเข้า Launcher (แนะนำขนาด 1280x720px)
   5. URL Image Icon Launcher - ลิ้งค์รูปภาพ Icon โปรแกรม Launcher (ICO,PNG,JPG แนะนำ ICO)
   6. MD5 file Service Runtime - ให้กดที่ปุ่ม Check MD5 Service ( ทำทุกครั้งที่มีการกระทำเกี่ยวกับไฟล์ ServiceRuntimeForKCLV12.exe ! )
4. ไปที่เท็บ Server List และเพิ่มรายการ Server ของคุณ (สูงสุด 10 Server)
   สำหรับ Server Main
   1. Status - อนุญาตให้ผู้เล่นเลือก Server Main หรือไม่ (โปรแกรมจะกำหนดให้อยู่แล้ว)
   2. Select ID - ID Server Main (โปรแกรมจะกำหนดให้อยู่แล้ว)
   3. Server Label - ชื่อ Server Main เช่น Fujino RP Sv.1
   4. URL Logo Server - ลิ้งค์รูปภาพ Logo ของ Server เช่น https://fujinons.web.app/resource/img/New-KC-Logo-200x200.ico
   5. URL Image Background (1920x1080px) - ลิ้งค์รูปภาพพื้นหลังของ Server เช่น https://shorturl.asia/4CdIw
   6. URL KC_L_S_API - ลิ้งค์ KC_L_S_API สำหรับ Server Main โดยใช้เลข IP และ Port ของ Server Main เช่น http://215.63.209.3:30120/KC_L_S_API/ (สามารถกดที่ปุ่ม Test URL KC_L_S_API เพื่อตรวจสอบได้)
   7. Key KC_L_S_API - คีย์ API ของสคริป KC_L_S_API ที่ติดตั้งอยู่ใน Resources Server Main
   8. Address for Connect FiveM - ที่อยู่สำหรับเชื่อมต่อ FiveM สำหรับ Server Main เช่น 215.63.209.3:30120 หรือ cfx.re/join/????
   9. Address for Connect TeamSpeak - ที่อยู่สำหรับเชื่อมต่อ TeamSpeak(tokoVoip) สำหรับ Server Main (ปล่อยว่างหากไม่ใช้งาน)
   
   สำหรับ Server 2 (ถ้ามี) ( 2 - 10 จะคล้ายๆกัน )
   1. Status - อนุญาตให้ผู้เล่นเลือก Server 2 หรือไม่
   2. Select ID - ID Server 2 (โปรแกรมจะกำหนดให้อยู่แล้ว)
   3. Server Label - ชื่อ Server 2 เช่น Fujino RP Sv.2
   4. URL Logo Server - ลิ้งค์รูปภาพ Logo ของ Server เช่น https://fujinons.web.app/resource/img/logo_sv2.ico
   5. URL Image Background (1920x1080px) - ลิ้งค์รูปภาพพื้นหลังของ Server เช่น https://fujinons.web.app/resource/img/background_sv2.png
   6. URL KC_L_S_API - ลิ้งค์ KC_L_S_API สำหรับ Server 2 โดยใช้เลข IP และ Port ของ Server 2 เช่น http://215.63.209.3:30121/KC_L_S_API/ หรือ http://196.74.194.2:30120/KC_L_S_API/ หากไม่ใช่เครื่อง Server เดียวกัน (สามารถกดที่ปุ่ม Test URL KC_L_S_API เพื่อตรวจสอบได้)
   7. Key KC_L_S_API - คีย์ API ของสคริป KC_L_S_API ที่ติดตั้งอยู่ใน Resources Server 2
   8. Address for Connect FiveM - ที่อยู่สำหรับเชื่อมต่อ FiveM สำหรับ Server 2 เช่น 215.63.209.3:30121 หรือ cfx.re/join/???? (หรือ 196.74.194.2:30120 หากไม่ใช่เครื่อง Server เดียวกัน)
   9. Address for Connect TeamSpeak - ที่อยู่สำหรับเชื่อมต่อ TeamSpeak(tokoVoip) สำหรับ Server 2 (ปล่อยว่างหากไม่ใช้งาน)
5. ไปที่เท็บ Save and Export to JSON และกดปุ่ม Select Path
6. เลือก This PC
7. เลือก ไดร์ C
8. เลือก KC_Launcher_V12
9. เลือก Web-Launcher
10. เลือก public
11. กดปุ่ม OK
12. หากต้องการเข้ารหัสไฟล์ Packages สามารถกดที่ปุ่ม Generate Password ได้เลย ( หากใช้งาน การเข้ารหัสไฟล์ Packages แล้ว ไม่แนะนำให้เปลี่ยนรหัสภายหลัง ! )
13. กดปุ่ม Save and Export Packages
14. ให้เข้าไปใน Web-Launcher และกดเปิดไฟล์ firebase deploy.bat
15. กลับไปที่ public
16. คัดลอกชื่อไฟล์ kc_packages.json
17. กลับไปที่เบราว์เซอร์ที่เปิดหน้าเพจ UI-KC Launcher V12 ค้างไว้
18. คลิ๊กขวาที่ UI-KC Launcher V12 และเลือก ทำซ้ำ
19. ให้คลุมดำ ui-launcher/ และแทนที่ด้วย kc_packages.json จากนั้นให้กดปุ่ม Enter ที่ Keyboard คุณจะเห็นข้อมูลที่อยู่ใน kc_packages.json
20. คลิ๊กขวาที่ kc_packages.json หรือ UI-KC Launcher V12 และเลือก ทำซ้ำ อีกครั้ง
21. กลับมาที่ public
22. คัดลอกชื่อไฟล์ kc_packageupdate.json
23. กลับไปที่เบราว์เซอร์ที่เปิดหน้าเพจ UI-KC Launcher V12 หรือ kc_packages.json ค้างไว้
24. ให้คลุมดำ kc_packages.json/ หรือ ui-launcher/ และแทนที่ด้วย kc_packageupdate.json จากนั้นให้กดปุ่ม Enter ที่ Keyboard คุณจะเห็นข้อมูลที่อยู่ใน kc_packageupdate.json

เพียงเท่านี้การอัพโหลดการตั้งค่าก็เสร็จแล้ว และได้หน้าเพจข้อมูล kc_packages.json และ kc_packageupdate.json มา ( ให้เปิดหน้าเพจค้างไว้ ! )

Restore NuGet Packages และตั้งค่าโปรเจค Launcher และทดสอบ

1. เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิดไฟล์ KC_Launcher_V12.sln ด้วย Visual Studio 2022
2. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' (หากคำว่า Restore NuGet Packages เป็นสีเท่า ให้คลิ๊กขวาที่ Solution 'KC_Launcher_V12' ใหม่อีกครั้ง จนกว่าข้อความ Restore NuGet Packages จะเป็นสีขาว )
3. เลือก Restore NuGet Packages (รอสักครู่)
4. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' อีกครั้ง และเลือก Rebuild Solution (รอจนเสร็จ)
5. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' อีกครั้ง และเลือก Build Solution (รอจนเสร็จ)
6. กลับไปที่เบราว์เซอร์ที่เปิดหน้าเพจ kc_packages.json ค้างไว้ และคัดลอกที่อยู่ลิ้งค์หน้าเพจข้อมูล kc_packages.json เก็บไว้
7. กลับมาที่โปรเจค Launcher
8. ในไฟล์ Config.cs ช่อง URLLauncherSettingsAPI ให้นำลิ้งค์ที่คัดลอกมา ใส่ลงแทนที่ลิ้งค์เดิม และกดบันทึก
9. หากมีการเข้ารหัส Packages ไว้ ในไฟล์ Config.cs ช่อง PasswordEncryptionDataLauncherSettings ให้นำ Password จากโปรแกรม Settings - KC Launcher V12 แท็บ Save and Export to JSON มาใส่ด้วย และกดบันทึก
10. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' และเลือก Rebuild Solution (รอจนเสร็จ)
11. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' อีกครั้ง และเลือก Build Solution (รอจนเสร็จ)
12. กดที่ปุ่ม Satrt (หรือ F5) เพื่อทดสอบ Launcher เบื่องต้นว่าเปิดใช้งานได้หรือไม่ และให้ออกจาก Launcher
13. เข้าไปที่ Path C:\KC_Launcher_V12\Tool for Project\Free Key Generator และเปิดไฟล์ Free Key Generator.exe
14. หลังจากเปิดโปรแกรม Free Key Generator ขึ้นมา ให้ปรับ Key length เป็น 50 และคลิ๊ก Generate และคลิ๊ก Copy to clipboard
15. กลับมาที่โปรเจค Launcher
16. ในไฟล์ Config.cs ช่อง PasswordEncryptionAppID ให้วางข้อความที่คัดลอกมา แทนข้อความเดิม
17. ไปที่ไฟล์ ConfigRuntime.cs ช่อง PasswordEncryptionAppID ให้วางข้อความที่คัดลอกมา แทนข้อความเดิม ( ต้องตรงกันกับไฟล์ Config.cs ! )
18. กลับมาที่โปรแกรม Free Key Generator ให้คลิ๊ก Generate และคลิ๊ก Copy to clipboard
19. กลับมาที่โปรเจค Launcher
20. ในไฟล์ Config.cs ช่อง PasswordEncryptionArguments ให้วางข้อความที่คัดลอกมา แทนข้อความเดิม
21. ไปที่ไฟล์ ConfigRuntime.cs ช่อง PasswordEncryptionArguments ให้วางข้อความที่คัดลอกมา แทนข้อความเดิม ( ต้องตรงกันกับไฟล์ Config.cs ! )
22. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' และเลือก Rebuild Solution (รอจนเสร็จ)
23. คลิ๊กขวาที่ Solution 'KC_Launcher_V12' อีกครั้ง และเลือก Build Solution (รอจนเสร็จ)
24. กดที่ปุ่ม Satrt (หรือ F5) เพื่อทดสอบ Launcher เบื่องต้นว่าเปิดใช้งานได้หรือไม่ และให้ออกจาก Launcher
25. เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิด Settings - KC Launcher V12
26. ไปที่เท็บ KC Launcher V12.3 ให้กดที่ปุ่ม Check MD5 Service
27. ไปที่เท็บ Save and Export to JSON และกดปุ่ม Save and Export Packages
28. ให้เข้าไปใน Web-Launcher และกดเปิดไฟล์ firebase deploy.bat
29. กลับมาที่โปรเจค Launcher
30. กดที่ปุ่ม Satrt (หรือ F5) และให้ทดสอบการเชื่อมต่อ FiveM (หากพบปัญหาเกี่ยวกับ MD5 ให้ทำตามขั้นตอนข้างบน (25) ใหม่อีกครั้ง)

เพียงเท่านี้การตั้งค่าโปรเจค Launcher ก็เสร็จแล้ว

Restore NuGet Packages และตั้งค่าโปรเจค KC Start Launcher และทดสอบ

1. เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิดไฟล์ KC_Start_LauncherV2.sln ด้วย Visual Studio 2022
2. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' (หากคำว่า Restore NuGet Packages เป็นสีเท่า ให้คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' ใหม่อีกครั้ง จนกว่าข้อความ Restore NuGet Packages จะเป็นสีขาว )
3. เลือก Restore NuGet Packages (รอสักครู่)
4. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' อีกครั้ง และเลือก Rebuild Solution (รอจนเสร็จ)
5. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' อีกครั้ง และเลือก Build Solution (รอจนเสร็จ)
6. กลับไปที่เบราว์เซอร์ที่เปิดหน้าเพจ kc_packageupdate.json ค้างไว้ และคัดลอกที่อยู่ลิ้งค์หน้าเพจข้อมูล kc_packageupdate.json เก็บไว้
7. กลับมาที่โปรเจค KC Start Launcher
8. ในไฟล์ ConfigAutoUpdate.cs ช่อง URLUpdateAPI ให้นำลิ้งค์ที่คัดลอกมา ใส่ลงแทนที่ลิ้งค์เดิม และกดบันทึก
9. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' และเลือก Rebuild Solution (รอจนเสร็จ)
10. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' อีกครั้ง และเลือก Build Solution (รอจนเสร็จ)
11. ให้ปิดโปรแกรม Visual Studio 2022 ที่เปิดโปรเจ็ค KC Start Launcher
12. เข้าไปที่ Path C:\KC_Launcher_V12\FileBuild_for_Install\ ตรวจสอบให้แน่ใจว่ามีโฟลเดอร์ launcher อยู่ และในโฟลเดอร์ต้องไม่มีไฟล์อะไร
13. เข้าไปที่ Path C:\KC_Launcher_V12\FileBuild_for_Public\ ให้คลิ๊กขวาที่โฟลเดอร์ launcher และเลือก Add to archive... (ต้องมีโปรแกรม Winrar)
14. หัวข้อ Archive format ให้เลือกเป็น ZIP
15. หัวข้อ Compression method ให้เลือกเป็น Mormal
16. หัวข้อ Dictionary size ให้เลือกเป็น 32 MB
17. กดที่ปุ่ม OK (รอจนเสร็จ) เมื่อเสร็จ จะได้ไฟล์ launcher.zip มา 1 ไฟล์
18. ให้เข้าไปที่ Dropbox ให้ทำการ สมัครและ Login ให้เรียบร้อย
19. ใน Dropbox ให้สร้างโฟลเดอร์ ชื่อ Server Launcher มา 1 โฟลเดอร์
20. ให้นำไฟล์ launcher.zip ลากลงในโฟลเดอร์ Server Launcher และรอให้อัพโหลดจนเสร็จ
21. เมืออัพโหลดเสร็จ ให้คัดลอกลิ้งค์ของไฟล์ launcher.zip บน Dropbox มาเก็บไว้
22. เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิด Settings - KC Launcher V12
23. ในแท็บ KC Auto Update 2.5 ช่อง URL download file Update ให้วางลิ้งค์ที่คัดลอกมาจาก Dropbox แทนที่ลิ้งค์เดิม และเปลี่ยนข้อความท้ายลิ้งค์จาก ?dl=0 เป็น ?dl=1
24. ในช่อง Version ช่องที่ 4 ให้ลยข้อตวามในนั้นออก
25. กดที่ปุ่ม Check MD5 Launcher
26. ไปที่แท็บ KC Launcher V12.3 ให้กดที่ปุ่ม Check MD5 Service
27. ไปที่เท็บ Save and Export to JSON และกดปุ่ม Save and Export Packages
28. ให้เข้าไปใน Web-Launcher และกดเปิดไฟล์ firebase deploy.bat
29. เข้าไปที่ Path C:\KC_Launcher_V12\ ให้คัดลอกโฟลเดอร์ FileBuild_for_Install ไปที่อื่น เช่น Desktop
30. เข้าไปในโฟลเดอร์ FileBuild_for_Install และกดเปิดไฟล์ KCStartLauncher.exe (ให้ทำตามที่การแจ้งเตือนของโปรแกรมแนะนำ)
31. เมื่อโปรแกรม Launcher เปิดขึ้นมา ให้ทดสอบการเชื่อมต่ออีกครั้ง (หากพบปัญหาโปรดติดต่อผู้พัฒนา)

เพียงเท่านี้การตั้งค่าโปรเจค KC Start Launcher ก็เสร็จแล้ว

เปลี่ยนรูปหน้าโหลด KC Start Launcher

โปรดเตรียมไฟล์รูปสำหรับใช้เป็นหน้าโหลดโปรแกรม ขนาด 560x280px และตั้งชื่อไฟล์เป็น app bg.jpg เท่านั้น!

1. เข้าไปที่ Path C:\KC_Launcher_V12\FileBuild_for_Install\resource\
2. นำไฟล์รูปที่ต้องการเปลี่ยนมาว่างทับไฟล์เดิม เท่านี้ก็เป็นอันเสร็จสิ้น

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

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

1. เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิดไฟล์ KC_Start_LauncherV2.sln ด้วย Visual Studio 2022
2. คลิ๊กขวาที่ KC_Start_LauncherV2
3. เลือก Add
4. เลือก Existing Item...
5. เปลี่ยนจาก Visual C# Files เป็น All Files
6. เลือกไฟล์ Logo ของคุณที่เป็นประเภท ICO
7. คลิ๊ก Add จากนั้นคลิ๊กขวาที่ KC_Start_LauncherV2
8. เลือก Properties
9. เลือกหัวข้อ Application
10. หัวข้อ Icon คลิ๊กที่ลูกศรชี้ลง ⇩
11. เลือกไฟล์ Logo ของคุณ
12. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' และเลือก Rebuild Solution (รอจนเสร็จ)
13. คลิ๊กขวาที่ Solution 'KC_Start_LauncherV2' อีกครั้ง และเลือก Build Solution (รอจนเสร็จ)

แก้ไขเนื้อหา UI Launcher

1. เข้าไปที่โปรแกรม Visual Studio Code
2. คลิ๊กที่ File
3. Open Folder...
4. เข้าไปที่ Path C:\KC_Launcher_V12\Web-Launcher\public\ui-launcher\ คลิ๊ก Select Forder
5. คลิ๊กที่ไฟล์ index.html
6. แก้ไขตามที่คุณต้องการ จากนั้นกดบันทึก
7. เข้าไปที่ Path C:\KC_Launcher_V12\Web-Launcher\ และกดเปิดไฟล์ firebase deploy.bat รอจนเสร็จ เท่านี้ก็เป็นอันเสร็จสิ้น

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

1. เข้าไปที่ Path C:\KC_Launcher_V12\FileBuild_for_Install\
2. คลิ๊กที่ Type
3. ทำการลบไฟล์ที่เป็น Type XML Document และ Program Debug Database ทั้งหมด (ถ้ามี)
4. เข้าไปที่ Path C:\KC_Launcher_V12\FileBuild_for_Public\launcher\
5. คลิ๊กที่ Type
6. ทำการลบไฟล์ที่เป็น Type XML Document และ Program Debug Database ทั้งหมด (ถ้ามี)

ป้องกันไฟล์ของคุณด้วย ConfuserEx

1. เข้าไปที่ Path C:\KC_Launcher_V12\
2. ลากไฟล์ 1 - Encrypt files KC Start Launcher.crproj เข้าไปในไฟล์ 0 - Drop .crproj to Encrypt files รอจนขึ้นข้อความ Finished at ??:??, ??:?? elapsed. และกดปิด ( ทำทุกครั้งที่มีการ Build หรือ Rebuild โปรเจค KC Start Launcher ! )
3. ลากไฟล์ 2 - Encrypt files Launcher.crproj เข้าไปในไฟล์ 0 - Drop .crproj to Encrypt files รอจนขึ้นข้อความ Finished at ??:??, ??:?? elapsed. และกดปิด ( ทำทุกครั้งที่มีการ Build หรือ Rebuild โปรเจค Launcher ! )
4. เข้าไปที่ Path C:\KC_Launcher_V12\FileBuild_for_Public\ (หากมีไฟล์ launcher.zip อยู่ ให้ลบออกก่อน) ให้คลิ๊กขวาที่โฟลเดอร์ launcher และเลือก Add to archive... (ต้องมีโปรแกรม Winrar)
5. หัวข้อ Archive format ให้เลือกเป็น ZIP
6. หัวข้อ Compression method ให้เลือกเป็น Mormal
7. หัวข้อ Dictionary size ให้เลือกเป็น 32 MB
8. กดที่ปุ่ม OK (รอจนเสร็จ) เมื่อเสร็จ จะได้ไฟล์ launcher.zip มา 1 ไฟล์
9. ให้เข้าไปที่ Dropbox ให้ทำการ Login ID เดิม จากขั้นตอนก่อนหน้าให้เรียบร้อย
10. เข้าไปในโฟลเดอร์ Server Launcher ที่เคยสร้างไว้
11. ให้นำไฟล์ launcher.zip ลากลงในโฟลเดอร์ Server Launcher และรอให้อัพโหลดจนเสร็จ
12. เมืออัพโหลดเสร็จ ให้เข้าไปที่ Path C:\KC_Launcher_V12\ และเปิด Settings - KC Launcher V12
13. ในแท็บ KC Auto Update 2.5 ให้กดที่ปุ่ม Check MD5 Launcher
14. ไปที่แท็บ KC Launcher V12.3 ให้กดที่ปุ่ม Check MD5 Service
15. ไปที่เท็บ Save and Export to JSON และกดปุ่ม Save and Export Packages
16. ให้เข้าไปใน Web-Launcher และกดเปิดไฟล์ firebase deploy.bat

เพียงเท่านี้การเข้ารหัสไฟล์ก็เสร็จแล้ว

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

1. เข้าไปที่ Path C:\KC_Launcher_V12\
2. เปิดไฟล์ Create file setup Launcher.iss ด้วย Inno Setup Compiler
3. ตั้งค่าไฟล์ Setup ของคุณ
   1. MyAppName - ชื่อโปรแกรม
   2. MyAppVersion - เวอร์ชั่นของโปรแกรม (ไม่มีผลกับระบบ Auto Update)
   3. MyAppPublisher - ชื่อเจ้าของ หรือ ผู้สร้าง
   4. MyAppIcon - ไอค่อนโปรแกรม
   5. MyAppURL - ลิงค์ติดต่อ หรือ ลิงค์โปรแกรม
   6. MyFolderInstall - ชื่อโฟลเดอร์ในไดร์ C สำหรับติดตั้งไฟล์ Launcher
4. เมื่อตั้งค่าเสร็จให้กดปุ่ม Ctrl+S ที่ Keyboard
5. กดปุ่ม Ctrl+F9 ที่ Keyboard
6. รอจนขึ้นข้อความ *** Finished. [??:??:??, ??:??.?? elapsed] และกดปิดโปรแกรม Inno Setup Compiler

เพียงเท่านี้การทำไฟล์สำหรับให้ผู้เล่นติดตั้งก็เสร็จแล้ว ไฟล์สำหรับแจกจ่ายให้ผู้เล่นจะถูกเก็บไว้ใน C:\KC_Launcher_V12\FileSetupForUser\

วิธีอัพเดตไฟล์ Launcher

เมื่อมีการแก้ไขโค้ด Launcher เช่นการแก้บัค และต้องการอัพเดตไฟล์ Launcher ให้ทำตามนี้

1. ทำในส่วนของขั้นตอน ป้องกันไฟล์ของคุณด้วย ConfuserEx หัวข้อที่ 1 และ 3 ถึง 14
2. กลับไปที่แท็บ ในแท็บ KC Auto Update 2.5
3. ช่อง Version ให้ปรับเลขเวอร์ชั่น จาก 1.0.0 เป็น 1.1.0
4. ไปที่เท็บ Save and Export to JSON และกดปุ่ม Save and Export Packages
5. ให้เข้าไปใน Web-Launcher และกดเปิดไฟล์ firebase deploy.bat

เพียงเท่านี้การอัพเดตไฟล์ Launcher ก็เสร็จแล้ว

วิธีเปิดใช้งานระบบ ตรวจสอบสถานะ Launcher

ระบบ ตรวจสอบสถานะ Launcher คือระบบที่จะคอยตรวจสอบสถานะ Launcher ของผู้เล่นว่าทำงานอยู่หรือไม่ และเป็นระบบที่จะบังคับให้ผู้เล่นต้องเข้าเซิร์ฟเวอร์ผ่านโปรแกรม Launcher เท่านั้น หากผู้เล่นไดที่ไม่ใช้โปรแกรม Launcher ในการเข้าเซิร์ฟเวอร์ผู้เล่นคนนั้นจะไม่สามารถเข้าเล่นได้

วิธีเปิดใช้งาน
ให้เข้าไปเปิดไฟล์ config.lua ที่อยู่ในสคริป KC_L_S_API ที่ติดตั้งอยู่ในสคริปเซิร์ฟเวอร์ของคุณ ➜
ให้มองหา Config.UseCheckStatusLauncher และปรับให้เป็น true
และมองหา Config.UseSetLauncherStatusAPI และปรับให้เป็น true จากนั้นให้กดบันทึกและรันเซิร์ฟเวอร์

วิธีปิดใช้งาน
ให้เข้าไปเปิดไฟล์ config.lua ที่อยู่ในสคริป KC_L_S_API ที่ติดตั้งอยู่ในสคริปเซิร์ฟเวอร์ของคุณ ➜
ให้มองหา Config.UseCheckStatusLauncher และปรับให้เป็น false
และมองหา Config.UseSetLauncherStatusAPI และปรับให้เป็น false จากนั้นให้กดบันทึกและรันเซิร์ฟเวอร์

วิธีเปิดใช้งานระบบ Citizen Blacklist

ระบบ Citizen Blacklist คือระบบที่จะตรวจสอบไฟล์หรือโฟลเดอร์ใน FiveM ของผู้เล่น หากผู้เล่นมีไฟล์หรือโฟลเดอร์ที่ตรงกันกับที่ Admin เพิ่มไว้ในลิสต์ checkcitizen_blacklist.txt ผู้เล่นจะไม่สามารถเข้าเซิร์ฟเวอร์ได้

วิธีเปิดใช้งาน
ให้เข้าไปเปิดไฟล์ config.lua ที่อยู่ในสคริป KC_L_S_API ที่ติดตั้งอยู่ในสคริปเซิร์ฟเวอร์ของคุณ ➜
ให้มองหา Config.UseCheckCitizenBlacklist และปรับให้เป็น true จากนั้นให้กดบันทึกและรันเซิร์ฟเวอร์

วิธีปิดใช้งาน
ให้เข้าไปเปิดไฟล์ config.lua ที่อยู่ในสคริป KC_L_S_API ที่ติดตั้งอยู่ในสคริปเซิร์ฟเวอร์ของคุณ ➜
ให้มองหา Config.UseCheckCitizenBlacklist และปรับให้เป็น false จากนั้นให้กดบันทึกและรันเซิร์ฟเวอร์

วิธีเพิ่มรายชื่อไฟล์หรือโฟลเดอร์ใน Data Citizen Blacklist
คุณสามารถเพิ่มไฟล์หรือโฟลเดอร์ที่ต้องการ Blacklist ได้ด้วยวิธีการต่อไปนี้
*หากต้องการเพิ่มโฟลเดอร์*
ให้นำตำแหน่งโฟลเดอร์ที่ต้องการ Blacklist ใส่ไปในไฟล์ checkcitizen_blacklist.txt โดยไฟล์ดังกล่าวจะอยู่ในโฟลเดอร์ data ที่อยู่ในสคริป KC_L_S_API ที่ติดตั้งอยู่ในสคริปเซิร์ฟเวอร์ของคุณ โดยสามารถเพิ่มได้ตั้งแต่ FiveM.app ลงไปทั้งหมด อย่างเช่น หากต้องการ Blacklist โฟลเดอร์ action ซึ่งปกติตำแหน่งของโฟลเดอร์ action ที่อยู่ใน FiveM จะอยู่ใน Path C:\NAME\FiveM\FiveM.app\citizen\common\action ให้ทำการคัดลอกตั้งแต่ citizen\common\action ลงไป และนำไปใส่ในไฟล์ checkcitizen_blacklist.txt และเพิ่ม \ หลังชื่อโฟลเดอร์ เราจะได้ข้อความแบบนี้ citizen\common\action\ และหากต้องการเพิ่มโฟลเดอร์อีก 1 หรือ 2 หรือ 3 ให้ทำการกดปุ่ม Enter ให้ขึ้นบรรทัดใหม่ และเพิ่มโฟลเดอร์ที่ต้องต้องการเพิ่มได้เลย
*หากต้องการเพิ่มไฟล์*
ให้นำตำแหน่งของไฟล์ที่ต้องการ Blacklist ใส่ไปในไฟล์ checkcitizen_blacklist.txt โดยไฟล์ดังกล่าวจะอยู่ในโฟลเดอร์ data ที่อยู่ในสคริป KC_L_S_API ที่ติดตั้งอยู่ในสคริปเซิร์ฟเวอร์ของคุณ โดยสามารถเพิ่มได้ตั้งแต่ FiveM.app ลงไปทั้งหมด อย่างเช่น หากต้องการ Blacklist ไฟล์ interrelations.meta ซึ่งปกติตำแหน่งของไฟล์ interrelations.meta ที่อยู่ใน FiveM จะอยู่ใน Path C:\NAME\FiveM\FiveM.app\citizen\common\action\interrelations.meta ให้ทำการคัดลอกตั้งแต่ \citizen\common\action ลงไป และนำไปใส่ในไฟล์ checkcitizen_blacklist.txt และเพิ่ม \interrelations.meta หลัง \citizen\common\action เราจะได้ข้อความแบบนี้ citizen\common\action\interrelations.meta และหากต้องการเพิ่มไฟล์อีก 1 หรือ 2 หรือ 3 ให้ทำการกดปุ่ม Enter ให้ขึ้นบรรทัดใหม่ และเพิ่มไฟล์ที่ต้องการเพิ่มได้เลย

ตัวอย่าง

ตัวอย่าง Blacklist ไฟล์ เวลาใช้งานจริง

ตัวอย่าง Blacklist โฟลเดอร์ เวลาใช้งานจริง