เกี่ยวกับ Launcher

  • ชื่อโปรแกรม: KC Launcher V11
  • ภาษาที่ใช้เขียน: C#, HTML, CSS และ JavaScript
  • IDE: Visual Studio 2019 หรือ Visual Studio 2022
  • .NET Framework เวอร์ชั่น: 4.8, 4.7.2, 4.5
  • CSS Framework: Bootstrap 5

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

  • 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, 4.7.2, 4.5
  • หน้าจอแสดงผล: 1600*900
Note คุณสามารถโหลด .NET Framework ได้ที่นี่ ดาวน์โหลด .NET Framework 4.8 ดาวน์โหลด .NET Framework 4.7.2 ดาวน์โหลด .NET Framework 4.5

ดาวน์โหลด

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

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

การติดตั้ง Visual Studio 2019 หรือ 2022 Community

ทำการติดตั้งโปรแกรม Visual Studio 2019 หรือ 2022 Community บนเครื่อง 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 ของคุณก็พร้อมสำหรับใช้งานแล้ว

Note สำหรับ Visual Studio 2019 คุณจำเป็นต้องติดตั้ง .NET Framework 4.8 SDK เพื่อให้โปรเจคสามารถทำงานได้
วิธีติดตั้ง: ไปที่แท็บ Individual components บน Visual Studio Installer ➜ ติ๊กที่ .NET Framework 4.8 SDK ➜ คลิ๊กที่ปุ่ม Modity รอให้โปรแกรมทำการติดตั้งจนเสร็จ

การติดตั้ง XAMPP

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

Note โปรดอนุญาต Apache HTTP ใน Windows Firewall เพื่ออนุญาตให้เครื่องอื่นเข้าถึงได้ข้อมูล API ที่จำเป็นได้ วิธีตั้งค่า Windows Firewall

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

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

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

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

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

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

Note ก่อนทำการแตกไฟล์โปรดปิด Antivirus และหลังจากแตกไฟล์เสร็จโปรดทำการเพิ่มข้อยกเว้นสำหรับ Path C:\KC Launcher V11\ วิธีเพิ่มข้อยกเว้น
เพื่อไม่ให้ Antivirus ทำการลบไฟล์ที่จำเป็นสำหรับ Launcher ทิ้งอัตโนมัติ หลังจากเพิ่มข้อยกเว้นเสร็จคุณสามารถเปิด Antivirus ให้กลับมาทำงานเหมือนเดิมได้แล้ว
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

ติดตั้งสคริป KC_L_S_API

เข้าไปที่ C:\KC Launcher V11\ ➜ ทำการแตกไฟล์ KC_L_S_API.zip ➜ คัดลอกสคริป KC_L_S_API ไปที่ resources ในสคริปเซิร์ฟเวอร์ของคุณ ➜ ทำการเพิ่ม start KC_L_S_API ใน server.cfg ของคุณและทำการรันเซิร์ฟเวอร์ของคุณเพื่อเช็คว่าสคริปทำงานหรือไม่ หากสคริปทำงานจะมีข้อความขึ้นว่า
===========================================
Script Created by Kroekchai KC (Fujino N's)
Website https://fujinons.web.app/web/
Thank you for using KC Launcher :)
===========================================
แต่หากไม่! โปรดตรวจสอบว่าชื่อสคริปถูกต้องหรือไม่ หรือทำการแตกไฟล์ใหม่และลองอีกครั้ง

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

ติดตั้ง KC Launcher V11 Settings

เข้าไปที่ C:\KC Launcher V11\KC Launcher Settings\Setup และติดตั้ง KC Launcher Settings V11 Setup.exe บนเครื่อง PC ของคุณ

Note ขนาดหน้าจอของคุณควรสูงกว่าหรือเท่ากับ 1600x900 เพื่อใช้งาน KC Launcher Settings V11
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

เลือกบริการ Hosting สำหรับ UI Launcher

ทำการเลือกบริการ Hosting ระหว่าง Firebase Hosting และ Infinityfree หรือบนเครื่อง VPS ด้วย XAMPP Apache

  1. Firebase Hosting เป็นบริการของ Firebase ซึ่งสามารถใช้งานได้ฟรีและเสียเงิน โดยจะมีข้อจำกัดเช่น Download 10Gb/เดือน และพื้นที่จัดเก็บข้อมูล 10Gb เว็บไซต์ ข้อมูลเพิ่มเติม ราคา
  2. Infinityfree เป็นบริการที่สามารถใช้เป็นโฮสติ้งสําหรับเว็บไซต์ได้ฟรีและเสียเงิน โดยจะมีข้อจำกัดเช่น พื้นที่จัดเก็บข้อมูล 5Gb และแบนด์วิดท์ไม่จํากัด เว็บไซต์และข้อมูลเพิ่มเติม ราคา
  3. เครื่อง VPS ด้วย XAMPP Apache เป็นทางเลือกที่ดี สำหรับใช้เป็น Hosting UI Launcher โดยจะใช้ Service Apache ที่ติดมากับ XAMPP เพื่อเป็นเว็บเซิร์ฟเวอร์บนโพรโทคอล HTTP ที่ฟรีและควบคุมได้ง่าย รวมถึงการแก้ไขไฟล์ได้ทันทีโดยที่ไม่ต้องอัปโหลดไฟล์ไปที่อื่น
เลือกอย่างไดอย่างหนึ่ง

วิธีใช้ Hosting บน Firebase Hosting

ให้เข้าไปที่ Firebase Console และทำการ Login ให้เรียบร้อยและคลิ๊กที่ Create a project ➜ คลิ๊กที่ Continue ➜
หากมี Google Analytics for you Firebase project ให้ติ๊กออกและคลิ๊กที่ Create project หากมีข้อความขึ้นว่า 'Your new project is ready' ให้คลิ๊กที่ Continue ➜ คลิ๊กที่ Build และเลือก Hosting ➜ คลิ๊กที่ปุ่ม Get started ➜ ให้เข้าไปที่ Node.js และทำการดาวน์โหลด Node.js LTS และทำการติดตั้งตามปกติ ➜
เข้าไปที่ Path C:\KC Launcher V11\ ➜ คลิ๊กขวาเลือก New Folder และตั้งชื่อว่า WebUILauncher ➜ เข้าไปในโฟลเดอร์ WebUILauncher และคัดลอก Path เก็บไว้ ➜
เปิด Start Menu ของ Windows และค้นหา Command Prompt หรือใช้ชื่อ cmd และคลิ๊ก Run as administrator ➜
พิมพ์ cd และวาง Path ที่คัดลอกมา คุณจะได้ข้อความแบบนี้ cd C:\KC Launcher V11\WebUILauncher ➜ กดปุ่ม Enter ที่ Keyboard และใน Command Prompt ของคุณควรจะขึ้นข้อความแบบนี้ C:\KC Launcher V11\WebUILauncher>

