Meu Primeiro App com React Native - #23 Produto pelo QRCode

Nessa videoaula automatizaremos a leitura do QRCode buscando os dados do produto para agilizar o processo de atualização da encomenda.

Buscando os dados do produto com React Native

views/arearestrita/Edicao.js

Vamos criar a função que busca o produto no banco pra gente:

import config from '../../config/config';

async function searchProduct(codigo)
{
    let response=await fetch(config.urlRoot+'searchProduct',{
        method: 'POST',
        headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            code: codigo
        })
    });
    let json=await response.json();
    setProduct(json.Products[0].name);
}

Controller.js

Agora no nosso backend faremos a busca no banco de dados e devolveremos para o frontend os dados do produto:

//Pegar os dados do produto
app.post('/searchProduct', async (req,res)=>{
    let response=await tracking.findOne({
        include:[{model:product}],
        where: {code: req.body.code}
    });
    res.send(JSON.stringify(response));
});

Por hoje é só! Sucesso nos códigos e na vida!

Precisa de aulas particulares? webdesignemfoco@gmail.com