React Native - Especificidades do iOS

Nesta página, você encontrará como configurar todos os códigos específicos para o seu App iOS

Esta seção requer que você tenha inicializado com sucesso o SDK do Group Link a partir do Quickstart React Native.

Passo 1 - Solicitando Permissões

Primeiramente, você precisa inserir no seu arquivo info.plist (você pode encontrar este arquivo dentro da pasta ios) as permissões e strings necessárias, você pode seguir o manual de Permissões Necessárias no iOS para saber mais.

Passo 2 - Instalando o Pod do SDK do Group Link

Após a inicialização, você deve mudar o diretório do terminal para a pasta ios do seu projeto e executar o comando pod install para instalar o framework do Group Link dentro do projeto Xcode do seu App React Native.

Passo 3 - Iniciando o BLE no iOS

No trecho de código abaixo, você pode ver como chamar a função BLE da nossa biblioteca React Native. Neste exemplo, chamamos ela dentro da função App no início da aplicação.

import * as GroupLinkSDK from "@grouplinknetwork/rn-grouplink-sdk";

export default function App() {
  GroupLinkSDK.startBluetoothIOS();
  return (
    <View style={styles.container}>
      <Text>Este é um app de teste</Text>
    </View>
  );
}

Lembre-se de sempre verificar se o usuário concedeu permissão para o Bluetooth ao inicializar o seu aplicativo, com a função SDK checkBluetooth().

import * as GroupLinkSDK from '@grouplinknetwork/rn-grouplink-sdk';

export default function App() {
// Você precisa executar esta função para verificar se o usuário concedeu permissão para o bluetooth,
// essa função não pedirá nada, você deve chamar a função startBluetooth() para solicitar a permissão.
      GroupLinkSDK.checkBluetooth();
  return (
    <View style={styles.container}>
      <Text>Este é um aplicativo de teste</Text>
    </View>
  );
}

Passo 4 - Iniciando o Serviço de Localização no iOS

No trecho abaixo, você pode encontrar como chamar a função de localização da nossa biblioteca React Native, neste exemplo, chamamos dentro da função App que está no início da aplicação. Esta função é necessária apenas se você não usar serviços de localização no seu app, se você já os utiliza, pode pular esta parte.

import * as GroupLinkSDK from "@grouplinknetwork/rn-grouplink-sdk";

export default function App() {
  GroupLinkSDK.startLocationIOS();
  return (
    <View style={styles.container}>
      <Text>Este é um app de teste</Text>
    </View>
  );
}

Passo 5 - Token de Notificação Remota do iOS

Agora você precisa passar o token de notificação remota do dispositivo, e a função recebe uma String (token do dispositivo), no React Native você tem várias maneiras de obter este token, abaixo fornecemos um trecho para obter o token do framework Firebase para React Native.

import * as GroupLinkSDK from "@grouplinknetwork/rn-grouplink-sdk";
import messaging from "@react-native-firebase/messaging";

export default function App() {
  useEffect(() => {
    messaging()
      .getToken()
      .then((token) => {
        GroupLinkSDK.setDevicePushTokenIOS(token);
      });

    // ouvir mudanças no token do dispositivo
    return messaging().onTokenRefresh((token) => {
      GroupLinkSDK.setDevicePushTokenIOS(token);
    });
  }, []);
  return (
    <View style={styles.container}>
      <Text>Este é um app de teste</Text>
    </View>
  );
}

Para finalizar a configuração do iOS, siga o tutorial de Notificações Push no seu App React Native.