Na aplicação desenvolvida é possível Criar, Visualizar, Editar e Deletar empresas. Todas as informações estão em um banco de dados, que foi desenvolvido e manipulado utilizando o phpMyAdmin e o MySQL.

Clique nos links a seguir para acessar os vídeos de cada operação do CRUD desenvolvido com React e PHP:

📝 Create (criação) de uma nova empresa
📄 Read (leitura) da lista de empresas
🔄 Update (atualização) de uma empresa
❌ Delete (exclusão) de uma empresa

Para instalar as dependências e iniciar a aplicação React, execute os comandos na ordem a seguir:

  cd src

  cd react-crud

  cd npm install

  cd npm start

Para rodar o servidor PHP na máquina, utilizei a seguinte documentação: Built-in web server, onde acessamos a pasta na qual queremos rodar o servidor:

  cd src

  cd api

E rodamos o comando:

  php -S localhost:8000

Após rodar o comando obtemos a resposta a seguir no terminal:

  [Mon Apr  3 17:28:52 2023] PHP 7.4.33 Development Server (http://localhost:8000) started

Significa que o servidor PHP está funcionando corretamente. Assim, podemos acessar o endereço http://localhost:8000/ e observar o funcionamento da API.

Notas sobre o desenvolvimento do aplicativo Bitrix24 - https://training.bitrix24.com/rest_help/

Para ter como base de desenvolvimento, tentei ter acesso ao exemplo disponibilizado no tópico Aplicativos hospedados em servidores de terceiros, porém o link não deu acesso ao arquivo, como podemos observar no vídeo abaixo:

Clique aqui para acessar o vídeo da documentação

Assim, priorizando o desenvolvimento guiado pelo MVP (Produto Minimamente Viável), decidi desenvolver primeiro um CRUD utilizando React, PHP e MySQL. Como é meu primeiro contato com PHP, é um bom começo ter essa experiência inicial.

A integração foi a etapa mais desafiadora do projeto, pois a plataforma Bitrix24 e o PHP são ferramentas novas para mim. Pesquisei arduamente e encontrei a biblioteca bitrix24-api-module - https://packagist.org/packages/oihso/php-bitrix24-api-module porém não consegui instalar ela no projeto. Obtive o erro a seguir, limpei o cache do Composer com o comando a seguir porém não solucionou o erro:

  composer clear-cache

Após incluir as requisições para o Bitrix24 via formulário React, a aplicação apresentou os seguintes erros:

Tentei solucionar com adição de tag's no index.php porém não teve efeito corretivo. Outra possível solução era adicionar o endereço http://localhost:3000 a lista de Origens Permitidas no aplicativo da Bitrix24. Porém não consegui realizar esse passo.