bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí: • ansible • android_sensors • apache2_en_debian_ubuntu • django_mongo • vagrant_ubuntu_libvirt • django_frontend • model_seguretat_android • jocs_libgdx • libgdx_comunicacions • integracio_de_django_amb_react
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/04/15 14:47]
enric_mieza_sanchez [Crides HTTP estàndard] 		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> 
 +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> 
 +socket = WebSockets.newSocket(WebSockets.toSecureWebSocketUrl(address, port)); 
 +</code> 
 + 
 +</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 124: Línia 198:
             address = "10.0.2.2";             address = "10.0.2.2";
         socket = WebSockets.newSocket(WebSockets.toWebSocketUrl(address, port));         socket = WebSockets.newSocket(WebSockets.toWebSocketUrl(address, port));
 +        // ULL: si és a traves de HTTPS , el protocol seria wss enlloc de ws
 +        //socket = WebSockets.newSocket(WebSockets.toSecureWebSocketUrl(address, port));
         socket.setSendGracefully(false);         socket.setSendGracefully(false);
         socket.addListener((WebSocketListener) new MyWSListener());         socket.addListener((WebSocketListener) new MyWSListener());
Línia 158: 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 164: 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 187: Línia 263:
   $ cd ws1   $ cd ws1
   $ npm init   $ npm init
-  $ npm install http ws+  $ npm install http ws express uuid
  
 Afegeix ''index.js'' i posa'l en marxa: Afegeix ''index.js'' i posa'l en marxa:
Línia 309: 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.1713192475.txt.gz · Darrera modificació: 2024/04/15 14:47 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