กลับมาที่หน้าเว็บ Firebase Console และคัดลอก npm install -g firebase-tools ไปวางใน Command Prompt และกดปุ่ม Enter ที่ Keyboard รอจนกว่าการดาวน์โหลดเสร็จ ➜ กลับมาที่หน้าเว็บ Firebase Console และคลิ๊กที่ปุ่ม Next ให้คัดลอก firebase login ไปวางใน Command Prompt และกดปุ่ม Enter ที่ Keyboard
หากมีคำถามว่า Allow Firebase to collect CLI usage and error reporting information? (Y/n) ให้คุณเลือกตอบว่า Y = Yes หรือ N = No และกดปุ่ม Enter ที่ Keyboard จากนั้นโปรแกรมจะส่งคุณไปที่หน้า Login Firebase CLI ให้คุณเลือก Email เดียวกันกับที่คุณใช้ Login Firebase Console ➜ กลับมาที่หน้าเว็บ Firebase Console ให้คัดลอก firebase init ไปวางใน Command Prompt และกดปุ่ม Enter ที่ Keyboard
หากมีคำถามว่า Are you ready to proceed? (Y/n) ให้ตอบ Y และกดปุ่ม Enter ที่ Keyboard ➜
กดปุ่มลูกศรชี้ลง ⇩ ที่ Keyboard มาที่ Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys และกดปุ่ม Spacebar ที่ Keyboard ➜ กดปุ่ม Enter ที่ Keyboard ➜ เลือก Use an existing project และกดปุ่ม Enter ที่ Keyboard ➜ เลือกโปรเจคที่สร้างไว้และกดปุ่ม Enter ที่ Keyboard ➜
หากมีคำถามว่า What do you want to use as your public directory? (public) ให้กดปุ่ม Enter ที่ Keyboard ➜
หากมีคำถามว่า Configure as a single-page app (rewrite all urls to /index.html)? (y/N) ให้ตอบ Y และกดปุ่ม Enter ที่ Keyboard ➜
หากมีคำถามว่า Set up automatic builds and deploys with GitHub? (y/N) ให้ตอบ N และกดปุ่ม Enter ที่ Keyboard ➜ เข้าไปที่ Path C:\KC Launcher V11\ ➜
คัดลอกโฟลเดอร์ UI KC Launcher V11 ไปวางที่ Path C:\KC Launcher V11\WebUILauncher\public\ ➜ กลับมาที่หน้าเว็บ Firebase Console และคลิ๊กที่ปุ่ม Next ให้คัดลอก firebase deploy และคลิ๊กที่ปุ่ม Continue to console ➜ นำข้อความที่คัดลอกมาไปวางใน Command Prompt และกดปุ่ม Enter ที่ Keyboard รอให้โปรแกรมอัปโหลดเสร็จสิ้น.. ➜
ให้คัดลอก Hosting URL: https://NAMEPROJECT.web.app ไปเปิดบนเบราว์เซอร์ของคุณ ในแถบลิ้งค์ให้เพิ่ม https://NAMEPROJECT.web.app/UI KC Launcher V11/ และกดปุ่ม Enter ที่ Keyboard ➜ คุณจะเห็น UI Launcher ➜ ปิด Command Prompt ของคุณและเข้าไปที่ Path C:\KC Launcher V11\WebUILauncher\ ➜ คลิ๊กขวาเลือก New Text Document และตั้งชื่อว่า Deploy.bat ➜ คลิ๊กขวาทีไฟล์ Deploy.bat เลือก Edit ให้ข้อความ firebase deploy จากนั้นกดบันทึกและออกจาก Notepad เท่านี้ก็เป็นอันเสร็จสิ้น

Note โปรดคัดลอกลิ้งค์ https://NAMEPROJECT.web.app/UI%20KC%20Launcher%20V11/ เก็บไว้เพื่อใส่ในโปรแกรม KC Launcher Settings V11 ในหัวข้อ 'ลิ้งค์ UI Launcher'
Note หากคุณต้องการที่จะอัปโหลดไฟล์ขึ้นไปบน Hosting ให้เข้าไปที่ Path C:\KC Launcher V11\WebUILauncher\ วางไฟล์ที่ต้องการอัปโหลดลงในโฟลเดอร์ public และรันไฟล์ Deploy.bat จากนั้นให้รอให้โปรแกรมอัปโหลดเสร็จสิ้น... เท่านี้ก็เป็นอันเสร็จสิ้น
Note หากคุณมีการเปลี่ยนเครื่อง PC และหากต้องการอัปโหลดไฟล์ขึ้นไปบน Hosting อีกครั้งให้คุณเปิด Command Prompt ในฐานะ Administrator
จากนั้นพิมพ์ cd และวาง Path C:\KC Launcher V11\WebUILauncher\ คุณจะได้ข้อความแบบนี้ cd C:\KC Launcher V11\WebUILauncher\ กดปุ่ม Enter ที่ Keyboard และใน Command Prompt ของคุณควรจะขึ้นข้อความแบบนี้ C:\KC Launcher V11\WebUILauncher> ให้ใส่ข้อความ npm install -g firebase-tools ใน Command Prompt (คุณจำเป็นต้องติดตั้ง Node.js ก่อน) และกดปุ่ม Enter ที่ Keyboard รอจนกว่าการดาวน์โหลดเสร็จ จากนั้นให้ใส่ข้อความ firebase login ใน Command Prompt และกดปุ่ม Enter ที่ Keyboard จากนั้นโปรแกรมจะส่งคุณไปที่หน้า Login Firebase CLI ให้คุณเลือก Email เดียวกันกับที่คุณใช้ Login Firebase Console ในครั้งก่อน จากนั้นให้ใส่ข้อความ firebase deploy หรือรันไฟล์ Deploy.bat และรอให้โปรแกรมอัปโหลดเสร็จสิ้น... เท่านี้ก็เป็นอันเสร็จสิ้น
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

วิธีใช้ Hosting บน Infinityfree

ให้เข้าไปที่ Infinityfree และทำการสมัครชื่อผู้ใช้ให้เรียบร้อย และหลังจากที่ยืนยัน Email เรียบร้อยแล้ว ให้คลิ๊กที่ปุ่ม Create Account ➜
หัวข้อ Subdomain ให้ตั้งชื่อ Domain ที่ต้องการ ➜ จากนั้นกดปุ่ม Search Domain ➜
หัวข้อ Account Password ให้ตั้งรหัสผ่านของคุณ จากนั้นคลิ๊กที่ปุ่ม Create Account ➜ คลิ๊กที่ปุ่ม Open Control Panel ➜ หากมีการขออนุญาตให้คลิ๊กที่ปุ่ม I Approve ➜
รอสักครู่... คุณจะถูกส่งมาที่ VistaPanel ให้คลิ๊กที่ Online File Manager ➜ หากมีหน้าต่าง Login เด้งขึ้นมาให้กลับไปที่หน้าเว็บ Infinityfree ➜ คลิ๊กที่ Account คุณจะเจอ Account ที่คุณสร้างเมื่อสักครู่ ➜ คลิ๊กที่ปุ่ม Manager ➜ มองหา FTP Hostname และคัดลอก Hostname ➜ กลับมาที่หน้าเว็บ File Manager ➜ ในช่อง Host ให้ใส่ Hostname ที่คัดลอกมาลงในช่อง ➜
กลับมาที่หน้าเว็บ Infinityfree และมองหา FTP Password และคัดลอก Password ➜ กลับมาที่หน้าเว็บ File Manager ➜ ในช่อง Password ให้ใส่ Password ที่คัดลอกมาลงในช่อง และกดปุ่ม Connect
คุณจะเจอกับ 1 โฟลเดอร์และ 3 ไฟล์

  • htdocs
  • .htaccess
  • .override
  • DO NOT UPLOAD FILES HERE
ให้คุณกดเข้าไปในโฟลเดอร์ htdocs คุณจะเจอกับไฟล์ 2 ไฟล์
  • files for your website should be uploaded here!
  • index2.html
ให้คลิ๊กที่ไอค่อนอัปโหลดและคลิ๊กที่ Upload Folder... ➜ เข้าไปที่ Path C:\KC Launcher V11\UI KC Launcher V11\ และคลิ๊กอัปโหลด จากนั้นให้รอการอัปโหลดเสร็จสิ้น.. ➜
กลับมาที่กลับไปที่หน้าเว็บ Infinityfree ➜ มองหาหัวข้อ Domains and Subdomains ➜ เข้าไปที่ Domain ของคุณ ในแถบลิ้งค์ให้เพิ่ม http://NAMEDOMAIN.rf.gd/UI KC Launcher V11/ และกดปุ่ม Enter ที่ Keyboard ➜ คุณจะเห็น UI Launcher เท่านี้ก็เป็นอันเสร็จสิ้น

Note โปรดคัดลอกลิ้งค์ http://NAMEDOMAIN.rf.gd/UI%20KC%20Launcher%20V11/ เก็บไว้เพื่อใส่ในโปรแกรม KC Launcher Settings V11 ในหัวข้อ 'ลิ้งค์ UI Launcher'
Note หากกดปุ่ม Search Domain แล้วไม่สามารถสร้าง Account ได้ โปรดใช้ Domain อื่นและลองอีกครั้ง
Note หากคุณต้องการที่จะอัปโหลดไฟล์ขึ้นไปบน Hosting ให้เข้าไปที่หน้าเว็บ Infinityfree ➜ คลิ๊กที่ Account คุณจะเจอ Account ที่คุณสร้างไว้ ➜ คลิ๊กที่ปุ่ม Manager ➜ คลิ๊กที่ปุ่ม File Manager ➜ ให้คุณกดเข้าไปในโฟลเดอร์ htdocs ➜ ให้คลิ๊กที่ไอค่อนอัปโหลดและคลิ๊กที่ Upload Folder... ➜ เข้าไปที่ Path C:\KC Launcher V11\UI KC Launcher V11\ และคลิ๊กอัปโหลด จากนั้นให้รอการอัปโหลดเสร็จสิ้น...เท่านี้ก็เป็นอันเสร็จสิ้น
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

