Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.3.1

crisp

Conecte-se ao chat do Crisp, registre um usuário para conversar (ou não) e exiba um widget de chat.

AndroidiOS
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
270
Curtidas
28
Pontos Pub
130

Instalar pacote

flutter pub add crisp

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Crisp é um pacote Flutter que permite a integração com a plataforma de chat Crisp, permitindo que desenvolvedores conectem usuários a sessões de chat ao vivo. Ele suporta o registro de usuários (com ou sem autenticação) e fornece um widget de chat personalizável para mensagens integradas sem esforço. O pacote é compatível com Android e iOS, tornando-o ideal para aplicativos multiplataforma que exigem suporte ao cliente em tempo real ou engajamento do usuário. Com configuração simples via pub.dev, ele simplifica a incorporação da funcionalidade de chat do Crisp em aplicações Flutter.

Casos de uso

  • Suporte ao cliente no aplicativo
  • Engajamento do usuário por meio de chat ao vivo
  • Mensagens em tempo real em aplicativos móveis
  • Integração de tickets de suporte
  • Painéis de controle de atendimento ao cliente

Principais recursos

  • Integração fácil com o Crisp Chat
  • Gerenciamento de sessão do usuário
  • Widget de bate-papo personalizável
  • Suporte multiplataforma (Android e iOS)
  • Leve e configuração mínima

Indicado para

  • Aplicativos móveis que precisam de chat ao vivo
  • Plataformas de suporte ao cliente
  • Aplicativos de comércio eletrônico
  • aplicações SaaS
  • Aplicativos com sistemas de ajuda voltados para o usuário

Considerações

  • Requer uma conta do Crisp
  • Conexão com a internet necessária para bate-papo
  • Considerações sobre conformidade de privacidade
  • Personalização limitada além dos widgets fornecidos
  • Dependente da estabilidade da API do Crisp

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Flutter Crisp

pub package License: MIT Twitter: oilunabr

Connect with Crisp Chat, register a user to chat (or not) and render a chat widget.

Tested on Android and iOS.

Required setup

Min SDK version:

minSdkVersion 17

AndroidManifest.xml necessary changes:

    <application
        android:usesCleartextTraffic="true">
        ...
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
        <provider
            android:name="com.pichillilorenzo.flutter_inappwebview.InAppWebViewFileProvider"
            android:authorities="${applicationId}.flutter_inappwebview.fileprovider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/provider_paths" />
        </provider>
    </application>

For details check the example folder.

How to use

Initialize with:

  • Your website id (https://app.crisp.chat/website/%5BWEBISTE_ID%5D/inbox/);
  • An optional locale.
  CrispMain crispMain;

  @override
  void initState() {
    super.initState();

    crispMain = CrispMain(
      websiteId: 'WEBSITE_ID',
      locale: 'pt-br',
    );

    crispMain.register(
      user: CrispUser(
        email: "example@provider.com",
        avatar: 'https://avatars2.githubusercontent.com/u/16270189?s=200&v=4',
        nickname: "João Cardoso",
        phone: "5511987654321",
      ),
    );

    crispMain.setMessage("Hello world");

    crispMain.setSessionData({
      "order_id": "111",
      "app_version": "0.1.1",
    });
  }

Then use with:

  • Optional clear cache.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Your brand'),
        ),
        body: CrispView(
          crispMain: crispMain,
          clearCache: false,
        ),
      ),
    );
  }

Additional parameters

Chat user token with userToken

crispMain.initialize(
  websiteId: 'WEBSITE_ID',
  locale: 'pt-br',
  userToken: '<USERTOKENHERE>',
);

Verification token with verificationCode (User Verification)

crispMain.register(
  user: CrispUser(
    email: "example@provider.com",
    avatar: 'https://avatars2.githubusercontent.com/u/16270189?s=200&v=4',
    nickname: "João Cardoso",
    phone: "5511987654321",
    verificationCode: "<HMAC256CODEHERE>",
  ),
);

Custom data via setSessionData (Set custom data)

crispMain.setSessionData({
  "order_id": "111",
  "app_version": "0.1.1",
});

Custom onLinkPressed event

CrispView(
  crispMain: crispMain,
  clearCache: true,
  onLinkPressed: (url) {
    if (url.contains('example.com')) {
      loadDeeplinkWithUrl(url: url);
    } else
      launch(url);
  },
),

Categorias

Bate-papo

Dependências

Lista de dependências 2 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.