bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí:
libgdx_comunicacions

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
Següent revisió 		Revisió prèvia
libgdx_comunicacions [2024/05/03 17:37]
enric_mieza_sanchez [Ús en app libGDX] 		libgdx_comunicacions [2026/04/12 10:22] (actual)
enric_mieza_sanchez [Ús en app libGDX]
Línia 58: Línia 58:
 </file> </file>
  
-I el més important, ''build.gradle'' general del projecte (n'hi ha d'altres dins de cada plataforma):+I el més important, configurar els diferents ''build.gradle'' dins de cada plataforma:
  
 +General:
 <file gradle build.gradle> <file gradle build.gradle>
 allprojects { allprojects {
Línia 69: Línia 70:
     }     }
 } }
 +</file>
  
-project(":desktop") { +<WRAP tip> 
-    dependencies { +ULL: als segúents només cal afegir la línia del repo de ''com.github.MrStahlfelge'', la resta ja hi haurien de ser, es posen aquí per oreintació d'on cal inserir-los. 
-        implementation "com.github.MrStahlfelge.gdx-websockets:common:$wsVersion" +</WRAP>
-    } +
-}+
  
-project(":android") { +Core: 
-    dependencies { +<file gradle core/build.gradle> 
-        implementation "com.github.MrStahlfelge.gdx-websockets:common:$wsVersion" +dependencies { 
-    }+  api "com.badlogicgames.gdx:gdx:$gdxVersion" 
 +  implementation "com.github.MrStahlfelge.gdx-websockets:core:$wsVersion" 
 +   
 +  // ...
 } }
 +</file>
  
-project(":html") { +Android: 
-    dependencies { +<file gradle android/build.gradle> 
-        implementation "com.github.MrStahlfelge.gdx-websockets:core:$wsVersion:sources" +dependencies { 
-        implementation "com.github.MrStahlfelge.gdx-websockets:html:$wsVersion" +  // ... 
-        implementation "com.github.MrStahlfelge.gdx-websockets:html:$wsVersion:sources" +  implementation "com.badlogicgames.gdx:gdx-backend-android:$gdxVersion" 
-    }+  implementation "com.github.MrStahlfelge.gdx-websockets:common:$wsVersion" 
 +  implementation project(':core') 
 + 
 +  // ...
 } }
 +</file>
  