วิธีใช้ Hosting บน เครื่อง VPS ด้วย XAMPP Apache

เข้าไปในเครื่อง VPS ของคุณ ➜ เข้าไปที่ Path C:\xampp\htdocs\ และให้สร้างโฟลเดอร์ชื่อ my-launcher ➜ จากนั้นให้เข้าไปในโฟลเดอร์ my-launcher ➜
กลับมาที่ PC ของคุณ และเข้าไปที่ Path C:\KC Launcher V11\ ➜ ให้คัดลอกโฟลเดอร์ UI KC Launcher V11 ➜ กลับมาที่เครื่อง VPS ของคุณ ➜
วางโฟลเดอร์ UI KC Launcher V11 ที่คัดลอกมา ลงในโฟลเดอร์ my-launcher ➜ จากนั้นกลับมาที่ PC ของคุณ และเปิดเบราว์เซอร์ของคุณ ในแถบลิ้งค์ให้เพิ่ม เลข IP เครื่อง VPS ของคุณ และให้เพิ่ม /my-launcher/UI KC Launcher V11/ ตามท้ายเลข IP และกดปุ่ม Enter ที่ Keyboard ➜ คุณจะเห็น UI Launcher เท่านี้ก็เป็นอันเสร็จสิ้น

NOTE บนโปรแกรม XAMPP โปรดเปิดใช้งาน Service Apache ไว้ตลอดเวลา
NOTE หากคุณไม่สามารถเข้าถึงลิ้งค์ได้ โปรดอนุญาต Apache HTTP ใน Windows Firewall วิธีตั้งค่า Windows Firewall
Note โปรดคัดลอกลิ้งค์ http://123.456.7.89/my-launcher/UI%20KC%20Launcher%20V11/ เก็บไว้เพื่อใส่ในโปรแกรม KC Launcher Settings V11 ในหัวข้อ 'ลิ้งค์ UI Launcher'
Note สำหรับตัวเลือก วิธีใช้ Hosting บนเครื่อง VPS ด้วย XAMPP Apache หากต้องการแก้ไข UI Launcher คุณสามารถเข้าไปแก้ไขใน C:\xampp\htdocs\my-launcher\UI KC Launcher V11\ ได้โดยตรงทันที โดยไม่ต้องอัพโหลด UI KC Launcher V11 ใหม่ เหมือนตัวเลือกอื่นๆ

ตั้งค่า Launcher

ทำการเปิดโปรแกรม KC Launcher Settings V11 ที่อยู่ใน Start Menu หรือที่หน้า Desktop ของคุณ ➜ ทำการตั้งค่า Launcher ของคุณให้เรียบร้อย ➜ คลิ๊กที่ปุ่ม SAVE หนึ่งครั้งเพื่อบันทึกการตั้งค่าของคุณ และออกจากโปรแกรม

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

Restore NuGet Packages

เข้าไปที่ C:\KC Launcher V11\ และเปิดไฟล์ KC Launcher V11.sln หลังจากที่โปรเจคเปิดขึ้นมาให้ทำการ Restore NuGet Packages และทำการ Build (วิธี Build เขียนอยู่ในไฟล์ ServiceConfig.cs หรือทำตามวิดีโอตัวอย่าง) เมื่อทำการ Build เสร็จ คุณสามารถกดที่ปุ่ม Start เพื่อเช็คว่าโปรแกรมค่าเริ่มต้นทำงานได้หรือไม่ ➜ หลังจากกดปุ่ม Start จะมีแจ้งเตือนขึ้นมา ➜ ให้กด Yes เพื่อรัน Launcher และ Service พร้อมกัน
(หากกด No Launcher จะทำงานเพียงอย่างเดียวเหมาะสำหรับเวลาแก้ไข UI)

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

ตั้งค่าโปรเจค

หลังจากที่โปรเจคเปิดขึ้นมาคุณจะเจอกับไฟล์ ServiceConfig.cs, _SETTINGS.cs, SettingApp.cs ที่ปักหมุดไว้ แต่หากคุณไม่เจอให้เข้าไปที่ Fujino.KCLauncher.Service.Client ➜ ServiceConfig.cs
และเข้าไปที่ _launcher ➜ _SETTINGS.cs และเข้าไปที่ KC Start Launcher ➜ SettingApp.cs และเข้าไปที่ ServiceConfig.cs และทำการเปิดโปรแกรม Free Key Generator.exe ที่อยู่ใน C:\KC Launcher V11\Project Tools\Free Key Generator หลังจากเปิดโปรแกรม Free Key Generator ขึ้นมาให้ปรับ Key length เป็น 50 และคลิ๊ก Generate และคลิ๊ก Copy to clipboard ➜
นำข้อความที่คัดลอกมาใส่ลงใน ServiceConfig.cs ➜ PasswordEncryptionDataFile = "วางที่นี่";
และใน _SETTINGS.cs ➜ Password_Encryption = "วางที่นี่";
และเข้าไปที่ SettingApp.cs ➜ ApplicationNameForShow = "ตั้งชื่อโปรแกรมเช่น ชื่อเซิร์ฟเวอร์ของคุณ" และกลับมาที่ ServiceConfig.cs

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

เลือกบริการจัดเก็บข้อมูลและตั้งค่า

ทำการเลือกบริการจัดเก็บข้อมูลระหว่าง RealTime Database และ n:point และบนเว็บไซต์ของคุณ หรือบนเครื่อง VPS ของคุณ

  1. จัดเก็บบน RealTime Database เป็นบริการของ Firebase ซึ่งสามารถใช้งานได้ฟรีและเสียเงิน โดยจะถูกจำกัดการเข้าถึงข้อมูลเช่น Download 10Gb/เดือน(360Md ต่อวัน) และพื้นที่จัดเก็บข้อมูล 1Gb เว็บไซต์ ข้อมูลเพิ่มเติม ราคา
  2. จัดเก็บบน n:point เป็นบริการที่สามารถเก็บขอมูล Json ได้ฟรี โดยจะถูกจำกัดการเข้าถึงข้อมูลที่ 100 คําขอ/นาที ต่อ IP Address หรือ 600 คําขอ/นาที ต่อ JSON bin เว็บไซต์และข้อมูลเพิ่มเติม
  3. จัดเก็บบน เว็บไซต์ของคุณ (หรือที่จัดเก็บไฟล์ที่สามารถดึงเป็นประเภท RAW ได้ เช่น Github) เป็นทางเลือกที่ดีที่สุดถ้าคุณมีเว็บไซต์ของตัวเองและ Bandwidth ที่เพียงพอ และถ้าคุณต้องการเข้ารหัสไฟล์ข้อมูลการตั้งค่าของคุณ วิธีนี้คือคำตอบ
  4. จัดเก็บบน เครื่อง VPS ด้วย XAMPP Apache เป็นทางเลือกสุดท้าย สำหรับการจัดเก็บข้อมูลและตั้งค่า โดยจะใช้ Service Apache ที่ติดมากับ XAMPP เพื่อเป็นเว็บเซิร์ฟเวอร์บนโพรโทคอล HTTP ที่ฟรีและควบคุมได้ และถ้าคุณต้องการเข้ารหัสไฟล์ข้อมูลการตั้งค่าของคุณ วิธีนี้คือคำตอบ แต่อย่างไรก็ตาม การจัดเก็บข้อมูลและตั้งค่าด้วยวิธีนี้อาจไม่มั่นคงนัก เนื่องจากวิธีนี้เหมาะสำหรับเครื่อง VPS ส่วนตัวที่ไม่มีการเปลี่ยน IP ภายหลัง หากคุณต้องมีการเปลี่ยนเครื่อง VPS ในภายหลัง โปรดอย่าใช้งานวิธีนี้!
