Estoy creando una aplicación de reacción con el enrutador de reacción para cambiar las páginas, pero tengo un html estático que contiene un webgl de Unity. No puedo incrustar webgl en la aplicación de reacción o no estoy seguro de si es posible, pero estoy seguro de que Unity webgl funciona en un html independiente, ya que se ejecuta durante la compilación y ejecución de Unity, así que solo quiero volcar el Archivos de compilación de Unity ( UnityWebGl.html , carpeta de compilación , carpeta de TemplateData ) en la carpeta pública del sitio web y luego use una etiqueta href en reaccionar para vincularlo sin ser interceptado por el enrutador de reacción.
Honestamente, pude hacer que funcionara en mi primer intento usando una etiqueta href , pero fui lo suficientemente estúpido como para no confirmar. Esto también parece ser inestable, por lo que me gustaría saber la forma correcta de vincular a un html estático en la aplicación de reacción sin usar un servidor back-end .
Así que agregué la carpeta UnityWebGl.html , Build y TemplateData que son creadas por Unity en la carpeta pública del sitio web. [Imagen]: https://i.stack.imgur.com/DWiQF.png
Esta es la etiqueta href en un componente que se vincula con el html estático: <a target="_blank" href="/UnityWebGl.html"><Button>View Demo</Button></a>
No agregué la ruta para el html estático en el enrutador de reacción, pero no estoy seguro de si tengo que hacerlo, ya que no estoy usando el enlace para ir a la página de html estático:
<Router> <div className="App"> <Switch> <Route exact path="/unitywebglsamples"> <Header /> <Samples /> </Route> <Route exact path="/myhomepage"> <Header /> </Route> <Route exact path="/"> <Header /> </Route> </Switch> </div> </Router>
Por cierto, he visto algunas preguntas similares aquí en la pila, pero todas ellas no tenían una respuesta válida o no me funcionaron.
ACTUALIZACIÓN: Me di por vencido con esto. Tal vez React JS no esté listo para alojar WebGl o html estático o simplemente no sé cómo hacer ambas cosas, pero para aquellos que también tienen este problema, tengo una solución alternativa. Simplemente cargue su carpeta de compilación WebGL en https://simmer.io para alojarla temporalmente hasta que entre en juego una solución probada.
Tal vez no entiendo completamente la pregunta. Pero, ¿qué tal simplemente crear un componente con un iframe que muestre este archivo html? Entiendo, este archivo no está en sus manos, sino que se lo dieron en otro lugar, por lo que no puede poner su contenido en un componente usted mismo.