réagirjs – Zoom avec React + Next.js – Exemple d’implémentation

2024-04-10 07:49:24

Next.js + React avec Zoom mis à jour pour 2024, cet article cherche à résoudre le problème d’intégration qui m’a fait perdre du temps à trouver la solution complète. Voici un exemple de mise en œuvre de l’intégration : N’hésitez pas à suggérer des améliorations ou à ajouter des commentaires constructifs

importer { useEffect, useRef } depuis “react” ; fonction d’exportation ZoomComponent() { const meetElementRoot = useRef(nul); useEffect(() => { (async () => { const ZoomEmbed = wait (await import(“@zoomus/websdk/embedded”)).default; const client = ZoomEmbed.createClient(); if (meetElementRoot.current && client) { wait client.init({ langue : “pt-PT”, zoomAppRoot : meetElementRoot.current, }); const signature = “”; //signature_response_zoom : const meetingNumber = “”; wait client.join({ signature, sdkKey : process.env.zoomSDKKey, meetingNumber, userName : “Jhon Doe”, succès : (succès) => { console.log(success); }, erreur : (erreur) => { console.log(error); } , }); } })(); }, []); retour

; }

Article dédié uniquement à la résolution d’un problème qui n’était pas si clair à trouver

#réagirjs #Zoom #avec #React #Next.js #Exemple #dimplémentation
1712735515