Clone de Slack avec ReactJS et Back4App – NoCode

Dans cet article, vous apprendrez à déployer une application Slack Clone sur Vercel en utilisant Back4App comme backend.

L’application Slack Clone est construite avec React (frontend) et Back4App (backend) en utilisant certaines fonctionnalités clés de Parse comme l’authentification, le temps réel et les requêtes relationnelles. L’application peut être facilement déployée sur Vercel sans code en suivant les étapes ci-dessous.

Vous pouvez à tout moment déployer votre Clone Slack sur Vercel en utilisant ce bouton :

Aperçu de Slack

Slack est une application de communication professionnelle efficace et efficiente qui peut être utilisée comme une plateforme tout-en-un pour vos besoins de communication professionnelle. Plus important encore, elle offre des fonctionnalités étonnantes telles que :

• Messagerie en temps réel

• Archivage de fichiers

• Recherche

• Partage de fichiers, et plus encore.

Cette plateforme a été spécialement conçue pour les équipes modernes. Ainsi, l’équipe peut gérer l’ensemble de sa communication en ligne dans un espace unique. De plus, les conversations sont instantanément consultables et accessibles quel que soit l’appareil utilisé.

Heureusement, Slack travaille avec plus de 1 500 services et applications externes pour vous offrir une plateforme entièrement flexible et extensible de la meilleure façon possible.

Communauté Slack

Selon Statista, Slack a servi plus de 12 millions d’utilisateurs actifs par jour en octobre 2019. Slack est un hub de collaboration américain qui a considérablement élargi sa base d’utilisateurs depuis sa création en 2013.

Il est surprenant de constater que la majorité des utilisateurs de Slack proviennent de pays autres que les États-Unis d’Amérique, y compris certains des marchés les plus importants comme le Japon, la France, l’Allemagne, la Grande-Bretagne et l’Australie.

De plus, Slack a également connu un énorme changement dans les utilisateurs payants depuis 2019. C’est principalement en raison de la commodité de Slack pour ses utilisateurs en termes de communications d’équipe. En outre, l’attitude de Slack à l’égard d’une meilleure culture d’équipe.

Dans l’ensemble, les fonctionnalités et les avantages étonnants de Slack l’ont aidé à améliorer sa base d’utilisateurs payants de la meilleure façon possible.

Fonctionnalités de Slack

Slack propose diverses fonctionnalités de type IRC, notamment des salons de discussion persistants organisés par thèmes, une messagerie directe et des groupes privés pour les discussions importantes. Plus important encore, tout le contenu disponible sur Slack, qu’il s’agisse de conversations ou de fichiers, peut faire l’objet d’une recherche.

De plus, les utilisateurs sont également autorisés à inclure des boutons emoji dans leurs chats. Les autres utilisateurs peuvent cliquer sur ces émojis pour faire part de leurs réactions.

De plus, même la version gratuite de Slack offre toutes les fonctionnalités essentielles. Elle peut même vous permettre de rechercher des chats et des fichiers dans les 10 000 derniers messages. De plus, Slack a également repensé sa plateforme pour améliorer l’expérience de l’utilisateur de la meilleure façon possible.

Grâce à cela, vous pouvez désormais profiter de certaines des fonctionnalités les plus étonnantes de Slack. Pour vous faire une idée plus précise, nous vous présentons ci-dessous ces fonctionnalités clés et passionnantes de Slack.

Nous y voilà donc :

Les équipes

Les équipes Slack peuvent vous permettre d’utiliser cette plateforme pour rejoindre un espace de travail par le biais d’une invitation envoyée par le propriétaire ou un administrateur de l’équipe. Bien que la plateforme se soit développée en tant qu’outil de communication professionnelle, elle a été adoptée au fil du temps en tant que plateforme communautaire.

Intégrations

Slack s’intègre également à des tonnes d’applications et de services tiers tels que Tello, Google Drive, Dropbox, GitHub, Crashlytics, et bien d’autres encore. Slack permet à ses utilisateurs d’installer facilement toutes ces applications à partir du répertoire logiciel de Slack.

Messagerie

Les canaux publics permettent aux équipes d’interagir sans avoir recours à des SMS ou à des courriels collectifs. En effet, les canaux publics peuvent être utilisés par tout le monde sur le lieu de travail.

Toutefois, pour les conversations privées, les utilisateurs peuvent créer des canaux privés. Ces canaux peuvent également être utilisés pour gérer facilement des équipes plus importantes.

Vous pouvez également envoyer un message direct à un utilisateur spécifique plutôt qu’à un groupe si nécessaire.

API

Slack fournit également une API permettant aux utilisateurs de créer des applications et d’automatiser leurs processus, notamment l’envoi automatique de messages sur la base d’une saisie humaine, l’envoi d’alertes de notification pour certaines conditions ou la création automatique de tickets d’assistance interne.

Déployer votre clone Slack

Cloner le modèle Back4App

Allez dans Database HUB et clonez le backend du template Slack.

Obtenez vos clés

Dans votre tableau de bord Back4App, naviguez vers “App Settings -> Security & Keys” et copiez les valeurs de l 'ID de l'application et de la clé JavaScript.

Activer le temps réel

Naviguez vers “App Settings -> Server Settings -> Server URL and Live Query”. Activez votre sous-domaine Back4App gratuit et ensuite activez Live Query, en n’oubliant pas de l’activer pour les classes Channel et Message. Copiez l’URL complète du sous-domaine Back4App.

Déploiement sur Vercel

Cliquez sur le bouton de déploiement ci-dessous :

Sur Vercel, vous devez renseigner les 3 variables copiées dans les étapes précédentes : Application ID, Javascript Key, et Live Query URL (URL du sous-domaine).

Cliquez sur deploy. Vous avez maintenant une application clone de Slack fonctionnant sur Vercel !

Le code

Si vous souhaitez mieux comprendre le modèle, veuillez consulter les liens ci-dessous :

Guide technique – Fonctionnement du modèle Slack Clone

Code ReactJS – Javascript

Code Typescript – Typescript

Conclusion

Cet article donne une vue d’ensemble de Slack, de ses principales fonctionnalités et des utilisateurs payants. Il explique également comment déployer une application Slack Clone à l’aide d’outils à code bas comme Back4app et Vercel.

FAQ