Plateforme AR de production

ShopiAR Studio

Un studio web pour préparer des filtres AR, charger des GLB, régler les ancres visage, publier dans Supabase et livrer des manifests propres à l'app Flutter via shopi_ar_sdk.

Capacités produit

Une chaîne claire entre création, publication et intégration mobile.

Le créateur prépare les assets, le studio sécurise les écritures, puis l'app mobile consomme uniquement les filtres validés via des endpoints publics stables.

Créer des filtres AR

Choisis un type de filtre, règle l'ancre visage ou objet, ajuste position, rotation, échelle, opacité et matériaux.

Importer les vrais assets

Ajoute les GLB et images dans la bibliothèque, puis rattache chaque asset au filtre qui sera publié.

Publier pour le SDK

Les endpoints publics exposent seulement les filtres en statut publié et visibles publiquement.

Branché sur Supabase

Le studio utilise Supabase Auth, Database et Storage pour garder une source de vérité exploitable en production.

Sécurisé côté créateur

Les opérations d'écriture restent derrière l'authentification et ne sont pas disponibles en accès public.

Aperçu 3D intégré

Inspecte le rendu dans le navigateur avec grille, ancres, contrôles et assets normalisés pour le web.

Studio React

Une interface claire pour gérer un filtre du brouillon à la publication.

La page met en avant le vrai produit : une console créateur avec bibliothèque d'assets, preview 3D, panneau d'inspection, statut de publication et endpoints consommés par l'app Flutter.

Assets versionnés

Chaque GLB reste lié au filtre et à son statut.

Publication maîtrisée

Seuls les filtres publics sortent dans l'API SDK.

shopiar-premium-face-pack
Premium Face Mask
4K render / Normalized GLBprêt SDK

Upload

GLB / PNG

Réglage

Anchor + transform

Preview

Web + mobile

Publish

API SDK

Workflow

Un parcours court, lisible et prêt pour la prod.

La création reste structurée : chaque étape produit une donnée exploitable par l'éditeur, l'API publique et le SDK mobile.

01

Créer le workspace

Le créateur démarre avec un espace isolé et des accès d'écriture protégés.

02

Préparer le projet

Nom, type de filtre, catégorie, compatibilité et statut sont posés dès le départ.

03

Importer les assets

GLB, textures et previews restent liés au filtre dans la bibliothèque.

04

Régler le tracking

Ancres, transform, matériau et fallback mobile sont ajustés dans le studio.

05

Valider le rendu

Preview web, données SDK et statut public sont vérifiés avant publication.

06

Livrer le manifest

L'app Flutter récupère les filtres publiés via les endpoints SDK.

Publics

Le même studio sert les créateurs, les marques et l'app mobile.

Créateurs3D + face

Packs AR réutilisables

Prépare des filtres, garde les brouillons, publie des versions propres et conserve les assets au même endroit.

Marquestry-on

Essayage et live shopping

Déploie des lunettes, chaussures, cadres produit et overlays avec une metadata SDK cohérente.

AppsSDK

Endpoints stables

Expose des manifests publics consommés par Flutter, sans donner accès aux routes créateur.

API publique

Des manifests prêts pour Flutter, sans logique fragile côté app.

Les filtres publiés sortent en JSON, les projets exposent un manifest complet, et le SDK mobile récupère les assets depuis une source stable.

SDK manifest
GET /api/sdk/filters/glasses_premium
GET /api/sdk/projects/project_id/manifest
GET /api/sdk/creators/creator_id/filters

Contrat de sortie

L'app reçoit l'identifiant, le type AR, l'URL asset, les transforms, la visibilité publique et les métadonnées nécessaires au rendu.

Voir le contrat SDK