เลือกอย่างไดอย่างหนึ่ง
  • วิธีตั้งค่าสำหรับการจัดเก็บบน RealTime Database (ไม่แนะนำ หากคุณใช่เวอร์ชั่นฟรี Bandwidth อาจไม่เพียงพอ, ยากช่วงแรก, สะดวกภายหลัง)
  • วิธีตั้งค่าสำหรับการจัดเก็บบน n:point (แนะนำ, ง่าย)
  • วิธีตั้งค่าสำหรับการจัดเก็บบน เว็บไซต์ของคุณ (แนะนำ, ง่าย)
  • วิธีตั้งค่าสำหรับการจัดเก็บบน เครื่อง VPS ด้วย XAMPP Apache ( ไม่แนะนำ หากคุณต้องมีการเปลี่ยนเครื่อง VPS ในภายหลัง, ง่าย, ไม่มั่นคง)

วิธีตั้งค่าสำหรับการจัดเก็บบน RealTime Database

แนะนำ หากคุณมีบัญชีที่สร้าง Firebase Hosting อยู่แล้วให้คุณข้ามการสมัครใหม่ไปที่ คลิ๊กที่ Build และเลือก Realtime Database ได้เลย

ให้เข้าไปที่ Firebase Console และทำการ Login ให้เรียบร้อยและคลิ๊กที่ Create a project ➜ คลิ๊กที่ Continue ➜
หากมี Google Analytics for you Firebase project ให้ติ๊กออกและคลิ๊กที่ Create project ➜ หากมีข้อความขึ้นว่า 'Your new project is ready' ให้คลิ๊กที่ Continue ➜ คลิ๊กที่ Build และเลือก Realtime Database ➜
คลิ๊กที่ Create Database และเลือก Database location เป็น Singapore และคลิ๊กที่ Next และคลิ๊กที่ Enable ➜ คลิ๊กที่ไอค่อน ➜ คลิ๊กที่ Import JSON ➜ คลิ๊กที่ Browse ➜ ไปที่ Path C:\KC Launcher V11\ และเลือกไฟล์ KC Data Realtime Database for import.json ➜ คลิ๊ก Import ➜ คุณจะได้ Data แบบนี้
KC Launcher AutoUpdate
└───_status: true
KC Launcher Service API
└───_status: true
KC Launcher Settings
└───_status: true
 คัดลอกลิ้งค์ https://NAMEPROJECT-default-rtdb.asia-southeast1.firebasedatabase.app/ ของคุณ ➜ เปิดโปรแกรม KC Launcher Settings V11 ➜ คลิ๊กที่ปุ่ม SAVE ➜
วางลิ้งค์ที่คัดลอกมาลงในช่อง 'ลิ้งค์ Realtime Database' ➜ คลิ๊กที่ไอค่อนฟันเฟืองและเลือก Project settings ➜ คลิ๊กที่ Service accounts และเลือก Database Secrets ➜
คลิ๊ก Show Secret และคัดลอก Database Secret ➜ กลับมาที่โปรแกรม KC Launcher Settings V11 ➜ วางคีย์ที่คัดลอกมาลงในช่อง 'คีย์ Database Secrets' ➜ คลิ๊กที่ปุ่ม 'Login and Deploy'

ไปที่สคริป KC_L_S_API ที่ติดตั้งในสคริปเซิร์ฟเวอร์ของคุณ ➜ เปิดไฟล์ KCLauncher.Service.AppReader.exe ➜ ว่างลิ้งค์ Realtime Database ลงในช่อง 'ลิ้งค์ Realtime Database' ➜
และวางคีย์ Database Secrets ลงในช่อง 'คีย์ Database Secrets' ➜ เปิดไฟล์ server.cfg ของเซิร์ฟเวอร์คุณและตรวจสอบ Port ที่อยู่ใน server.cfg ว่าตรงกับ 'ลิ้งค์เซิร์ฟเวอร์ API' หรือไม่?
หากไม่ตรงโปรดเปลี่ยน Port ที่อยู่ใน 'ลิ้งค์เซิร์ฟเวอร์ API' ให้ตรงกันกับใน server.cfg ➜ ทำการรันเซิร์ฟเวอร์ของคุณ ➜ กลับมาที่โปรแกรม KCLauncher.Service.AppReader.exe ➜
คลิ๊กที่ปุ่ม RUN เพื่อให้โปรแกรม KCLauncher.Service.AppReader.Console.exe ทำการส่งข้อมูลไปที่ RealTime Database ➜ กลับมาที่ Firebase Console จะมีการเพิ่ม Data kc_playercount, kc_playermax และ kc_serverstatus

กลับมาที่โปรเจค KC Launcher V11 ไฟล์ ServiceConfig.cs ➜ UseRealTimeDatabase ให้ปรับเป็น true ➜ Database_BasePath ให้ใส่ลิ้งค์ Realtime Database ลงใน "ที่นี่" ➜ Database_AuthSecret ให้ใส่คีย์ Database Secrets ลงใน "ที่นี่" ➜ ทำการ Build และทดสอบโปรแกรม

Note หากไม่สามารถเปิดโปรแกรม KCLauncher.Service.AppReader.exe ได้ โปรดติดตั้ง .NET Framework 4.5 บนเครื่อง VPS ของคุณ ดาวน์โหลด .NET Framework 4.5
Note โปรแกรม KCLauncher.Service.AppReader.Console.exe ควรจะโชว์ข้อความ ***CONNECTED SUCCESSFULLY*** แต่หากว่าโปรแกรมโชว์ข้อความ ***CONNECT FAILED*** ในขณะที่เซิร์ฟเวอร์ออนไลน์ โปรดตรวจสอบว่าลิ้งค์ถูกต้องหริอไม่ 'http://localhost:PORTSERVER/KC_L_S_API/'
Note หากคุณมีการเปลี่ยนแปลงข้อมูลการตั้งค่าหลังจากแจกจ่ายให้ผู้ใช้ของคุณแล้ว โปรดทำการอัพเดตข้อมูลไปที่ Realtime Database โดยการที่เปิดโปรแกรม KC Launcher Settings V11 ➜
คลิ๊กที่ปุ่ม SAVE ➜ วางลิ้งค์ Realtime Database ลงในช่อง 'ลิ้งค์ Realtime Database' (หากมีแล้วไม่ต้องทำอีกครั้ง) ➜ วางคีย์ Database Secrets ลงในช่อง 'คีย์ Database Secrets' (หากมีแล้วไม่ต้องทำอีกครั้ง) ➜ คลิ๊กที่ปุ่ม 'Login and Deploy' เพื่อให้ Launcher ของฝั่งผู้ใช้ได้ข้อมูลชุดเดียวกันกับของคุณ
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

วิธีตั้งค่าสำหรับการจัดเก็บบน n:point

ให้เข้าไปที่ n:point.io และทำการ Login ให้เรียบร้อย ➜ คลิ๊กที่ปุ่ม +New ➜ เปิดโปรแกรม KC Launcher Settings V11 ➜ ให้คัดลอกลิ้งค์นี้ http://IPSERVER:PORTSERVER/KC_L_S_API/ ใส่ลงในช่องลิ้งค์เซิร์ฟเวอร์ API ➜ ทำการรันเซิร์ฟเวอร์ของคุณ ➜ หลังจากรันเซิร์ฟเวอร์แล้วให้คลิ๊กที่ปุ่ม Test บนโปรแกรม KC Launcher Settings V11 หากคุณมองเห็นข้อความ {"kc_playercount":0,"_connected":1,"kc_playermax":1024} หรือข้อความที่คล้ายกัน นั้นหมายถึงลิ้งค์สามารถใช้งานได้ ➜
คลิ๊กที่ปุ่ม SAVE ➜ คลิ๊กที่ปุ่ม Export to Json file ➜ จะมีแจ้งเตือนขึ้นมา ให้กด OK ➜ โปรแกรมจะพาคุณไปที่โฟลเดอร์ Data Export ➜
เปิดไฟล์ Data KC Packages for n.point.txt ด้วยโปรแกรม Notepad++ และคัดลอกข้อความที่อยู่ข้างในทั้งหมด (Ctrl + A) ➜

กลับมาที่ n:point.io และวางข้อความที่คัดลอกมาทับแทนที่ข้อความเดิม (Ctrl + A และ Ctrl + V) ➜ คลิ๊กที่ปุ่ม Save ➜ คลิ๊กที่ไอค่อน✎เพื่อเปลี่ยนชื่อที่จัดเก็บ และกดปุ่ม Enter ที่ Keyboard ➜
คัดลอกลิ้งค์ตรงข้อความ 'This bin is available at https://api.npoint.io/????' ➜ กลับมาที่โปรเจค KC Launcher V11 ไฟล์ ServiceConfig.cs ➜
UseRealTimeDatabase ให้ปรับเป็น false ➜ KCPackagesURL ให้ใส่ลิ้งค์ที่คัดลอกมาลงใน "ที่นี่" ➜ KCPackagesUsePassword ให้ปรับเป็น false ➜ ทำการ Build และทดสอบโปรแกรม

