Scribd
Cargar
25 vistas3 páginas

Guía para Crear App con Node y Expo

El documento proporciona instrucciones para configurar una aplicación móvil de comercio electrónico con backend en Node.js y base de datos MySQL. Incluye pasos para instalar las dependencias necesarias como Node.js, Yarn, Expo CLI, y librerías de React Native, y para crear el proyecto de la aplicación y API, conectarlos a la base de datos, e iniciarlos para desarrollo y pruebas.

Cargado por

David Juarez Magaña
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
25 vistas3 páginas

Guía para Crear App con Node y Expo

El documento proporciona instrucciones para configurar una aplicación móvil de comercio electrónico con backend en Node.js y base de datos MySQL. Incluye pasos para instalar las dependencias necesarias como Node.js, Yarn, Expo CLI, y librerías de React Native, y para crear el proyecto de la aplicación y API, conectarlos a la base de datos, e iniciarlos para desarrollo y pruebas.

Cargado por

David Juarez Magaña
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

[Link] NODE JS(LTS) : [Link]

org/en/download

2.- INSTALAR YARN: npm install –global yarn –force (si da error: sudo npm install –global yarn –
force, y agregas la contraseña de tu equipo).

3.-INSTALAR EXPO CLI: yarn global add expo-cli

4-CREAR APLICACIÓN: abrir carpeta donde va a estar el proyecto.

npx créate-expo -app eccomerce

5_ IR A LA CARPETA DE LA APLICACIÓN EN CDM Y ABRIR LA CARPETA CON VISUAL SUDIO CODE.

EN LA CARPETA DE LA APLICACIÓN PEGAR los archivos DENTRO DE LA CARPETA COMPRIMIDA APP.


(src,assets, app,etc),

[Link] EL API REST. CREAR UNA CARPETA EN LA CARPET DONDE ESTA LA APP

ABRIR LA CARPETA CON CDM Y JECUTAR : npm init -y,

7:-INSTALAR LO NECEARIO PARA LA API: en la terminal pegar y ejecutar lo siguiente

npm i express mysql2 morgan cors swagger-js swagger-ui-express dotenv

[Link] DEPENDENCIAS.

npm i nodemon @babel/core @babel/cli @babel/preset-env @babel/node -D

9-. Pegar los archivos de la capeta app_api y remplazarlos qe se repitan.

En cdm ir a la carpeta de la api y ejecutar: npm run build, y después nmp start: con eso se inicia el
servidor.

10:-EN CDM EN LA CARPETA DEL ECCOMERCE EJECUTAR LO SIGUIENTE UNO POR UNO :
yarn add react-native-paper
yarn add react-native-root-toast
yarn add react-native-safe-area-context
yarn add react-native-screens
yarn add formik
yarn add @react-navigation/bottom-tabs
yarn add @react-navigation/native
yarn add @react-navigation/native-stack
yarn add expo-status-bar
yarn add react-native-vector-icons
yarn add @react-native-async-storage/async-storage
yarn add lodash

DESPUES DE INSTALAR LO ANTERIOR PEGAR EL CONTENIDO ARCHIVOS Y CARPETA APP EN LA


APLICACIÓN Y REMPLAXAR LO NECESARIO

11 EJECUTTAR:

ABRIR EN CDM TANTO LA CARPETA API(BACKEND) COMO EL ECCOMERCE

EL SERVIDOR(BACKEND) EJECUTAR CON npm start.

La aplicación con yarn start: esanear código con la aplicación expo descargada en el clular.

BASE DE DATOS

EN PHP mi admin crearuna nueva base de datos llamada katchell e importar el archivo de la base
de datos. Después crear un usuario llamado Admin con contraseña 1234.

Ejecutar en una consulta SQL, el archivo llamado procedimientos nuevos

11 coneccion A LA BASE

En la api en el archivo config cambiar los datos de host y usuario si se modificaron el usuario en la
BD.

12: en la carpeta utils del eccomerse en constantes cambiar el [Link] cambiar el ip


por el ip de la red.

Se puede obtener el ip con: ipconfig.


13: después de poner a funcionar el servidor: npm start

Y la aplicación: yarn start, se puede conectar desde el celular.

También podría gustarte