jerp86 / postmessagewithwebview

Project is to demonstrate in a simple way how it is possible to have text and/or object communication between a Native/Hybrid app and a website, through window.postMessage().

postMessage with WebView

---

---

Sobre |  Motivo |  Requisitos

Tecnologias |  Como baixar o projeto |  Licença

---

ℹ️ Sobre

Projeto trata de demostrar de forma simples como é possível haver comunicação de texto e/ou objetos entre um app Nativo/Híbrido e um site, através do window.postMessage().

⁉️ Motivo

Enquanto era produzido um WebApp que será chamado em uma WebView nativa (Android e iOS), foi detectado a necessidade de troca de informações entre o Nativo e WebApp.

🌱 Requisitos Mínimos

NodeJS

🚀 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

• Expo
• React Native
• React Native WebView
• postMessage

📦 Como baixar o projeto

Para copiar o projeto, utilize os comandos:

  # Clonar o repositório
  ❯ git clone https://github.com/jerp86/postMessageWithWebView.git

  # Entrar no diretório
  ❯ cd postMessageWithWebView

Para instalar as dependências e iniciar o projeto, você pode utilizar o Yarn ou NPM:

Utilizando yarn

  # Instalar as dependências
  ❯ yarn

  # Iniciar o projeto
  ❯ yarn start

Utilizando npm

PS: Caso utilize o NPM, apague o arquivo yarn.lock para ter todas as dependências instaladas da melhor forma.

  # Instalar as dependências
  ❯ npm install

  # Iniciar o projeto
  ❯ npm start

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com ❤️ por Jerp86 👋️ Entre em contato!