Hoje, as empresas têm uma nova maneira de interagir com os clientes – App Clip e tags NFC. Esse recurso permite que os usuários executem pequenos programas no sistema operacional do telefone sem precisar ir até a loja de aplicativos para baixar e instalar o software. Pequenos programas simplesmente exibem informações na tela, um recurso que cria oportunidades para desenvolver novos relacionamentos com os clientes. Por exemplo, cafeterias podem oferecer cartões de fidelidade mais úteis, e os varejistas podem tornar as carteiras virtuais mais utilizáveis. Os comerciantes podem acionar o applet de várias maneiras, uma das quais é uma tag NFC que aponta para um endereço de URL. Quando o iPhone do usuário está próximo ao rótulo, o telefone encontra automaticamente a URL e inicia o applet. O princípio é simples e o custo é baixo. Vamos dar uma olhada no que as empresas precisam para usar applets.
O que é um App Clip? O App Clip é descrito como uma "versão leve de aplicativos móveis". Este pequeno software contém menos de 10 MB de código binário pré-compactado e fornece principalmente uma pequena parte da funcionalidade do aplicativo. Por exemplo, o aplicativo completo de uma empresa de café pode fornecer um diretório de suas cafeterias, promoções recentes, classificações de vendas e cartões de fidelidade, mas o applet App Clip mostra apenas os cartões de fidelidade. Esses recursos garantem uma experiência instantânea para os usuários, mesmo quando as velocidades da Internet móvel são baixas. Os usuários também podem obter uma experiência de usuário simples e rápida. Lançar o mini programa pelo telefone perto da etiqueta NFC pode reduzir muitas barreiras de uso, abrindo a porta para a interação digital para novos clientes que estão menos familiarizados com aplicativos móveis. Aqui está uma olhada na experiência do desenvolvedor de aplicativos iOS da ST, Vincent Latorre, no desenvolvimento de pequenos programas.
Clipe de aplicativo: configuração de cliente ou NFC
1. Prepare o pacote ST25-TAG-BAG-U
O kit de etiquetas ST25-TAG-BAG-U inclui: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
A parte mais fácil de todo o processo de configuração é criar uma tag NFC e escrever a URL para o applet dentro da tag. O processo é tão simples quanto criar uma demonstração funcional sem escrever uma única linha de código. Para fins de demonstração, usaremos duas tags NFC ST25TV02K, uma para manter o endereço URL do applet e a outra como uma prova de conceito para explicar os contêineres funcionais que podem ser armazenados ou armazenados em cache no sistema operacional.
Se você quiser desenvolver uma apresentação baseada no applet App Clip, a segunda TAB não é necessária, o desenvolvedor pode usar apenas a primeira TAB. Mas em vez de mostrar uma tela, queremos aproveitar esta oportunidade para mostrar como escrever blocos de memória e fornecer evidências concretas de que o applet da ST realmente funciona. Ambas as tags são pequenas tags redondas no kit ST25-TAG-BAG-U. Os usuários devem ir até a App Store e baixar nosso aplicativo NFC Tap para ler e escrever tags.
Escrever URL
Retiramos a primeira etiqueta ST25TV02K. A demonstração a seguir pressupõe que a etiqueta esteja em branco. O primeiro passo é selecionar Ler etiqueta na tela inicial, então segure o telefone próximo à etiqueta, e a mensagem ST25TV02K aparecerá na tela. Em seguida, clique no canto inferior direito da tela… Ícone, então selecione a opção Editor de conteúdo de áreas e, finalmente, escaneie a etiqueta com seu telefone. Se for uma etiqueta em branco, uma caixa de diálogo aparecerá com o tamanho da memória (por exemplo, 256 bytes) e uma mensagem Sem NDEF.
Antes de escrever uma mensagem NDEF, o usuário precisa clicar na caixa de diálogo que diz Nenhuma mensagem NDEF, e uma caixa branca e uma seta azul aparecem na tela. Deslize a caixa branca para a esquerda, e um menu aparece com as opções Adicionar, Editar, Inserir e Executar. Após selecionar Adicionar,
1. Escolha NdefUriRecord
2. https://www.myst25.com/clip. Certifique-se de selecionar https, caso contrário o applet não será exibido imediatamente.
3. Pressione o botão Validar e escreva o rótulo
Aprenda sobre contêineres funcionais
O segundo ST25TV02K é nossa tag de teste, e também podemos usá-la para aprender sobre o suporte a NDEF em tags Tipo-5. Esta demonstração prova que o applet do ST está lendo rótulos, não mostrando uma tela de telefone. Para tornar a demonstração mais interessante, seguiremos a abordagem em nossas notas de aplicação sobre gerenciamento de NDEF. Na verdade, esse artigo explicou como configurar a tag ST25TV para uma tag NFC Tipo-5 que suporta mensagens NDEF, em resumo, escrevendo um contêiner de função válido (CC) no primeiro bloco de armazenamento. Esse artigo explica o processo de configuração para o usuário, e podemos escrever quatro bytes CC: E1 40 20 01h diretamente no primeiro bloco de armazenamento no ST25TV02K.
Escrever tag de teste
Antes de executar a operação de gravação de tag, abra o aplicativo NFC Tap iOS e
1. Selecione Ler Tag e escaneie a segunda tag ST25TV02K
2. Verifique a seção Arquivo CC para certificar-se de que o rótulo esteja em branco. Se o Número Mágico for 0x00, a tag não contém nenhuma informação.
Agora ativamos o suporte à transferência de mensagens NDEF e escrevemos uma pequena mensagem.
1. Selecione More na parte inferior da tela, depois selecione Areas Content Editor. O software então pedirá para você escanear a tag e encontrar uma área gravável de 256 bytes sem conteúdo.
2. Clique na Área 1
3. A mensagem No NDEF Record aparece na tela. Deslize a caixa de diálogo para a esquerda e um menu aparece, selecione Add.
4. Clique em NdefTextRecord, limpe o texto existente e digite Hello World!
5. Pressione o botão Validar, coloque seu telefone próximo à etiqueta e escreva a mensagem NDEF.
Teste o clipe do aplicativo
Pequenos programas aparecem somente quando o software do aplicativo completo não está instalado no telefone. Portanto, antes de escanear a primeira tag ST25TV02K com o endereço URL do applet, você deve remover o software NFC Tap se ele estiver instalado. Quando o telefone detecta o primeiro TAB, ele exibe o cartão do applet na tela de toque, perguntando ao usuário se ele deseja abrir o applet ou baixar o aplicativo da loja de aplicativos. Abrir o applet exibirá uma versão simplificada do aplicativo NFC Tap, onde Read NDEF está cinza e indisponível, mas Read Tag está disponível. Selecione a opção Read tag e então escaneie a segunda tag ST25TV02K para provar que o applet lê nossos dados de tag. Rolando a tela para baixo, vemos que o Magic Number é 0xE1, provando que o applet está escaneando o rótulo que acabamos de configurar.
Desenvolvimento de plano de fundo ou aplicação e configuração de servidor Web
Para desenvolvedores que desejam aprender mais, o primeiro passo é baixar o código-fonte do nosso aplicativo iOS (STSW-ST25IOS001). Os engenheiros podem simplesmente abrir o arquivo baixado no ambiente de desenvolvimento Apple IDE e começar a trabalhar em nossa abordagem de implementação. A primeira coisa a ser observada é que um pedaço de código que atua como um pequeno programa em um aplicativo é um alvo específico. Para ajudar os desenvolvedores a desenvolver pequenos programas, a Apple fornece um modelo App Clip dedicado, pequenos programas podem ser usados com o Apple Pay e você pode fazer login no software com sua conta Apple. O novo sistema também se beneficia de um sistema especial de notificação e geolocalização. Além disso, um software iOS pode ter vários App clips. No Xcode, os desenvolvedores devem prestar atenção à TAB Assinatura e Recursos e lembrar o nome da equipe e o identificador do pacote.
O próximo passo é criar o applet App Clip usando a interface Web do App Store Connect. Aqui, o desenvolvedor fará upload de uma imagem, que será exibida no cartão do iOS, induzindo o usuário a iniciar o applet. Clique no Advanced App Clip
O Experience abrirá um novo menu e definirá a URL para apontar para o applet. Além disso, os desenvolvedores podem solicitar que o sistema operacional verifique a geolocalização de um dispositivo móvel, e os comerciantes podem escolher usar esse recurso para associar o applet a uma loja ou a um local específico.
Lado do servidor
A configuração do servidor Web é muito simples. No Xcode e no App Store Connect dentro definido na URL, http://www.myst25.com/clip, por exemplo, deve ter um índice. O arquivo HTML e as meta tags devem incluir o ID do aplicativo e o ID do pacote de aplicativos pequenos. Como mostrado abaixo, o corpo do arquivo pode estar em branco, com o lugar mais importante sendo a própria meta tag.
O arquivo chamado apple-app-site-association é o segundo arquivo importante que deve existir na pasta raiz do servidor web, como /www. O arquivo lista apenas os seguintes arrays:
“clipes de aplicativos” : {
“apps”: [“NOME_DA_EQUIPE.ID_DO_PACOTE (por exemplo, UL3MK8FNMR.com.st.st25ncf.clip)”],
“caminhos”: [“DESTINO (por exemplo, caminho/*)”]
