{"id":2232,"date":"2024-04-23T07:34:02","date_gmt":"2024-04-23T07:34:02","guid":{"rendered":"https:\/\/nfc-readers.com\/?p=2232"},"modified":"2024-04-23T07:34:02","modified_gmt":"2024-04-23T07:34:02","slug":"how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags","status":"publish","type":"post","link":"https:\/\/nfc-readers.com\/pt\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"Como desenvolver um applet iOS e acion\u00e1-lo com tags NFC"},"content":{"rendered":"

Hoje, as empresas t\u00eam uma nova maneira de interagir com os clientes \u2013 App Clip e tags NFC. Esse recurso permite que os usu\u00e1rios executem pequenos programas no sistema operacional do telefone sem precisar ir at\u00e9 a loja de aplicativos para baixar e instalar o software. Pequenos programas simplesmente exibem informa\u00e7\u00f5es na tela, um recurso que cria oportunidades para desenvolver novos relacionamentos com os clientes. Por exemplo, cafeterias podem oferecer cart\u00f5es de fidelidade mais \u00fateis, e os varejistas podem tornar as carteiras virtuais mais utiliz\u00e1veis. Os comerciantes podem acionar o applet de v\u00e1rias maneiras, uma das quais \u00e9 uma tag NFC que aponta para um endere\u00e7o de URL. Quando o iPhone do usu\u00e1rio est\u00e1 pr\u00f3ximo ao r\u00f3tulo, o telefone encontra automaticamente a URL e inicia o applet. O princ\u00edpio \u00e9 simples e o custo \u00e9 baixo. Vamos dar uma olhada no que as empresas precisam para usar applets.<\/p>\n

\"\"
\nO que \u00e9 um App Clip? O App Clip \u00e9 descrito como uma "vers\u00e3o leve de aplicativos m\u00f3veis". Este pequeno software cont\u00e9m menos de 10 MB de c\u00f3digo bin\u00e1rio pr\u00e9-compactado e fornece principalmente uma pequena parte da funcionalidade do aplicativo. Por exemplo, o aplicativo completo de uma empresa de caf\u00e9 pode fornecer um diret\u00f3rio de suas cafeterias, promo\u00e7\u00f5es recentes, classifica\u00e7\u00f5es de vendas e cart\u00f5es de fidelidade, mas o applet App Clip mostra apenas os cart\u00f5es de fidelidade. Esses recursos garantem uma experi\u00eancia instant\u00e2nea para os usu\u00e1rios, mesmo quando as velocidades da Internet m\u00f3vel s\u00e3o baixas. Os usu\u00e1rios tamb\u00e9m podem obter uma experi\u00eancia de usu\u00e1rio simples e r\u00e1pida. Lan\u00e7ar o mini programa pelo telefone perto da etiqueta NFC pode reduzir muitas barreiras de uso, abrindo a porta para a intera\u00e7\u00e3o digital para novos clientes que est\u00e3o menos familiarizados com aplicativos m\u00f3veis. Aqui est\u00e1 uma olhada na experi\u00eancia do desenvolvedor de aplicativos iOS da ST, Vincent Latorre, no desenvolvimento de pequenos programas.
\nClipe de aplicativo: configura\u00e7\u00e3o de cliente ou NFC<\/p>\n

\"\"
\n1. Prepare o pacote ST25-TAG-BAG-U
\nO kit de etiquetas ST25-TAG-BAG-U inclui: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nA parte mais f\u00e1cil de todo o processo de configura\u00e7\u00e3o \u00e9 criar uma tag NFC e escrever a URL para o applet dentro da tag. O processo \u00e9 t\u00e3o simples quanto criar uma demonstra\u00e7\u00e3o funcional sem escrever uma \u00fanica linha de c\u00f3digo. Para fins de demonstra\u00e7\u00e3o, usaremos duas tags NFC ST25TV02K, uma para manter o endere\u00e7o URL do applet e a outra como uma prova de conceito para explicar os cont\u00eaineres funcionais que podem ser armazenados ou armazenados em cache no sistema operacional.
\nSe voc\u00ea quiser desenvolver uma apresenta\u00e7\u00e3o baseada no applet App Clip, a segunda TAB n\u00e3o \u00e9 necess\u00e1ria, 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\u00f3ria e fornecer evid\u00eancias concretas de que o applet da ST realmente funciona. Ambas as tags s\u00e3o pequenas tags redondas no kit ST25-TAG-BAG-U. Os usu\u00e1rios devem ir at\u00e9 a App Store e baixar nosso aplicativo NFC Tap para ler e escrever tags.<\/p>\n

Escrever URL<\/p>\n

Retiramos a primeira etiqueta ST25TV02K. A demonstra\u00e7\u00e3o a seguir pressup\u00f5e que a etiqueta esteja em branco. O primeiro passo \u00e9 selecionar Ler etiqueta na tela inicial, ent\u00e3o segure o telefone pr\u00f3ximo \u00e0 etiqueta, e a mensagem ST25TV02K aparecer\u00e1 na tela. Em seguida, clique no canto inferior direito da tela\u2026 \u00cdcone, ent\u00e3o selecione a op\u00e7\u00e3o Editor de conte\u00fado de \u00e1reas e, finalmente, escaneie a etiqueta com seu telefone. Se for uma etiqueta em branco, uma caixa de di\u00e1logo aparecer\u00e1 com o tamanho da mem\u00f3ria (por exemplo, 256 bytes) e uma mensagem Sem NDEF.
\nAntes de escrever uma mensagem NDEF, o usu\u00e1rio precisa clicar na caixa de di\u00e1logo 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\u00e7\u00f5es Adicionar, Editar, Inserir e Executar. Ap\u00f3s selecionar Adicionar,
\n1. Escolha NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Certifique-se de selecionar https, caso contr\u00e1rio o applet n\u00e3o ser\u00e1 exibido imediatamente.<\/p>\n

3. Pressione o bot\u00e3o Validar e escreva o r\u00f3tulo
\nAprenda sobre cont\u00eaineres funcionais<\/p>\n

O segundo ST25TV02K \u00e9 nossa tag de teste, e tamb\u00e9m podemos us\u00e1-la para aprender sobre o suporte a NDEF em tags Tipo-5. Esta demonstra\u00e7\u00e3o prova que o applet do ST est\u00e1 lendo r\u00f3tulos, n\u00e3o mostrando uma tela de telefone. Para tornar a demonstra\u00e7\u00e3o mais interessante, seguiremos a abordagem em nossas notas de aplica\u00e7\u00e3o 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\u00eainer de fun\u00e7\u00e3o v\u00e1lido (CC) no primeiro bloco de armazenamento. Esse artigo explica o processo de configura\u00e7\u00e3o para o usu\u00e1rio, e podemos escrever quatro bytes CC: E1 40 20 01h diretamente no primeiro bloco de armazenamento no ST25TV02K.
\nEscrever tag de teste<\/p>\n

Antes de executar a opera\u00e7\u00e3o de grava\u00e7\u00e3o de tag, abra o aplicativo NFC Tap iOS e
\n1. Selecione Ler Tag e escaneie a segunda tag ST25TV02K
\n2. Verifique a se\u00e7\u00e3o Arquivo CC para certificar-se de que o r\u00f3tulo esteja em branco. Se o N\u00famero M\u00e1gico for 0x00, a tag n\u00e3o cont\u00e9m nenhuma informa\u00e7\u00e3o.
\nAgora ativamos o suporte \u00e0 transfer\u00eancia de mensagens NDEF e escrevemos uma pequena mensagem.
\n1. Selecione More na parte inferior da tela, depois selecione Areas Content Editor. O software ent\u00e3o pedir\u00e1 para voc\u00ea escanear a tag e encontrar uma \u00e1rea grav\u00e1vel de 256 bytes sem conte\u00fado.
\n2. Clique na \u00c1rea 1
\n3. A mensagem No NDEF Record aparece na tela. Deslize a caixa de di\u00e1logo para a esquerda e um menu aparece, selecione Add.
\n4. Clique em NdefTextRecord, limpe o texto existente e digite Hello World!
\n5. Pressione o bot\u00e3o Validar, coloque seu telefone pr\u00f3ximo \u00e0 etiqueta e escreva a mensagem NDEF.
\nTeste o clipe do aplicativo<\/p>\n

Pequenos programas aparecem somente quando o software do aplicativo completo n\u00e3o est\u00e1 instalado no telefone. Portanto, antes de escanear a primeira tag ST25TV02K com o endere\u00e7o URL do applet, voc\u00ea deve remover o software NFC Tap se ele estiver instalado. Quando o telefone detecta o primeiro TAB, ele exibe o cart\u00e3o do applet na tela de toque, perguntando ao usu\u00e1rio se ele deseja abrir o applet ou baixar o aplicativo da loja de aplicativos. Abrir o applet exibir\u00e1 uma vers\u00e3o simplificada do aplicativo NFC Tap, onde Read NDEF est\u00e1 cinza e indispon\u00edvel, mas Read Tag est\u00e1 dispon\u00edvel. Selecione a op\u00e7\u00e3o Read tag e ent\u00e3o escaneie a segunda tag ST25TV02K para provar que o applet l\u00ea nossos dados de tag. Rolando a tela para baixo, vemos que o Magic Number \u00e9 0xE1, provando que o applet est\u00e1 escaneando o r\u00f3tulo que acabamos de configurar.<\/p>\n

Desenvolvimento de plano de fundo ou aplica\u00e7\u00e3o e configura\u00e7\u00e3o de servidor Web
\nPara desenvolvedores que desejam aprender mais, o primeiro passo \u00e9 baixar o c\u00f3digo-fonte do nosso aplicativo iOS (STSW-ST25IOS001). Os engenheiros podem simplesmente abrir o arquivo baixado no ambiente de desenvolvimento Apple IDE e come\u00e7ar a trabalhar em nossa abordagem de implementa\u00e7\u00e3o. A primeira coisa a ser observada \u00e9 que um peda\u00e7o de c\u00f3digo que atua como um pequeno programa em um aplicativo \u00e9 um alvo espec\u00edfico. 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\u00ea pode fazer login no software com sua conta Apple. O novo sistema tamb\u00e9m se beneficia de um sistema especial de notifica\u00e7\u00e3o e geolocaliza\u00e7\u00e3o. Al\u00e9m disso, um software iOS pode ter v\u00e1rios App clips. No Xcode, os desenvolvedores devem prestar aten\u00e7\u00e3o \u00e0 TAB Assinatura e Recursos e lembrar o nome da equipe e o identificador do pacote.
\nO pr\u00f3ximo passo \u00e9 criar o applet App Clip usando a interface Web do App Store Connect. Aqui, o desenvolvedor far\u00e1 upload de uma imagem, que ser\u00e1 exibida no cart\u00e3o do iOS, induzindo o usu\u00e1rio a iniciar o applet. Clique no Advanced App Clip
\nO Experience abrir\u00e1 um novo menu e definir\u00e1 a URL para apontar para o applet. Al\u00e9m disso, os desenvolvedores podem solicitar que o sistema operacional verifique a geolocaliza\u00e7\u00e3o de um dispositivo m\u00f3vel, e os comerciantes podem escolher usar esse recurso para associar o applet a uma loja ou a um local espec\u00edfico.
\nLado do servidor
\nA configura\u00e7\u00e3o do servidor Web \u00e9 muito simples. No Xcode e no App Store Connect dentro definido na URL, http:\/\/www.myst25.com\/clip, por exemplo, deve ter um \u00edndice. 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\u00f3pria meta tag.
\nO arquivo chamado apple-app-site-association \u00e9 o segundo arquivo importante que deve existir na pasta raiz do servidor web, como \/www. O arquivo lista apenas os seguintes arrays:
\n\u201cclipes de aplicativos\u201d : {
\n\u201capps\u201d: [\u201cNOME_DA_EQUIPE.ID_DO_PACOTE (por exemplo, UL3MK8FNMR.com.st.st25ncf.clip)\u201d],
\n\u201ccaminhos\u201d: [\u201cDESTINO (por exemplo, caminho\/*)\u201d]","protected":false},"excerpt":{"rendered":"

Hoje, as empresas t\u00eam uma nova maneira de interagir com os clientes \u2013 App Clip e tags NFC. Esse recurso permite que os usu\u00e1rios executem pequenos programas no sistema operacional do telefone sem precisar ir at\u00e9 a loja de aplicativos para baixar e instalar o software. Pequenos programas simplesmente exibem informa\u00e7\u00f5es na tela, um recurso que [\u2026]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,44],"tags":[],"class_list":["post-2232","post","type-post","status-publish","format-standard","hentry","category-uncategorized","category-ntag-card"],"_links":{"self":[{"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/pt\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}