Note หากคุณไม่สามารถเข้าถึงลิ้งค์ได้ โปรดติดตั้งสคริป KC_L_S_API ในเซิร์ฟเวอร์ของคุณและ Start เซิร์ฟเวอร์ของคุณและลองอีกครั้ง วิธีติดตั้งสคริป KC_L_S_API
และหากคุณไม่สามารถเข้าถึงลิ้งค์ได้โปรดอนุญาต Apache HTTP ใน Windows Firewall วิธีตั้งค่า Windows Firewall
Note หากคุณมีการเปลี่ยนแปลงข้อมูลการตั้งค่าหลังจากแจกจ่ายให้ผู้ใช้ของคุณแล้ว โปรดทำการอัปโหลดข้อมูลไฟล์ Data KC Packages for n.point.txt ที่อยู่ในโฟลเดอร์ Data Export ของโปรแกรม KC Launcher Settings V11 โดยการคลิ๊กที่ปุ่ม SAVE ➜ คลิ๊กที่ปุ่ม Export to Json file ➜ จะมีแจ้งเตือนขึ้นมา ให้กด OK ➜ โปรแกรมจะพาคุณไปที่โฟลเดอร์ Data Export ➜ เปิดไฟล์ Data KC Packages for n.point.txt และคัดลอกข้อความที่อยู่ข้างในทั้งหมดไปที่ n:point.io โดยไปที่ n:point.io และทำการ Login ให้เรียบร้อย ➜ คลิ๊กที่โปรไฟล์ของคุณ ➜ คลิ๊กที่ My Documents ➜ หาที่คุณตั้งชื่อไว้และเข้าไปในนั้น ➜ วางข้อความที่คัดลอกมาทับแทนที่ข้อความเดิม (Ctrl + A และ Ctrl + V) ➜ คลิ๊กที่ปุ่ม Save เพื่อให้ Launcher ของฝั่งผู้ใช้ได้ข้อมูลชุดเดียวกันกับของคุณ
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

วิธีตั้งค่าสำหรับการจัดเก็บบน เว็บไซต์ของคุณ

เปิดโปรแกรม KC Launcher Settings V11 ➜ ให้คัดลอกลิ้งค์นี้ http://IPSERVER:PORTSERVER/KC_L_S_API/ ใส่ลงในช่องลิ้งค์เซิร์ฟเวอร์ API ➜ ทำการรันเซิร์ฟเวอร์ของคุณ ➜
หลังจากรันเซิร์ฟเวอร์แล้วให้คลิ๊กที่ปุ่ม Test บนโปรแกรม KC Launcher Settings V11 หากคุณมองเห็นข้อความ {"kc_playercount":0,"_connected":1,"kc_playermax":1024} หรือข้อความที่คล้ายกัน นั้นหมายถึงลิ้งค์สามารถใช้งานได้ ➜ คลิ๊กที่ปุ่ม SAVE ➜ ในช่อง รหัสผ่านสำหรับเข้ารหัสไฟล์ kc_packages.json คุณสามารใส่รหัสสำหรับเข้ารหัสไฟล์ kc_packages.json ได้ ➜ คลิ๊กที่ปุ่ม Export to Json file ➜ จะมีแจ้งเตือนขึ้นมา ให้กด OK ➜ โปรแกรมจะพาคุณไปที่โฟลเดอร์ Data Export ➜ คัดลอกไฟล์ kc_packages.json และอัปโหลดไปที่เว็บไซต์ของคุณ ➜ คัดลอกที่อยู่ไฟล์ kc_packages.json ที่อยู่บนเว็บไซต์ของคุณ

กลับมาที่โปรเจค KC Launcher V11 ไฟล์ ServiceConfig.cs ➜ UseRealTimeDatabase ให้ปรับเป็น false ➜ KCPackagesURL ให้ใส่ลิ้งค์ที่คัดลอกมาลงใน "ที่นี่"

หากคุณเข้ารหัสไว้
KCPackagesUsePassword ให้ปรับเป็น true
KCPackagesPassword ให้ใส่รหัส "ที่นี่" ➜ ทำการ Build และทดสอบโปรแกรม

หากคุณไม่ได้เข้ารหัสไว้
KCPackagesUsePassword ให้ปรับเป็น false ➜ ทำการ Build และทดสอบโปรแกรม

Note บริการ Hosting บางเจ้าอาจไม่รองรับการอ่านไฟล์ JSON!
Note หากคุณไม่สามารถเข้าถึงลิ้งค์ได้ โปรดติดตั้งสคริป KC_L_S_API ในเซิร์ฟเวอร์ของคุณและ Start เซิร์ฟเวอร์ของคุณและลองอีกครั้ง วิธีติดตั้งสคริป KC_L_S_API
และหากคุณไม่สามารถเข้าถึงลิ้งค์ได้โปรดอนุญาต Apache HTTP ใน Windows Firewall วิธีตั้งค่า Windows Firewall
Note หากคุณมีการเปลี่ยนแปลงข้อมูลการตั้งค่าหลังจากแจกจ่ายให้ผู้ใช้ของคุณแล้ว โปรดทำการอัปโหลดไฟล์ kc_packages.json ที่อยู่ในโฟลเดอร์ Data Export ของโปรแกรม KC Launcher Settings V11 โดยการคลิ๊กที่ปุ่ม SAVE ➜ คลิ๊กที่ปุ่ม Export to Json file ➜ จะมีแจ้งเตือนขึ้นมา ให้กด OK ➜ โปรแกรมจะพาคุณไปที่โฟลเดอร์ Data Export ➜ และนำไฟล์ kc_packages.json ไปแทนที่ไฟล์เดิมที่อยู่บนเว็บไซต์ของคุณใหม่อีกครั้ง เพื่อให้ Launcher ของฝั่งผู้ใช้ได้ข้อมูลชุดเดียวกันกับของคุณ
Warning! หากไฟล์เดิมก่อนหน้าเข้ารหัสไว้ ไฟล์ใหม่ที่คุณกำลังจะอัปโหลดขึ้นไปต้องเป็นรหัสเดิมเท่านั้น!
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

วิธีตั้งค่าสำหรับการจัดเก็บบน เครื่อง VPS ด้วย XAMPP Apache

แนะนำ คุณสามารถถอนการติดตั้งโปรแกรม KC Launcher V11 Settings ที่ติดตั้งบนเครื่อง PC ของคุณได้ เนื่องจากเราจะย้ายไปตั้งค่าบนเครื่อง VPS
แนะนำ หากคุณสร้างโฟลเดอร์ชื่อ my-launcher ไว้อยู่แล้ว ให้คุณข้ามการสร้างโฟลเดอร์ไปที่ จากนั้นให้เข้าไปในโฟลเดอร์ my-launcher ได้เลย

เข้าไปในเครื่อง VPS ของคุณ ➜ เข้าไปที่ Path C:\xampp\htdocs\ และให้สร้างโฟลเดอร์ชื่อ my-launcher ➜ จากนั้นให้เข้าไปในโฟลเดอร์ my-launcher ➜
กลับมาที่ PC ของคุณ และเข้าไปที่ Path C:\KC Launcher V11\KC Launcher Settings\bin\Release\ ➜ ให้คัดลอกไฟล์ทั้งหมดที่อยู่ในโฟลเดอร์ Release ➜
กลับมาที่เครื่อง VPS ของคุณ ➜ วางไฟล์ที่คัดลอกมา ลงในโฟลเดอร์ my-launcher ➜ หลังจากวางไฟล์เสร็จให้เปิดโปรแกรม KC Launcher Settings.exe ➜

