Esta documentação guiada explica como criar um aplicativo de bate -papo reacto usando o SDK de mensagens instantâneas da Mirrorfly.
A boa notícia é que o SDK é completamente personalizável e pode ser adaptado a fluxos de trabalho exclusivos das empresas. Agora, isso é do lado do cliente.
No lado do servidor, você tem a liberdade de implantar em seus próprios servidores ou escolher os servidores em nuvem da Mirrorfly.
Qualquer que seja o tipo de hospedagem que você escolher, o Mirrorfly funciona perfeitamente na infraestrutura que oferece um desempenho de bate -papo com 99,999% de tempo de atividade SLA e tempo médio de resposta abaixo de 3ms.
Parece um negócio? Agora, sem mais demora, vamos criar um aplicativo de bate -papo com o React Chat SDK do Mirrorfly.
| Observação
Quer um aplicativo pré-construído para começar? Faça o download deste aplicativo de amostra da Mirorfly e comece a adicionar recursos de mensagens imediatamente. |
Mirrorfly Chat SDK É sua solução preferida para criar, implantar e gerenciar rapidamente o bate-papo no aplicativo nos seus aplicativos de mensagens nativas do React. Inicie o seu desenvolvimento rápido baixando nosso aplicativo de amostra. Clique aqui
Tutorial passo a passo para criar um aplicativo de bate-papo nativo do React
Requisitos
Com o Mirrorfly React Native, certifique -se de instalar todas as dependências de pares abaixo mencionadas com suas versões específicas.
- Nó> = 18.20.4
- NPM – 10.7.0
- React-nativo> = 0,73,0 <= 0,75.4
Começando
Chave de licença SDK
| Cuidado
Pule esta parte se você já está tendo sua chave de licença. |
Para adicionar React Chat Sdk, da Mirrorfly No seu aplicativo, você precisará de uma chave de licença. O servidor Mirrorfly usa essa tecla para verificar e garantir que seu aplicativo tenha permissão para usar o SDK.
Para obter a chave de licença
Etapa 1: Registrar aqui Para obter uma conta de usuário Mirrorfly.
Etapa 2: Conecte-se para sua conta
Etapa 3: Obtenha a chave de licença do Informações do aplicativo seção
Etapa 1: Primeiro, vá em frente e atualize todos os seus arquivos package.json.
Etapa 2: Então, verifique se há alguma duplicata em seus pacotes, especialmente se as coisas não estão funcionando diretamente no iOS.
Integrar usando o pacote NPM
Etapa 3: Vá em frente e instale o SDK Mirrorfly no aplicativo nativo do React.
npm i [email protected]Etapa 4: Basta importar o SDK para o seu aplicativo onde precisar.
import { SDK } from "mirrorfly-reactnative-sdk";
Integração do SDK de bate -papo: adição de dependências NPM
{
'@react-native-community/netinfo' : '^11.4.1',
"react-native-get-random-values": "1.11.0", //must use version >=1.7.1
'realm': "^20.1.0",
'react-native-fs': "^2.20.0",
'moment': "2.30.1",
//add the below calls related dependencies
"react-native-webrtc": "124.0.4" // must use version "124.0.4"
"react-native-background-timer": "^2.4.1",
'react-native-permissions':'^5.2.1'
}Inicialização do espelho reagir mensagens nativas sdk
Antes de conseguir o React em tempo real, bate-papo nativo SDK Em funcionamento, apenas verifique se você tem os dados que acompanham qualquer alteração de conexão no seu aplicativo.
Em seguida, solte a chave da licença no parâmetro LicperSey e use o método abaixo para passar esses dados para o SDK para que ele possa processar tudo certo.
Observação:
Você pode encontrar os detalhes do servidor Sandbox posteriormente na seção Sandbox. Use essa parte quando quiser testar as coisas.
No seu arquivo de aplicativo principal (como app.tsx ou app.js), importe o SDK e ligue para a função InitializesDK com os parâmetros necessários.
const initializeObj = {
apiBaseUrl: `API_URL`,
licenseKey: `LICENSE_KEY`,
isTrialLicenseKey: `TRIAL_MODE`,
callbackListeners: {},
};
await SDK.initializeSDK(initializeObj);Detalhes da Sandbox
Você pode obter as informações da APIURL e da Licença da Visão Geral no seu painel de console Mirrorfly.
function connectionListener(response) {
if (response.status === "CONNECTED") {
console.log("Connection Established");
} else if (response.status === "DISCONNECTED") {
console.log("Disconnected");
}
}const initializeObj = {
apiBaseUrl: "https://api-preprod-sandbox.mirrorfly.com/api/v1",
licenseKey: "XXXXXXXXXXXXXXXXX",
isTrialLicenseKey: true,
callbackListeners: {
connectionListener
},
};
await SDK.initializeSDK(initializeObj);Exemplo de resposta
{
"statusCode": 200,
"message": "Success"
}
"This method was deprecated and will be removed in the future release"Módulo de ID do dispositivo
Etapa 1: Primeiro, faça o download do arquivo Android do link acima. Em seguida, encontre os arquivos Android necessários e copie -os na pasta Android/App/Src/Main/Java/Com.
Etapa 2: Em seguida, faça o download dos arquivos iOS do mesmo link. Depois disso, abra o Xcode, use Adicionar arquivos para (seu projeto) e adicione esses arquivos. Em seguida, siga as etapas listadas abaixo.
Registro do usuário
Etapa 1: Você pode usar o método abaixo para registrar um novo usuário.
Etapa 2: Após o registro, você receberá um nome de usuário e senha que você pode usar para conectar -se ao servidor usando o método Connect.
await SDK.register(USER_IDENTIFIER, FCE_TOKEN,
VOIP_DEVICE_TOKEN, MODE, REGISTER_META_DATA,
FORCE_REGISTER);O método acima é migrado como abaixo
const registerObject = {
userIdentifier,
fcmtoken,
voipDeviceToken,
mode,
registerMetaData,
forceRegister,
}
await SDK.register(registerObject);
Resposta da amostra:
{
statusCode: 200,
message: "Success",
data: {
username: "123456789",
password: "987654321"
}
}| Cuidado nome de usuário é o ID exclusivo que permite que você se conecte com outros usuários para enviar ou receber mensagens. |
Conexão do servidor
Etapa 1: Você pode usar os detalhes de login que obteve durante o registro para conectar -se ao servidor.
Etapa 2: Se a conexão passar bem, você receberá uma mensagem de sucesso com um código de status de 200. Caso contrário, você verá um erro.
Etapa 3: Você também pode acompanhar o status da conexão usando a função de retorno de chamada do ConnectionListener.
Etapa 4: Caso algo dê errado ao tentar se conectar, você também receberá uma mensagem de erro através do retorno de chamada.
await SDK.connect(`USERNAME`, `PASSWORD`);Resposta da amostra:
{
message: "Login Success",
statusCode: 200
}Envie uma mensagem
E, finalmente, para enviar uma mensagem para outro usuário, basta usar o método mostrado abaixo.
| observação
Você pode usar o const userjid = sdk.getjid (user_id) método, para gerar um Jid para qualquer usuário. |
await SDK.sendTextMessage(`TO_USER_JID`, `MESSAGE_BODY`,`MESSAGE_ID`,`REPLY_TO`);Formato de resposta:
{
"message": "",// String - Success/Error Message
"statusCode": "" // Number - status code
}Receber uma mensagem
Para receber mensagens de outros usuários, você precisará implementar a função Messagelistener. Esta função é acionada sempre que houver uma nova mensagem ou um evento relacionado em bate-papos individuais ou em grupo.
Além disso, ao inicializar o SDK, inclua o método de retorno de chamada fornecido abaixo como parte do processo de configuração
function messageListener(response) {
console.log("Message Listener", response);
}
Por que escolher o Mirrorfly reagir SDK nativo para criar seu aplicativo de bate -papo?
Se você é um desenvolvedor ou uma empresa tentando Construa um aplicativo de bate -papo seguroAssim, React SDK, da Mirrorfly é uma ótima escolha. É fácil ver por que muitos desenvolvedores adoram a solução.
Mirrorfly é conhecido por ser super amigável para desenvolvedorescheio de característicasenquanto deixa você Personalize e inicie -o da maneira que você precisa. Economiza muito tempo e é fácil de usar. Mesmo sem nenhum conhecimento em tecnologia, as equipes podem integrar o SDK com documentação bem guiada.
Aqui estão as principais razões pelas quais a Mirrorfly se reivindica como líder da indústria, especialmente em um mercado que precisa de aplicativos nativos reagir e reagir.
- 100% personalizável: Você pode adicionar, remover ou modificar qualquer parte de Recursos de bate -papo, voz e vídeo de Mirrorfly No entanto, você quer.
- REQUERNO DE LOBELO BRANCO: Quer que seu aplicativo pareça 100% seu? Você pode fazer isso totalmente adicionando seu próprio logotipo, cores e
- Hosting flexível: Host em seu próprio servidorna nuvem, ou mesmo no locala opção que mais lhe convier.
- Segurança personalizada: Você está no controle de quão seguro seu bate -papo precisa estar. Adicione sua própria criptografia, políticas e qualquer camada de segurança e privacidade conforme necessário acima Segurança de bate-papo embutida da Mirrorfly.
- Bats e chamadas ilimitadas: Não importa se são apenas alguns usuários ou milhões. A Mirrorfly lida com tudo sem impacto no desempenho e na qualidade da entrega de chamadas e mensagens.
- Propriedade completa: Com a solução auto-hospedada da Mirorfly, você obtém tudo, desde código, dados e acesso. É tudo seu.
- Equipe de desenvolvimento dedicado: Precisa de mais mãos? Você pode contratar uma equipe da Mirrorfly para trabalhar apenas para você.
- Migração segura: Já está usando outra plataforma de bate -papo? Mirrorfly ajuda a mover tudo, com segurança.
Então sim, se você está procurando um SDK de bate-papo seguro, flexível e amigável Isso permite criar seu aplicativo da maneira que você deseja, sem limitações, o SDK nativo do React da Mirrorfly definitivamente vale a pena.
Quer saber mais sobre a solução? Fale com a equipe de especialistas da Mirrorfly E eles darão a cada passo do seu desenvolvimento de aplicativos de bate -papo nativo do React, a partir daí!
Artigos relacionados:
- 5 principais recursos da API de chamada de voz
- Construa um aplicativo de videoconferência como o Zoom
- Construa o aplicativo de bate -papo com o React Native Gifted Chat
- Construir aplicativo de bate -papo para jogos como discórdia