-project(":core") { +Desktop (Lwjgl3): 
-    dependencies { +<file gradle lwjgl3/build.gradle> 
-        implementation "com.github.MrStahlfelge.gdx-websockets:core:$wsVersion" +dependencies { 
-    }+  implementation "com.badlogicgames.gdx:gdx-backend-lwjgl3:$gdxVersion" 
 +  implementation "com.badlogicgames.gdx:gdx-platform:$gdxVersion:natives-desktop" 
 +  implementation "com.github.MrStahlfelge.gdx-websockets:common:$wsVersion" 
 +  implementation project(':core') 
 +   
 +  // ... 
 +</file> 
 + 
 +HTML: 
 +<file gradle html/build.gradle> 
 +dependencies { 
 +  // ... 
 +  implementation "com.badlogicgames.gdx:gdx:$gdxVersion:sources" 
 +  implementation "com.github.MrStahlfelge.gdx-websockets:core:$wsVersion:sources" 
 +  implementation "com.github.MrStahlfelge.gdx-websockets:html:$wsVersion" 
 +  implementation "com.github.MrStahlfelge.gdx-websockets:html:$wsVersion:sources" 
 + 
 +  implementation project(':core') 
 + 
 +  // ...
 } }
 </file> </file>
Línia 104: Línia 131:
 \\ \\
  
-==== Ús en app libGDX ==== +==== Ús en app libGDX (client) ==== 
-  * Per connectar-nos al servidor des de l'app libGDX ho fem al constructor o funció de inicialització ''create()''. +  * Per connectar-nos al servidor des de l'app libGDX cal: 
-  * Podem enviar des de qualsevol part del codi inclús des del ''render'' tot i que convé no abusar. +    * **Inicialitzar** biblioteca de codi als ''AndroidLauncher'', ''iOSLauncher'' i ''Lwjgl3Launcher'':<code> 
-  * Per rebre dades del servidor ho fem mitjançant l'objecte ''WebSocketListener''.+CommonWebSockets.initiate();</code> 
 +    * **Crear ''socket'' i ''listener''** al constructor del joc o a la funció de inicialització ''create()''. 
 +  * Podem **enviar dades amb el ''socket''** des de qualsevol part del codi inclús des del ''render'' tot i que convé no abusar (en l'exemple veureu que s'envien dades cada segon i no per cada frame). 
 +  * Per **rebre dades amb el ''listener''** del servidor (objecte ''WebSocketListener'').
  
 <WRAP important> <WRAP important>
-El protocol WebSockets (ws://) funciona sobre HTTP. Si estem treballant en producció sobre HTTPS, el protocol és SecureWebSockets (wss://). El codi aquí indicat serà una mica diferent, caldrà instanciar ''WebSockets.toSecureWebSocketUrl'' enlloc de ''WebSockets.toWebSocketUrl'' :+El protocol WebSockets <nowiki>(ws://)</nowiki> funciona sobre HTTP. Si estem treballant en producció sobre HTTPS, el protocol és SecureWebSockets <nowiki>(wss://)</nowiki>. El codi aquí indicat serà una mica diferent, caldrà instanciar ''WebSockets.toSecureWebSocketUrl'' enlloc de ''WebSockets.toWebSocketUrl''. 
 + 
 +La variable ''address'' ha de ser el nom del servidor (no val la IP !), sense prefix, port 443 i emprant la crida que s'explica a continuació.
  
 <code java> <code java>
Línia 117: Línia 149:
  
 </WRAP> </WRAP>
 +
 +
 +=== Inicialització (launchers) ===
 +Primer de tot, cal inicialitzar els ''WebSockets'' als arxius ''AndroidLauncher'', ''iOSLauncher'' i ''Lwjgl3Launcher'':
 +
 +<file java Lwjgl3Launcher.java>
 +public class Lwjgl3Launcher {
 +    public static void main(String[] args) {
 +        if (StartupHelper.startNewJvmIfRequired()) return; // This handles macOS support and helps on Windows.
 +        CommonWebSockets.initiate();
 +        createApplication();
 +    }
 +    
 +    //...
 +}
 +</file>
 +
 +<file java AndroidLauncher.java>
 +public class AndroidLauncher extends AndroidApplication {
 +    @Override
 +    protected void onCreate(Bundle savedInstanceState) {
 +        super.onCreate(savedInstanceState);
 +        CommonWebSockets.initiate();
 +        AndroidApplicationConfiguration configuration = new AndroidApplicationConfiguration();
 +        configuration.useImmersiveMode = true; // Recommended, but not required.
 +        initialize(new Joc(), configuration);
 +    }
 +}
 +</file>
 +
 +\\
 +
 +=== App libgdx (core) ===
  
 <file java GameScreen.java> <file java GameScreen.java>
Línia 169: Línia 234:
         @Override         @Override
         public boolean onMessage(WebSocket webSocket, String packet) {         public boolean onMessage(WebSocket webSocket, String packet) {
-            System.out.println("Message:");+            System.out.println("Message:"+packet);
             return false;             return false;
         }         }
Línia 175: Línia 240:
         @Override         @Override
         public boolean onMessage(WebSocket webSocket, byte[] packet) {         public boolean onMessage(WebSocket webSocket, byte[] packet) {
-            System.out.println("Message:");+            System.out.println("Message:"+packet);
             return false;             return false;
         }         }
Línia 320: Línia 385:
 ==== Exercicis ==== ==== Exercicis ====
 <WRAP todo> <WRAP todo>
-Implementa el servidor NodeJS indicat.+**Servidor i app de prova en local** 
 + 
 +Implementa el servidor NodeJS de l'exemple. 
 + 
 +Fes una aplicació libGDX que connecti amb el servidor i envii la posició on fas un //touch// en la pantalla. Per no saturar de missatges repetitius (i innecessaris), no enviïs la posició si aquesta no ha canviat respecte del ''render'' previ. 
 +</WRAP> 
 + 
 +<WRAP todo> 
 +**Servidor WebSockets en producció** 
 + 
 +Implementa el servidor NodeJS al teu servidor públic (Proxmox). 
 + 
 +Ajusta l'aplicació perquè es pugui connectar al servidor públic. Observa la línia de connexió on s'explica com canviar de protocol ''ws:'' (Web Socket estàndard) al ''wss:'' (Web Socket Secure, sobre SSL, el seu equivalent del HTTPS). 
 + 
 +Pots mirar de posar en producciò el servidor NodeJS amb el [[https://www.npmjs.com/package/pm2|gestor de processos PM2 per a NodeJS]]. Tingues en compte que per posar en producció als ports públics com 80 o 443 et caldrà realitzar les operacions com a usuari ''root''. 
 +</WRAP> 
 + 
 +<WRAP todo> 
 +**Incorporant websockets a un joc**
  
-Afegeix la llibreria de WebSockets al teu joc libGDX i fes que envii la posició del nostre personatge 1 cop per segon.+Afegeix la llibreria de WebSockets al teu joc libGDX i fes que envii la posició del personatge 1 cop per segon.
  
 Assegura't que funciona comprovant que el servidor mostra el missatge de posicionament del personatge a la seva consola. Assegura't que funciona comprovant que el servidor mostra el missatge de posicionament del personatge a la seva consola.
libgdx_comunicacions.1714757841.txt.gz · Darrera modificació: 2024/05/03 17:37 per enric_mieza_sanchez

Eines de la pàgina

Excepte on es digui una altra cosa, el contingut d'aquest wiki està subjecte a la llicència següent: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki