Comment créer une application mobile à partir d’une application Appypie

Fournissez à vos utilisateurs une application mobile en quelques étapes simples.

Les PWA (Progressive Web Apps) sont des applications Web qui offrent aux utilisateurs une expérience similaire à celle des applications de bureau et mobiles natives. Cela signifie que les utilisateurs de votre application Appypie auront la possibilité de l’installer sur leur appareil. Voyons comment vous pouvez activer et configurer PWA sur votre application Appypie le créateur d’applications.

Pour configurer PWA, vous devez accéder aux paramètres de l’application mobile dans les paramètres d’application de votre application Appypie. Là, vous verrez plusieurs options qui vous permettent d’activer une PWA sur votre application Appypie ainsi que de personnaliser son apparence. Passons donc en revue les paramètres et testons la fonctionnalité.

Vue d’ensemble des paramètres

Activer l’application mobile (PWA)

Cette bascule vous permet d’activer l’option d’application mobile (PWA) pour vos utilisateurs.

Nom de l’application

Vous devez spécifier un nom qui apparaîtra sous votre icône PWA sur l’écran d’accueil de vos utilisateurs ou partout où il est ajouté.

Logo / icône

Ici, vous définissez l’icône qui sera utilisée sur l’appareil de l’utilisateur pour représenter votre application.

Couleur d’arrière-plan

Lorsqu’elle est ouverte en tant que PWA, votre application Appypie aura un écran de démarrage. Donc, ici, vous pouvez personnaliser la couleur d’arrière-plan de l’écran de démarrage. Nous verrons à quoi cela ressemble plus loin dans ce guide lorsque nous testerons la fonctionnalité du point de vue de l’utilisateur.

Bouton d’action flottant

Ici, vous pouvez configurer le bouton qui invitera les utilisateurs à installer la PWA lorsqu’ils visiteront votre site. Vous pouvez choisir son alignement à l’écran ainsi que les types d’appareils à afficher. Alors, configurons tous ces paramètres et voyons à quoi cela ressemble du point de vue de vos utilisateurs.

Configuration des paramètres et des tests de l’application mobile

Ci-dessous, vous pouvez voir comment nous avons configuré les paramètres PWA.

Voyons maintenant ce que l’utilisateur verra lorsqu’il visitera votre site.

Comme vous pouvez le voir, nous avons pu cliquer sur l’icône PWA et installer avec succès l’application sur notre appareil de bureau (comme une application Chrome dans notre cas). L’icône d’installation PWA est apparue dans le coin inférieur gauche de l’écran (comme nous l’avions défini dans les paramètres) et l’application avait un écran de démarrage rouge, que nous avions également spécifié.