SmarMaker - Documentation
Docs» howto_first_app

**Ceci est une ancienne révision du document !**

 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 !

Previous Next

Made with ❤ by CAP-REL · SmartMaker · GNU AGPL v3+
Code source · Faire un don
SmarMaker - Documentation
Traductions de cette page:
  • Français
  • Deutsch
  • English
  • Español
  • Italiano
  • Nederlands

Table of Contents

Table des matières

  •  HowTo - Pas à pas - Votre première application
    • Première étape : Module Builder Dolibarr
    • SmartBoot : Un "squelette" quasiment prêt à l'emploi
  • 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
  • Afficher le texte source
  • Anciennes révisions
  • Liens de retour
  • Haut de page