Lleva contigo tus PDFs y estudia más tarde
Utilice estos comandos para clonar e instalar la aplicación:
-
Hacer Fork al repositorio de studylater-app
-
Instalar dependencias:
npm install
-
Iniciar servidor de desarrollo:
npm run start
-
Cambiar el AppId de
com.angelxehg.studylater
a otro AppId válido, en los siguientes archivos:- capacitor.config.ts
- android/app/build.gradle
- android/app/release/output-metadata.json
- android/app/src/main/AndroidManifest.xml
- android/app/src/main/assets/capacitor.config.json
- android/app/src/main/res/values/strings.xml
- android/app/src/main/java/com/angelxehg/studylater/MainActivity.java. NOTA: tambien cambiar su ubicación de
com/angelxehg/studylater
a una que coincida con el [AppId]
-
Crear nuevo proyecto de Firebase. Se requiere habilitar como minimo:
- Crear una Aplicación Web
- Configurar Google como método de acceso
- Crear una Aplicación Android. Asegurate de completar la opción Certificado de firma SHA-1 de depuración tanto para la clave
debug
como pararelease
(si es que tienes una). - No es necesario copiar el archivo
google-services.json
, pero es necesario obtener de este archivo el valorREACT_APP_FIREBASE_WEB_CLIENT_TYPE3
, ubicado en"client_id"
en la versión"client_type": 3
, que se encuentra en"oauth_client"
:
{
"oauth_client": [
{
"client_id": "xxxxxx.apps.googleusercontent.com",
"client_type": 3
}
],
}
NOTA: Para más información consulta la documentación del plugin Google Plus
- Configurar variables en un nuevo archivo
.env.local
REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGE_SENDER_ID=
REACT_APP_FIREBASE_APP_ID=
REACT_APP_FIREBASE_WEB_CLIENT_TYPE3=
Compilar y probar aplicación en dispositivos:
-
Compilar assets:
npm run build
-
Ejecutar Jetifier:
npx jetify
. Sin este paso, la compilación en android fallará -
Copiar assets y actualizar plugins:
-
Android:
npx cap sync android
-
iOS:
npx cap sync ios
-
Ejecutar npm run start
, e incluir la url pública en el archivo capacitor.config.ts
:
const config: CapacitorConfig = {
server: {
url: "http://192.168.0.63:3000",
cleartext: true
},
};
NOTA: Deberas revertir este cambio cuando dejes de usar LiveReload, o quieras generar una versión para producción
-
Ver dispositivos disponibles:
-
Android:
npx cap run android --list
-
iOS:
npx cap run ios --list
-
-
Ejecutar en dispositivo:
-
Android:
npx cap run android --target [ID de Target]
-
iOS:
npx cap run ios --target [ID de Target]
-
Consulta más sobre LiveReload
Compilar y probar aplicación en dispositivos:
-
Compilar assets:
npm run build
-
Ejecutar Jetifier:
npx jetify
. Sin este paso, la compilación en android fallará -
Copiar assets y actualizar plugins:
-
Android:
npx cap sync android
-
iOS:
npx cap sync ios
-
-
Abrir IDE y compilar:
-
Android:
npx cap open android
(Requiere Android Studio) -
iOS:
npx cap open ios
(Requiere XCode)
-