callstack / callstack/super-app-example

How to loading bundles from cdn?

Ouverte
#10 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
question
Langage dominant
Java
Étoiles
40
Forks
23
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

## 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](url)
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!

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la commande de bundle et le resolver dans host-app/index.js, puis comparez l’URL du CDN avec le resolver localhost fonctionnel. Reproduisez le chargement depuis host-app/src/screens/MiniAppScreen.js et vérifiez si le MiniApp.container.bundle généré est accessible et utilisable depuis jsDelivr ; c’est terminé lorsque MiniApp se charge depuis le CDN.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript, react-native, webpack
Domaine
build-system, mobile
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.