How to loading bundles from cdn?

Abierto
#10 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react-native, webpack
Área
build-system, mobile

Línea de trabajo

Comienza con el comando de bundle y el resolver en host-app/index.js, y luego compara la URL del CDN con el resolver de localhost que funciona. Reproduce la carga desde host-app/src/screens/MiniAppScreen.js y verifica si el MiniApp.container.bundle generado es accesible y utilizable desde jsDelivr; se considera terminado cuando MiniApp se carga desde el CDN.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

question

Ask your Question

I followed your example, everything runs fine on localhost, but when I want to load bundle from cdn, it doesn't seem to work.

  • I generated bundle by running command: react-native webpack-bundle --entry-file=index.js --dev=false --platform='ios' --bundle-output ios/MiniApp.container.bundle
  • Bundle cdn: https://cdn.jsdelivr.net/gh/tungnt93/test_bundle/MiniApp.container.bundle
  • host-app/index.js:
ScriptManager.shared.addResolver(async (scriptId, caller) => {
    const resolveURL = Federated.createURLResolver({
        containers: {
            MiniApp: "https://cdn.jsdelivr.net/gh/tungnt93/test_bundle/[name][ext]"
        },
    });

    const url = resolveURL(scriptId, caller);
    if (url) {
        return {
            url,
            query: {
                platform: Platform.OS,
            },
        };
    }
});

If i change containers to localhost, everything runs fine

const resolveURL = Federated.createURLResolver({
    containers: {
        MiniApp: "http://localhost:9000/[name][ext]"
    },
});

This is the image of host-app/src/screens/MiniAppScreen.js when i load from cdn: https://i.imgur.com/cX3B1Ut.png
So I want to ask, is my bundle generating command correct? If so, does uploading it to jsdelivr work, or do i have to upload it to another cdn?
Thank you!

Lenguaje dominante
Java
Estrellas
40
Forks
23
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de callstack/super-app-example

Todos los issues de callstack/super-app-example

Issues similares

Más issues de Java

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.