ให้คัดลอกลิ้งค์นี้ http://IPSERVER:PORTSERVER/KC_L_S_API/ ใส่ลงในช่องลิ้งค์เซิร์ฟเวอร์ API ➜ ทำการรันเซิร์ฟเวอร์ของคุณ ➜
หลังจากรันเซิร์ฟเวอร์แล้วให้คลิ๊กที่ปุ่ม Test บนโปรแกรม KC Launcher Settings V11 หากคุณมองเห็นข้อความ {"kc_playercount":0,"_connected":1,"kc_playermax":1024} หรือข้อความที่คล้ายกัน นั้นหมายถึงลิ้งค์สามารถใช้งานได้ ➜ คลิ๊กที่ปุ่ม SAVE ➜ ในช่อง รหัสผ่านสำหรับเข้ารหัสไฟล์ kc_packages.json คุณสามารใส่รหัสสำหรับเข้ารหัสไฟล์ kc_packages.json ได้ ➜
คลิ๊กที่ปุ่ม Export to Json file ➜ จะมีแจ้งเตือนขึ้นมา ให้กด X ➜ ออกจากโปรแกรม KC Launcher Settings V11 ➜ จากนั้นกลับมาที่ PC ของคุณ และเปิดเบราว์เซอร์ของคุณ ในแถบลิ้งค์ให้เพิ่ม เลข IP เครื่อง VPS ของคุณ และให้เพิ่ม /my-launcher/Data Export/kc_packages.json/ ตามท้ายเลข IP และกดปุ่ม Enter ที่ Keyboard ➜
คุณจะเห็นข้อมูลการตั้งค่าทั้งหมดของคุณ (หากคุณเข้ารหัสไฟล์ kc_packages.json ไว้ คุณจะเห็นเป็นข้อความที่ไม่สามารถอ่านให้เข้าใจได้) ➜
ให้คัดลอกลิ้งค์ http://123.456.7.89/my-launcher/Data%20Export/kc_packages.json/

กลับมาที่โปรเจค KC Launcher V11 ไฟล์ ServiceConfig.cs ➜ UseRealTimeDatabase ให้ปรับเป็น false ➜ KCPackagesURL ให้ใส่ลิ้งค์ที่คัดลอกมาลงใน "ที่นี่"

หากคุณเข้ารหัสไว้
KCPackagesUsePassword ให้ปรับเป็น true
KCPackagesPassword ให้ใส่รหัส "ที่นี่" ➜ ทำการ Build และทดสอบโปรแกรม

หากคุณไม่ได้เข้ารหัสไว้
KCPackagesUsePassword ให้ปรับเป็น false ➜ ทำการ Build และทดสอบโปรแกรม

NOTE บนโปรแกรม XAMPP โปรดเปิดใช้งาน Service Apache ไว้ตลอดเวลา
NOTE หากคุณไม่สามารถเข้าถึงลิ้งค์ได้ โปรดอนุญาต Apache HTTP ใน Windows Firewall วิธีตั้งค่า Windows Firewall
NOTE สำหรับตัวเลือก วิธีตั้งค่าสำหรับการจัดเก็บบน บนเครื่อง VPS ด้วย XAMPP Apache หากต้องการแก้ไขข้อมูลการตั้งค่า คุณสามารถเข้าไปที่ Path C:\xampp\htdocs\my-launcher\ บนเครื่อง VPS และเปิดโปรแกรม KC Launcher Settings.exe และตั้งค่าได้โดยตรงทันที โดยไม่ต้องอัพโหลดไฟล์ kc_packages.json ไปที่อื่นเหมือนตัวเลือกอื่นๆ
NOTE คุณสามารถคลิ๊กขวาที่ไฟล์ KC Launcher Settings.exe ➜ เลือก Send to ➜ เลือก Desktop (create shorctut) ➜ เพื่อสร้าง Shorctut ได้
Warning! หากข้อมูลก่อนหน้าเข้ารหัสไว้ ข้อมูลใหม่ที่คุณกำลังจะแก้ไขต้องใช้รหัสเดิมเท่านั้น!

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

โปรดเตรียมไฟล์รูปสำหรับใช้เป็นหน้าโหลดโปรแกรม ขนาด 560x280 และตั้งชื่อไฟล์เป็น app bg.jpg เท่านั้น!
จากนั้นเข้าไปที่ Path C:\KC Launcher V11\FileBuild\resource\ ➜ นำไฟล์รูปที่ต้องการเปลี่ยนมาว่างทับไฟล์เดิม เท่านี้ก็เป็นอันเสร็จสิ้น

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

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

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

เข้าไปที่ KC Start Launcher ➜ คลิ๊กขวาที่ KC Start Launcher ➜ เลือก Add ➜ เลือก Existing Item... ➜ เปลี่ยนจาก Visual C# Files เป็น All Files ➜
เลือกไฟล์ Logo ของคุณที่เป็นประเภท ICO ➜ คลิ๊ก Add จากนั้นคลิ๊กขวาที่ KC Start Launcher ➜ เลือก Properties ➜ เลือกหัวข้อ Application ➜
หัวข้อ Icon คลิ๊กที่ลูกศรชี้ลง ⇩ ➜ เลือกไฟล์ Logo ของคุณ และทำการ Build เป็นอันเสร็จสิ้น

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

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

โปรดเตรียมไฟล์รูปสำหรับใช้เป็นหน้าโหลด UI Launcher ขนาด 1280x690 และตั้งชื่อไฟล์เป็น apploading. PNG, JPG หรือ GIF (เลือกอย่างไดอย่างหนึ่ง)
จากนั้นเข้าไปที่ Path C:\KC Launcher V11\FileBuild\launcher\appresources\ ➜ นำไฟล์รูปที่ต้องการเปลี่ยนมาว่างทับไฟล์เดิม เท่านี้ก็เป็นอันเสร็จสิ้น

Note โปรแกรมจะเรียงลำดับความสำคัญของประเภทไฟล์ดังนี้ 1.apploading.gif ➜ 2.apploading.jpg ➜ 3.apploading.png
ตัวอย่าง: หากโปรแกรมเจอไฟล์ลำดับ1ก่อน ลำดับ2และลำดับ3จะไม่ถูกอ่าน
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

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

โปรดเตรียมไฟล์รูปสำหรับ Logo/Icon Launcher ขนาด 200x200 และตั้งชื่อไฟล์เป็น appicon.ico หากคุณมีแค่ไฟล์ประเภท PNG คุณสามารถแปลงไฟล์ PNG เป็น ICO ได้ ที่นี่เลย
จากนั้นเข้าไปที่ Path C:\KC Launcher V11\FileBuild\launcher\appresources\ ➜ นำไฟล์ Logo/Icon ที่ต้องการเปลี่ยนมาว่างทับไฟล์เดิม เท่านี้ก็เป็นอันเสร็จสิ้น

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

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

Note เนื่องจาก UI Launcher ถูกเขียนด้วยภาษา HTML, CSS และ JavaScript หากคุณไม่เคยเขียนภาษาดังกล่าว คุณสามารถศึกษาได้ที่ W3Schools เพื่อคุณจะได้สามารถปรับแต่งได้มากขึ้น
Note หากคุณใช้ Hosting บนเครื่อง VPS ด้วย XAMPP Apache ให้เข้าไปใน Path C:\xampp\htdocs\my-launcher\UI KC Launcher V11\ บนเครื่อง VPS แทน Path C:\KC Launcher V11\UI KC Launcher V11\บนเครื่อง PC ของคุณ!

เข้าไปที่โปรแกรม Visual Studio Code ➜ คลิ๊กที่ File ➜ Open Folder... ➜ เข้าไปที่ Path C:\KC Launcher V11\UI KC Launcher V11\ ➜ คลิ๊กที่ index.html ➜ แก้ไขตามที่คุณต้องการ จากนั้นกดบันทึกและอัปโหลด UI Launcher ไปที่ Hosting เท่านี้ก็เป็นอันเสร็จสิ้น

เปลี่ยนรูปพื้นหลัง UI Launcher

Note เนื่องจาก UI Launcher ถูกเขียนด้วยภาษา HTML, CSS และ JavaScript หากคุณไม่เคยเขียนภาษาดังกล่าว คุณสามารถศึกษาได้ที่ W3Schools เพื่อคุณจะได้สามารถปรับแต่งได้มากขึ้น
Note หากคุณใช้ Hosting บนเครื่อง VPS ด้วย XAMPP Apache ให้เข้าไปใน Path C:\xampp\htdocs\my-launcher\UI KC Launcher V11\ บนเครื่อง VPS แทน Path C:\KC Launcher V11\UI KC Launcher V11\บนเครื่อง PC ของคุณ!
และ Path C:\xampp\htdocs\my-launcher\UI KC Launcher V11\assets\img\ บนเครื่อง VPS แทน PathC:\KC Launcher V11\UI KC Launcher V11\assets\img\บนเครื่อง PC ของคุณ!

