Développement

Sur desktop

Pas fidèle aux comportements d'applications mobiles IOS ou AND. Recommander pour faire du développement rapide

Exécuter ionic serve à la racine pour lancer la version test dans le navigateur. Par défaut, l'application est servie sur localhost au port 8100. Ne pas oublier d'activer l'affichage en mode téléphone dans les dev tools ! Je conseille de choisir le cadre du Samsung Galaxy S8+ pour travailler, parce qu'il est le juste milieu entre le ratio 9/20 (nouveaux appareils) et le 9/16 (anciens).

Actuellement, le navigateur ne prend pas en charge les demandes de permissions Android (GPS, caméra, stockage). Pour pouvoir passer l'étape du tutoriel, il faut donc commenter les lignes qui gèrent cela quand on teste en live :

Fichier : src/views/TutorialPage.vue, lignes 44 à 64.

// Ask for permissions
const cameraPermStatus = await Camera.requestPermissions();
const filePermStatus   = await Filesystem.requestPermissions();

let locationPermStatus;
try {
    locationPermStatus = await Geolocation.requestPermissions();
} catch (err) {
    locationPermStatus = "disabled"
}

if (cameraPermStatus.camera === "granted" && filePermStatus.publicStorage === "granted" &&
      (locationPermStatus === "disabled"         ||
       locationPermStatus.location === "granted" ||
       locationPermStatus.coarseLocation === "granted")
) {
    UserData.setSeenTutorial(true);        // NE PAS COMMENTER CETTE LIGNE
    this.$router.replace("/register");     // NE PAS COMMENTER CETTE LIGNE
} else {
    this.$router.replace("/permission-denied")
}

Sur IOS

Sur Android