Hi guys
I share the steps with which I managed to personalize, in case someone else can help you. Without detracting from our partner
Thank you.:
1.
Install Visual Studio Code
2. Install
NodeJs package libraries (URL :
https://nodejs.org/en)
3. Install
Resource Hacker to customize the .exe (
http://www.angusj.com/resourcehacker/)
4. We install
Inno Setup (
https://jrsoftware.org
)
5.Creation of
MultiDNS (windns.html) Here we will handle the DNS) > This must be in our Hosting.
After the Tools are installed:
6. We unzip the Folder (KINGTV)
7. We open the Resources folder.
8. From the Resources folder, right-click, open a PowerShell terminal and run the command From the Resources folder, right-click, open a PowerShell terminal and run the command
(
Code:
npx asar extract app.asar app
).
9. Now we will have the decompiled code, we proceed to make the changes we want.
Personalization :
10. We will place the URL of our DNS that we have previously uploaded to the Hosting: we go to the route: Resources/app/www/js/
We open the util.js file with Visual studio Code and in Line 8 we will place the URL of our DNS >
11. In the Path:
resources\app\LOGO we can Customize The Logos,
favicon, etc...
12. In the Route:
resources\app\www\images We can customize the Home background, Home Logo, Login Background, Etc.
13. in Path :
resources\app\www
Inside the
app.js file
Line 20 label: "NAME", change the Name
Line 44 label: "NAME" change the name
14. in Path :
resources\app\www
Change
favicon.ico
15. In the Path:
resources\app\www\js
Inside the
main.js file
Line 13 We will indicate if we want
MultiDNS or
SingleDNS
multiDNS : true
either
multiDNS : false
16. In the Path:
resources\app
Change
favicon.ico -
favicon.png
in the package.json file we customize the name
17 -
We open Resource Hacker
We change the Icon and the description of our executable.
18. We pack again
Code:
npx asar pack app app.asar
After the packaging process ends, we proceed to delete the
app folder
18. CREATION OF OUR .exe INSTALLER
NOTE> this step is optional, if we want to have an installer for end users.
19. We open Inno Setup and create a New Setup Script Wizard
- We complete the information > name, Version, URL etc...
- We select the destination Folder of our installation. (default is
rogram Files)
- We place the Name for our folder
- We select whether or not we want users to be able to change this name.
- We select the location of our already customized .exe
- We add the main Folder (the one that contains < Locales / resources and all the other files.
- We select the other options that we want and finish our Script.
20 We compile our Script and we will have our Setup.exe ready