SmarMaker - Documentation
Docs» howto_first_app

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
howto_first_app [2025/08/28 16:21] – caprelhowto_first_app [2025/09/02 13:36] (Version actuelle) – supprimée caprel
Ligne 1: Ligne 1:
-# HowTo - Pas à pas - Votre première application 
- 
-Ce guide va vous accompagner pour créer votre première application mobile en partant d'un module Dolibarr généré avec le module builder auquel vous ajouterez la pile technique dolimobile pour créer votre première PWA ! 
- 
-## Première étape : Module Builder Dolibarr 
- 
-Pour commencer, allons créer un projet dans Module Builder, par exemple un module "coucou". L'objectif de ce module n'est que pédagogique. 
- 
-Une fois le module créé, récupérez le code source généré par Module Builder : 
- 
-``` 
-coucou/ 
-├── admin 
-│   └── setup.php 
-├── ajax 
-│   └── myobject.php 
-├── backport 
-│   └── v16 
-│       └── core 
-│           └── class 
-│               └── html.formsetup.class.php 
-├── build 
-│   └── makepack-coucou.conf 
-├── ChangeLog.md 
-├── COPYING 
-├── core 
-│   └── modules 
-│       └── modCoucou.class.php 
-├── coucouindex.php 
-├── img 
-│   └── README.md 
-├── langs 
-│   └── en_US 
-│       └── coucou.lang 
-├── lib 
-│   └── coucou.lib.php 
-├── modulebuilder.txt 
-├── README.md 
-├── sql 
-│   ├── dolibarr_allversions.sql 
-│   └── llx_c_action_trigger.sql 
-└── test 
-    └── phpunit 
-        └── functionnal 
-            └── CoucouFunctionalTest.php 
- 
-17 directories, 16 files 
- 
-``` 
- 
-## SmartBoot : Un "squelette" quasiment prêt à l'emploi 
- 
-Le rôle de "smartBoot" est de vous apporter tout d'un coup pour ajouter à votre module standard dolibarr toute la pile technique doliMobile ! 
- 
-Sources: https://inligit.fr/cap-rel/dolibarr/smartmaker/smartboot.git 
- 
-Placez vous dans le dossier "coucou" de votre nouveau module et lancez la commande suivante: 
- 
- 
-``` 
-cd coucou 
-git clone https://inligit.fr/cap-rel/dolibarr/smartmaker/smartboot.git && ./smartboot/setup.sh 
-``` 
- 
-Puis suivez les quelques étapes de l'assistant: 
- 
-``` 
-Is your project name Coucou ? 
-[y/n] y 
-ok on continue 
- 
- 
-please wait during npm install depends ... it could take time :) 
- 
-``` 
- 
-Bravo ! Après quelques minutes / secondes votre module sera augmenté avec la boite à outil doliMobile ! 
- 
  
Made with ❤ by CAP-REL · SmartMaker · GNU AGPL v3+
Code source · Faire un don
SmarMaker - Documentation

Table of Contents

  • SmartAuth
  • SmartMaker - Back (PHP)
    • Mapping Dolibarr - React
  • SmartMaker - Front (React)
    • Animations de pages
    • Architecture
    • Astuces
    • Calendar
    • Composants et pages
    • Configuration du Provider
    • Debug et Logs
    • Hooks SmartCommon
    • PWA (Progressive Web App)
    • Requêtes API
    • Routage
    • SmartCommon
    • Stockage de données
    • Synchronisation offline
    • Thèmes
    • Traductions
  • HowTo - Pas à pas - Votre première application
    • Développement PHP (back)
    • Développement React (front)
    • Première étape : Module Builder Dolibarr
    • SmartAuth
    • SmartBoot : Un squelette prêt à l'emploi
  • Formation SmartMaker
    • Module 1 : Fondamentaux JavaScript ES6+
      • Chapitre 1 : Variables et Scope
      • Chapitre 2 : Fonctions
      • Chapitre 3 : Programmation Asynchrone
      • Chapitre 4 : Modules ES6
    • Module 2 : Introduction à React
      • Chapitre 1 : Philosophie React
      • Chapitre 2 : JSX
      • Chapitre 3 : Composants
    • Module 3 : Hooks React Fondamentaux
      • Chapitre 1 : useState
      • Chapitre 2 : useEffect
      • Chapitre 3 : useRef
      • Chapitre 4 : useContext
    • Module 4 : React Avancé
      • Chapitre 1 : useCallback et useMemo
      • Chapitre 2 : Custom Hooks
      • Chapitre 3 : Redux et Redux Toolkit
    • Module 5 : Architecture SmartMaker
      • Chapitre 1 : Structure du projet
      • Chapitre 2 : Configuration
      • Chapitre 3 : Flux de données
    • Module 6 : SmartCommon - Composants
      • Chapitre 1 : Mise en page
      • Chapitre 2 : Navigation
      • Chapitre 3 : Formulaires
      • Chapitre 4 : Affichage
    • Module 7 : SmartCommon - Hooks
      • Chapitre 1 : useApi
      • Chapitre 2 : Gestion d'état
      • Chapitre 3 : Hooks utilitaires
      • Chapitre 4 : Synchronisation Offline
    • Module 8 : Backend API (PHP)
      • Chapitre 1 : Routage
      • Chapitre 2 : Controllers
      • Chapitre 3 : Mappers
      • Extrafields et formulaires dynamiques
    • Module 9 : Intégration complète
      • Chapitre 1 : Backend
      • Chapitre 2 : Frontend
      • Chapitre 3 : Déploiement
    • Module 10 : Fonctionnalités avancées
      • Chapitre 1 : Mode offline
      • Chapitre 2 : Internationalisation (i18n)
      • Chapitre 3 : Autres fonctionnalités
    • Module 11 : Bonnes pratiques
  • Démonstration
  • Start
  • Composants et pages