เข้าไปที่โปรแกรม Visual Studio Code ➜ คลิ๊กที่ File ➜ Open Folder... ➜ เข้าไปที่ Path C:\KC Launcher V11\UI KC Launcher V11\ ➜ คลิ๊กที่ assets ➜ คลิ๊กที่ css ➜ คลิ๊กที่ styles.css ➜ ในบรรทัดที่ 3 คุณสามารถกำหนดที่อยู่ไฟล์ภาพได้ 2 แบบ
แบบที่ 1 กำหนดที่อยู่ภาพแบบ External (ลิ้งค์):
นำลิ้งค์ภาพที่ต้องการไปใส่แทนที่ ../img/bg.png จากนั้นกดบันทึกและอัปโหลด UI Launcher ไปที่ Hosting เท่านี้ก็เป็นอันเสร็จสิ้น
แบบที่ 2 กำหนดที่อยู่ภาพแบบ Internal (Path):
เข้าไปที่ Path C:\KC Launcher V11\UI KC Launcher V11\assets\img\ นำภาพที่ต้องการใส่ลงใน Path ดังกล่าว และนำชื่อไฟล์ภาพของคุณไปใส่แทนที่ ../img/bg.png (เช่น ../img/new_bg.jpg) จากนั้นกดบันทึกและอัปโหลด UI Launcher ไปที่ Hosting เท่านี้ก็เป็นอันเสร็จสิ้น

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

Note เนื่องจาก UI Launcher ถูกเขียนด้วยภาษา HTML, CSS และ JavaScript หากคุณไม่เคยเขียนภาษาดังกล่าว คุณสามารถศึกษาได้ที่ W3Schools เพื่อคุณจะได้สามารถปรับแต่งได้มากขึ้น
Note หากคุณใช้ Hosting บนเครื่อง VPS ด้วย XAMPP Apache ให้เข้าไปใน Path C:\xampp\htdocs\my-launcher\UI KC Launcher V11\ บนเครื่อง VPS แทน Path C:\KC Launcher V11\UI KC Launcher V11\บนเครื่อง PC ของคุณ!

เข้าไปที่โปรแกรม Visual Studio Code ➜ คลิ๊กที่ File ➜ Open Folder... ➜ เข้าไปที่ Path C:\KC Launcher V11\UI KC Launcher V11\ ➜ คลิ๊กที่ index.html ➜
สำหรับวีดีโอที่ 1 จะแก้ไขที่บรรทัดที่ ~44 (ใน src="URL")
สำหรับวีดีโอที่ 2 จะแก้ไขที่บรรทัดที่ ~47 (ใน src="URL")
สำหรับวีดีโอที่ 3 จะแก้ไขที่บรรทัดที่ ~50 (ใน src="URL")

วิธีแก้ไข
คัดลอกข้อความท้ายลิ้งค์ https://www.youtube.com/watch?v=hvoD7ehZPcM ของวีดีโอที่ต้องการ มาใส่แทนตำแหน่งเดียวกันกับของตัวอย่างลิ้งค์ด้านล่าง ซึ่งจะเหมือนกันกับลิ้งค์ที่อยู่ใน UI Launcher ➜ จากนั้นกดบันทึกและอัปโหลด UI Launcher ไปที่ Hosting เท่านี้ก็เป็นอันเสร็จสิ้น
ตัวอย่างลิ้งค์
https://www.youtube-nocookie.com/embed/hvoD7ehZPcM?autoplay=1&mute=1&loop=1&playlist=hvoD7ehZPcM&controls=0

วิธีใช้กับ UI Launcher ที่กำหนดเอง

Note เนื่องจากเป็น UI Launcher ที่กำหนดเอง Path ในคำแนะนำอาจไม่ตรงกับ Path จริงๆของคุณ โปรดให้เข้าใจว่า เมื่อใดที่คำแนะนำอ้างอิงถึง Path C:\KC Launcher V11\UI KC Launcher V11\ ให้คุณเข้าใจว่าเป็น Path UI Launcher ของคุณ หรือให้ทำการลบ index.html และ assets จาก Path C:\KC Launcher V11\UI KC Launcher V11\ เดิมทิ้ง และแทนที่ด้วยไฟล์ UI Launcher ของคุณแทน

หากต้องการใช้งานกับ UI Launcher ของคุณที่กำหนดเอง คุณจำเป็นต้องติดตั้งส่วนเสริมที่สำคัญ และเพิ่มโค้ดเพิ่มเติมดังนี้

ติดตั้งส่วนเสริม
1.SweetAlert2 เป็นส่วนเสริมที่จำเป็นสำหรับแสดงการแจ้งเตือนของตัวโปรแกรม Launcher คุณสามารถอ่านวิธีติดตั้งได้ ที่นี่เลย

โค้ดเพิ่มเติม
ให้คัดลอกโค้ดด้านล่างนี้ ไปเพิ่มในไฟล์ .js (JavaScript) และไฟล์ .html ของคุณ เพื่อให้ UI Launcher ของคุณสามารถทำงานร่วมกับตัวโปรแกรม Launcher ได้

ด้านบนสุดของไฟล์ .js
function callCefSharp() {
    CefSharp.BindObjectAsync("JSHandler");
}

ด้านล่างสุดของไฟล์ .js
function notification(_time, _icon, _message) {
    const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: _time,
        timerProgressBar: true,
        didOpen: (toast) => {
            toast.addEventListener('mouseenter', Swal.stopTimer)
            toast.addEventListener('mouseleave', Swal.resumeTimer)
        }
    })

    Toast.fire({
        icon: _icon,
        title: _message
    })
}

callCefSharp();

รวมลิสต์อีเวนต์ต่างๆของ HTML ที่มีอยู่แล้ว (สำหรับ Button)

  • สำหรับ ปุ่มเริ่มเกม id="btn_joinserver" type="button" onclick="JSHandler.jsCallLauncherName(this.id)"
  • สำหรับ ปุ่มคัดลอก SteamID 64 id="btn_copy_steamid64" type="button" onclick="JSHandler.jsCallLauncherName(this.id)"
  • สำหรับ ปุ่มคัดลอก SteamID HEX id="btn_copy_steamidhex" type="button" onclick="JSHandler.jsCallLauncherName(this.id)"
  • สำหรับ ปุ่มคัดลอก ลิั้งค์โปรไฟล์ id="btn_copy_steamprofileurl" type="button" onclick="JSHandler.jsCallLauncherName(this.id)"
  • สำหรับต้องการให้เปิดลิ้งค์ต่างๆ onclick="JSHandler.jsCallLauncherOpen('ลิ้งค์ที่ต้องการเปิด')"

รวมลิสต์อีเวนต์ต่างๆของ HTML ที่มีอยู่แล้ว (สำหรับแสดง)

  • สำหรับแสดง จำนวนผู้เล่นและสถานะ (Paragraphs เท่านั้น!) <p id="prg_players" style="background: rgba(0, 183, 74, 0.8)">prg_players</p>
  • สำหรับแสดง รูปโปรไฟล์ Steam (Image เท่านั้น!) <img id="img_steamavatar" src="ลิ้งค์รูปชัวคราว">
  • สำหรับแสดง ชื่อโปรไฟล์ Steam (Paragraphs เท่านั้น!) <p id="prg_steam_nameprofile">prg_steam_nameprofile</p>
  • สำหรับแสดง ชื่อโปรไฟล์ Steam (Label เท่านั้น!) <label id="lbl_steam_nameprofile">lbl_steam_nameprofile</label>
  • สำหรับแสดง ชื่อผู้ใช้ Steam (Label เท่านั้น!) <label id="lbl_steam_username">lbl_steam_username</label>
  • สำหรับแสดง SteamID 64 (Label เท่านั้น!) <label id="lbl_steamid64">lbl_steamid64</label>
  • สำหรับแสดง SteamID HEX (Label เท่านั้น!) <label id="lbl_steamidhex">lbl_steamidhex</label>
  • สำหรับแสดง ลิั้งค์โปรไฟล์ Steam (Label เท่านั้น!) <label id="lbl_steamprofileurl">lbl_steamprofileurl</label>

