{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","settings":"","results":{"codes":[]},"params":[]},"next":{"description":"","pages":[]},"title":"Configuração","type":"basic","slug":"ios-rich-push-notification2","excerpt":"","body":"Este é um guia rápido para exibir uma imagem em uma notificação recebida. O Android trata isso automaticamente, portanto, essa configuração extra é necessária apenas para iOS. Para mais informações e a documentação oficial acesse: [https://rnfirebase.io/messaging/ios-notification-images](https://rnfirebase.io/messaging/ios-notification-images) \n[block:api-header]\n{\n  \"title\": \"Etapa 1 - Adicionar uma extensão de Notification Service Extension\"\n}\n[/block]\nNo menu superior do Xcode, vá para: File -> New -> Target\n\nUm modal apresentará uma lista de possíveis Targets, role para baixo ou use o filtro para selecionar Notification Service Extension (Extensão do serviço de notificação). Pressione Avançar.\nAdicione um nome de produto (use ImageNotification para acompanhar) e clique em Concluir\nHabilite o esquema clicando em Ativar\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2c1d07d-ios-notification-images-step-1.gif\",\n        \"ios-notification-images-step-1.gif\",\n        800,\n        450,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Etapa 2 - Adicionar destino ao Podfile\"\n}\n[/block]\nCertifique-se de que sua nova extensão tenha acesso ao pod Firebase / Messaging adicionando-a ao Podfile:\n\nNo Navigator, abra o Podfile: Pods -> Podfile\nRole até a parte inferior do arquivo e adicione\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"target 'ImageNotification' do\\n  pod 'Firebase/Messaging', '~> VERSION_NUMBER' # eg 6.31.0\\nend\",\n      \"language\": \"objectivec\"\n    }\n  ]\n}\n[/block]\nCertifique-se de alterar o número da versão VERSION_NUMBER com a versão atualmente instalada (verifique seu Podfile.lock)\nInstale ou atualize seus pods usando a instalação de pod da pasta iOS.\n[block:api-header]\n{\n  \"title\": \"Etapa 3 - Use o auxiliar de extensão\"\n}\n[/block]\nNeste ponto, tudo ainda deve estar funcionando normalmente. Esta é a etapa final que invoca o auxiliar de extensão.\n\nNo navegador, selecione sua extensão ImageNotification\nAbra o arquivo NotificationService.m\nNa parte superior do arquivo, importe FirebaseMessaging.h logo após NotificationService.h conforme mostrado abaixo\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"#import \\\"NotificationService.h\\\"\\n+ #import \\\"FirebaseMessaging.h\\\"\",\n      \"language\": \"objectivec\"\n    }\n  ]\n}\n[/block]\nEm seguida, substitua tudo da linha 25 a 28 com o auxiliar de extensão\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \" // Modify the notification content here...\\n- self.bestAttemptContent.title = [NSString stringWithFormat::::at:::\\\"%@ [modified]\\\", self.bestAttemptContent.title];\\n\\n- self.contentHandler(self.bestAttemptContent);\\n+ [[FIRMessaging extensionHelper] populateNotificationContent:self.bestAttemptContent withContentHandler:contentHandler];\",\n      \"language\": \"objectivec\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a06dca4-ios-notification-images-step-2.gif\",\n        \"ios-notification-images-step-2.gif\",\n        800,\n        477,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Etapa 4 - Alteração do Bitcode\"\n}\n[/block]\nAbra o NotificationService de destino, aba Build Settings, encontre o bitcode -> selecione Não\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f0782ef-514cd81-Picture1.png\",\n        \"514cd81-Picture1.png\",\n        1004,\n        547,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Pronto para usar\"\n}\n[/block]\nExecute o aplicativo e verifique se ele foi compilado com sucesso - certifique-se de ter selecionado o Target correto. Agora você pode usar o Editor de notificações para testar o envio de notificações com uma imagem (tamanho máximo de 300 KB).","updates":[],"order":0,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"625010cce9bb85004cf09005","createdAt":"2022-04-08T10:39:08.927Z","user":"621613ebc40803006f8bd946","category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"iOS Rich Push Notification","slug":"ios-rich-push-notification","order":7,"from_sync":false,"reference":false,"_id":"625010e649ff260020328542","createdAt":"2022-04-08T10:39:34.550Z","version":"57240e292887bb0e00bb9d96","project":"57240e292887bb0e00bb9d93","__v":0},"version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["57240e292887bb0e00bb9d97","57241b7deae5090e00ee6249","57241c06eae5090e00ee624a","57242abb2ad0bc170012279b","5734d18c7b9859320047f4b1","57688cc71f818b0e00695efb","577ead2ca74eb40e00d97bca","57b66af649a12a0e007b461b","597e5f8f13505b0014251a79","59964eb2f824b4000f961fbe","5a15ab12f2643f001ee8737c","5ab1151799750500797334e0","5c597e8b0abe110014bf1a11","5e395a05470bc3002d78d886","5e42a9647515f300509a594d","5f5e716dcc85f9004a4fa193","5f6dd615c624d800180bd237","5f984feb8aed05003a0032dc","60ac0e9c4c04970016613c6c","625010e649ff260020328542"],"_id":"57240e292887bb0e00bb9d96","createdAt":"2016-04-30T01:45:13.341Z","project":"57240e292887bb0e00bb9d93","releaseDate":"2016-04-30T01:45:13.341Z","__v":20},"project":"57240e292887bb0e00bb9d93","__v":0,"parentDoc":null}
Este é um guia rápido para exibir uma imagem em uma notificação recebida. O Android trata isso automaticamente, portanto, essa configuração extra é necessária apenas para iOS. Para mais informações e a documentação oficial acesse: [https://rnfirebase.io/messaging/ios-notification-images](https://rnfirebase.io/messaging/ios-notification-images) [block:api-header] { "title": "Etapa 1 - Adicionar uma extensão de Notification Service Extension" } [/block] No menu superior do Xcode, vá para: File -> New -> Target Um modal apresentará uma lista de possíveis Targets, role para baixo ou use o filtro para selecionar Notification Service Extension (Extensão do serviço de notificação). Pressione Avançar. Adicione um nome de produto (use ImageNotification para acompanhar) e clique em Concluir Habilite o esquema clicando em Ativar [block:image] { "images": [ { "image": [ "https://files.readme.io/2c1d07d-ios-notification-images-step-1.gif", "ios-notification-images-step-1.gif", 800, 450, "#333" ] } ] } [/block] [block:api-header] { "title": "Etapa 2 - Adicionar destino ao Podfile" } [/block] Certifique-se de que sua nova extensão tenha acesso ao pod Firebase / Messaging adicionando-a ao Podfile: No Navigator, abra o Podfile: Pods -> Podfile Role até a parte inferior do arquivo e adicione [block:code] { "codes": [ { "code": "target 'ImageNotification' do\n pod 'Firebase/Messaging', '~> VERSION_NUMBER' # eg 6.31.0\nend", "language": "objectivec" } ] } [/block] Certifique-se de alterar o número da versão VERSION_NUMBER com a versão atualmente instalada (verifique seu Podfile.lock) Instale ou atualize seus pods usando a instalação de pod da pasta iOS. [block:api-header] { "title": "Etapa 3 - Use o auxiliar de extensão" } [/block] Neste ponto, tudo ainda deve estar funcionando normalmente. Esta é a etapa final que invoca o auxiliar de extensão. No navegador, selecione sua extensão ImageNotification Abra o arquivo NotificationService.m Na parte superior do arquivo, importe FirebaseMessaging.h logo após NotificationService.h conforme mostrado abaixo [block:code] { "codes": [ { "code": "#import \"NotificationService.h\"\n+ #import \"FirebaseMessaging.h\"", "language": "objectivec" } ] } [/block] Em seguida, substitua tudo da linha 25 a 28 com o auxiliar de extensão [block:code] { "codes": [ { "code": " // Modify the notification content here...\n- self.bestAttemptContent.title = [NSString stringWithFormat:@\"%@ [modified]\", self.bestAttemptContent.title];\n\n- self.contentHandler(self.bestAttemptContent);\n+ [[FIRMessaging extensionHelper] populateNotificationContent:self.bestAttemptContent withContentHandler:contentHandler];", "language": "objectivec" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/a06dca4-ios-notification-images-step-2.gif", "ios-notification-images-step-2.gif", 800, 477, "#333" ] } ] } [/block] [block:api-header] { "title": "Etapa 4 - Alteração do Bitcode" } [/block] Abra o NotificationService de destino, aba Build Settings, encontre o bitcode -> selecione Não [block:image] { "images": [ { "image": [ "https://files.readme.io/f0782ef-514cd81-Picture1.png", "514cd81-Picture1.png", 1004, 547, "#333" ] } ] } [/block] [block:api-header] { "title": "Pronto para usar" } [/block] Execute o aplicativo e verifique se ele foi compilado com sucesso - certifique-se de ter selecionado o Target correto. Agora você pode usar o Editor de notificações para testar o envio de notificações com uma imagem (tamanho máximo de 300 KB).