Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Meu Primeiro App com React Native - #09 Iniciando com o Backend

11/08/2020

Nesse tutorial começaremos a trabalhar no lado backend da nossa aplicação, usando a fundo o NodeJS, banco de dados e integrações.

Backend com React Native

Pra iniciar no backend precisaremos de alguns softwares e módulos como requisitos:
- Framework Express JS
- Módulo Cors
- Módulo Nodemon
- Módulo Sequelize
- Servidor de Mysql WampServer

Vamos rodar os comandos:

npm install express --save
npm install cors
npm install -g nodemon
npm install --save sequelize
npm install --save mysql2
npm install --save-dev sequelize-cli
npx sequelize-cli init
nodemon Controller.js

Após instalar o WampServer, podemos gerenciar o banco através do PhpMyAdmin através da url: http://localhost/phpmyadmin. O usuário é root e não tem senha.

Controller.js

O entry point do lado backend do nosso sistema receberá o nome do Controller.js

const express=require('express');
const cors=require('cors');
const bodyParser=require('body-parser');

const app=express();
app.use(cors());
app.use(bodyParser.urlencoded({ extended: false }));

app.get('/',(req,res)=>{
    res.send('Meu servidor backend já está rodando!');
});

let port=process.env.PORT || 3000;
app.listen(port,(req,res)=>{
    console.log('Servidor Rodando');
});

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

Precisando de assessoria? webdesignemfoco@gmail.com

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Meu Primeiro App com React Native - #08 Tela de Login
No tutorial de hoje realizaremos a criação da screen de login do nosso app com React Native, exibindo o formulário para o usuário.
Saiba mais!
Meu Primeiro App com React Native - #10 Criando e Configurando o Banco de Dados
Nessa aula aprenderemos como criar nosso banco de dados relacionando aos nossos models de gerenciamento do banco.
Saiba mais!
React JS
Nessa seção aprenderemos sobre essa importante biblioteca Javascript desenvolvida pelo Facebook para facilitar a construção backend dos nossos websites.
Saiba mais!