SpiderBasic-WebApp als Desktop-Applikation laufen lassen
Verfasst: 11.02.2018 01:09
Alaaf & Helau,
nachfolgend ein Tipp, wie man eine SpiderBasic-WebApp als Applikation auf dem Desktop (Windows, Linux, MacOS) laufen lassen kann:
Getting Started:
* NW.js (https://nwjs.io/) herunterladen und an einem Ort seiner Wahl entpacken.
* In dem entpackten Ordner einen neuen Ordner mit dem Namen "www" erstellen.
* Im Hauptordner eine Datei namens "app.js" mit folgendem Inhalt anlegen:
* Ebenfalls im Hauptordner eine Datei namens "package.json" mit folgendem Inhalt anlegen:
* Nun in SpiderBasic eine neue Datei erstellen. Ein simples
reicht hierfür.
* Danach über die Menüzeile -> Compiler -> Create App -> Web aufrufen.
* Folgende Werte eintragen:
App Name: HelloWorld
HTML filename: [PfadZuDeinemNwJsOrdner]/www/index.html
JavaScript filename: HelloWorld.js
* Häkchen bei "Copy SpiderBasic libraries" und "Enable debugger" machen
* "Create App" drücken. Das geht recht fix.
* Danach in den NwJs-Ordner wechseln und die ausführbare Datei dort starten.
und Tusch!
SpiderBasic NwJs - Module:
NW.js lässt sich sehr gut von 'innen' -- also aus der SpiderBasic-App -- steuern. Hierfür habe ich ein paar JavaScript-Wrapper in Form von Modulen geschrieben, die hier heruntergeladen werden können: https://github.com/spiderbytes/NwJs
Möchte man beispielsweise die Größe des Fenster ändern, so bindet man das NwJsWin.sbi - Modul ein und ruft NwJsWin::ResizeTo() mit den entsprechenden Werten auf.
Da NW.js über ein 'eingebautes' NodeJS verfügt, kann man auch entsprechende Befehle (etwa die des Filesystems) nutzen, um aus SpiderBasic mit der 'Aussenwelt' zu kommunizieren (SpiderBasic-Module NwJsOs, NwJsFs, NwJsClipboard).
Probiert es einfach mal aus.
Viel Spaß ... Peter
nachfolgend ein Tipp, wie man eine SpiderBasic-WebApp als Applikation auf dem Desktop (Windows, Linux, MacOS) laufen lassen kann:
Getting Started:
* NW.js (https://nwjs.io/) herunterladen und an einem Ort seiner Wahl entpacken.
* In dem entpackten Ordner einen neuen Ordner mit dem Namen "www" erstellen.
* Im Hauptordner eine Datei namens "app.js" mit folgendem Inhalt anlegen:
Code: Alles auswählen
var win = nw.Window.open('./www/index.html', {
position: 'center',
width: 1000,
height: 800,
focus: true
});
Code: Alles auswählen
{
"name": "HelloWorld",
"main": "app.js"
}
Code: Alles auswählen
Debug "HelloWorld!"
* Danach über die Menüzeile -> Compiler -> Create App -> Web aufrufen.
* Folgende Werte eintragen:
App Name: HelloWorld
HTML filename: [PfadZuDeinemNwJsOrdner]/www/index.html
JavaScript filename: HelloWorld.js
* Häkchen bei "Copy SpiderBasic libraries" und "Enable debugger" machen
* "Create App" drücken. Das geht recht fix.
* Danach in den NwJs-Ordner wechseln und die ausführbare Datei dort starten.
und Tusch!
SpiderBasic NwJs - Module:
NW.js lässt sich sehr gut von 'innen' -- also aus der SpiderBasic-App -- steuern. Hierfür habe ich ein paar JavaScript-Wrapper in Form von Modulen geschrieben, die hier heruntergeladen werden können: https://github.com/spiderbytes/NwJs
Möchte man beispielsweise die Größe des Fenster ändern, so bindet man das NwJsWin.sbi - Modul ein und ruft NwJsWin::ResizeTo() mit den entsprechenden Werten auf.
Da NW.js über ein 'eingebautes' NodeJS verfügt, kann man auch entsprechende Befehle (etwa die des Filesystems) nutzen, um aus SpiderBasic mit der 'Aussenwelt' zu kommunizieren (SpiderBasic-Module NwJsOs, NwJsFs, NwJsClipboard).
Probiert es einfach mal aus.
Viel Spaß ... Peter