วิธีนำไปใช้งาน
เข้าไปที่ไฟล์ .HTML หลักของคุณ ➜ สำหรับปุ่ม Button ให้คัดลอกโค้ดที่อยู่ใน รวมลิสต์อีเวนต์ต่างๆของ HTML ที่มีอยู่แล้ว (สำหรับ Button) จากด้านบน ➜ เลือกคัดลอกอีเวนต์ปุ่มที่คุณต้องการมาใส่ใน Button ของคุณ ที่จะใช้เป็นปุ่มสำหรับอีเวนต์นั้นๆ ➜ จากนั้นกดบันทึกและอัปโหลด UI Launcher ของคุณไปที่ Hosting เท่านี้ก็เป็นอันเสร็จสิ้น

หากต้องการแสดงจำนวนผู้เล่น, ชื่อโปรไฟล์ Steamหรืออื่นๆ ให้คัดลอกโค้ดที่อยู่ใน รวมลิสต์อีเวนต์ต่างๆของ HTML ที่มีอยู่แล้ว (สำหรับแสดง) จากด้านบน ➜ เลือกคัดลอกอีเวนต์แสดงที่คุณต้องการมาใส่ตรงตำแหน่งที่คุณต้องการ ➜ จากนั้นกดบันทึกและอัปโหลด UI Launcher ของคุณไปที่ Hosting เท่านี้ก็เป็นอันเสร็จสิ้น

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

เข้าไปที่ Path C:\KC Launcher V11\FileBuild\ ➜ คลิ๊กที่ Type ➜ ทำการลบไฟล์เหล่านี้

  1. Microsoft.Threading.Tasks.Extensions.Desktop.xml
  2. Microsoft.Threading.Tasks.Extensions.xml
  3. Microsoft.Threading.Tasks.xml
  4. Newtonsoft.Json.xml
  5. RestSharp.xml
  6. System.Net.Http.Extensions.xml
  7. System.Net.Http.Primitives.xml
  8. kc_service_client.pdb
  9. KCStartLauncher.pdb
เข้าไปที่ Path C:\KC Launcher V11\FileBuild\launcher\ ➜ คลิ๊กที่ Type ➜ ทำการลบไฟล์เหล่านี้
  1. CefSharp.Core.Runtime.xml
  2. CCefSharp.Core.xml
  3. CefSharp.WinForms.xml
  4. CefSharp.xml
  5. Newtonsoft.Json.xml
  6. RestSharp.xml
  7. CefSharp.Core.Runtime.xml
  8. _launcher.pdb
  9. CefSharp.BrowserSubprocess.Core.pdb
  10. CefSharp.BrowserSubprocess.pdb
  11. CefSharp.Core.pdb
  12. CefSharp.Core.Runtime.pdb
  13. CefSharp.pdb
  14. CefSharp.WinForms.pdb

ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

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

เข้าไปที่ C:\KC Launcher V11\Project Tools\ ➜ ติดตั้งโปรแกรม ConfuserEx Select Setup.exe ➜ จากนั้นให้เปิดโปรแกรม ConfuserEx Select ที่อยู่ใน Start Menu หรือที่หน้า Desktop ของคุณ ➜ คลิ๊กที่ ConfuserEx 1.0 ➜ คลิ๊ก Open project ➜ ไปที่ Path C:\KC Launcher V11\ ➜ เลือกไฟล์ 1 - KC Launcher V11 - ConfuserEx.crproj ➜
คลิ๊ก OK ➜ คลิ๊ก Protect! ➜ คลิ๊ก Protect! ➜ รอให้ขึ้น Finished ➜ คลิ๊ก Open project และทำอีกครั้งกับไฟล์ 2 - KC Launcher V11 - ConfuserEx.crproj

Warning! อย่าลืมเข้าไปที่ SettingApp.cs และปรับ Release เป็น true หากต้องการแจกจ่ายเป็นสาธารณะ หรือผู้ใช้ของคุณ
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

เริ่มต้นสร้างโปรเจค 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 name ใส่ชื่อโปรแกรมของคุณ (ตัวอย่าง KC Launcher V11)
  • หัวข้อย่อย Application version ใส่เลขเวอร์ชั่นให้ตรงกับไฟล์ launcher.exe(ตัวอย่าง 11.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 V11\FileBuild\ ➜ เลือกไฟล์ KCStartLauncher.exe ➜ คลิ๊ก Open
  • หัวข้อย่อย Other application file เลือก Add folder... ➜ เข้าไปที่ This PC ➜ เลือกไดร์ C ➜ เลือก KC Launcher V11 ➜ เลือก 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 V11 ➜ เลือกโฟลเดอร์ Setup ➜ คลิ๊ก OK
  • หัวข้อย่อย Custom compiler ตั้งชื่อไฟล์สำหรับติดตั้ง(ตัวอย่าง KC Launcher V11 Setup)
  • หัวข้อย่อย Custom Setup Icon file เลือกรูปไอคอนประเภท ICO ของคุณ ➜ คลิ๊ก Next เพื่อไปที่หัวข้อ ↲
Inno Setup Preprocessor
คลิ๊ก Next ➜ คลิ๊ก Finish ➜ คลิ๊ก Yes ➜ คลิ๊ก Yes (เพื่อสร้างไฟล์สคริป Inno) หรือ คลิ๊ก No (เพื่อข้ามการสร้างไฟล์สคริปInno) ➜ รอจนขึ้น Finished เท่านี้ไฟล์ก็พร้อมสำหรับใช้งานและติดตั้งบนเครื่องอื่นแล้ว ไฟล์สำหรับติดตั้งจะถูกเก็บไว้ใน C:\KC Launcher V11\Setup\

Note โปรดปิด Antivirus ขณะที่กำลังติดตั้งโปรแกรมชั่วคราว!
ดูวีดีโอตัวอย่างหัวข้อนี้บน YouTube

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

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

  • ไฟล์ที่อยู่ใน C:\KC Launcher V11\FileBuild\launcher\ ไฟล์ในนี้ทั้งหมด
  • ไฟล์ที่อยู่ใน C:\KC Launcher V11\FileBuild\launcher\appresources\ ไฟล์ในนี้ทั้งหมด
  • ไฟล์ที่อยู่ใน C:\KC Launcher V11\FileBuild\resource\ ไฟล์ในนี้ทั้งหมด
  • ไฟล์ที่อยู่ใน C:\KC Launcher V11\FileBuild\ kc_service_client.exe และ Fujino.KCLauncher.Service.dll
เข้าไปที่ C:\KC Launcher V11\ ทำการเปิดไฟล์ update.zip (คุณจำเป็นต้องมีโปรแกรม WinRAR ในการเปิดไฟล์) ➜ ลากไฟล์ที่ต้องการอัพเดตไปใส่ในไฟล์ update.zip โดยต้องตรงกับที่ๆไฟล์ควรจะอยู่
เช่นไฟล์ _launcher.exe ควรจะอยู่ที่ update.zip\launcher หรือไฟล์ apploading.gif ก็ควรจะอยู่ที่ update.zip\launcher\appresources ➜ อัปโหลดไฟล์ update.zip ไปที่เว็บฝากไฟล์ที่สามารถดาวน์โหลดได้โดยตรง เช่น Dropbox,Github หรือเว็บไซต์ของคุณ ➜ คัดลอกลิ้งค์สำหรับดาวน์โหลด ➜ เปิดโปรแกรม KC Launcher Settings V11 ➜ วางลิ้งค์ที่คัดลอกมาลงในช่อง 'ลิงค์ดาวน์โหลดไฟล์อัพเดต' ➜
ปรับเวอร์ชั่นในช่อง 'เวอร์ชั่น Launcher ล่าสุด' ตัวอย่างเดิม 1.0.0 เป็น 1.1.0 ➜ คลิ๊กที่ปุ่ม SAVE ➜ ทำการอัพเดตหรืออัปโหลดข้อมูลการตั้งค่า โดยวิธีการอัพเดตหรืออัปโหลดข้อมูลขึ้นอยู่ที่คุณใช้บริการจัดเก็บข้อมูลอะไร?
Note ระบบจะทำการอัพเดตอัตโนมัติหลังจากผู้ใช้เข้า Launcher ใหม่อีกครั้ง