Jump to content
×
×
  • Create New...
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

 tutoriel Mettre son rétro en app


Recommended Posts

Le 27/01/2021 à 17:10, Eudes a dit :

Please login or register to see this link.

 

Bien le bonjour moussaillon, j'espère que tu vas bien... Moi ça va, en tout cas pour le moment, car je me suis décidé...

 

Je me suis décidé à te donner l'opportunité de faire comme tous les plus grands rétros, en proposant à ta communauté, une app MacOS et Windows, compatible Flash et te permettant de faire perdurer ton rétro.

 

Bien que cette solution ne soit pas la meilleure, et qu'il soit toujours mieux de partir sur de l'HTML5, je peux comprendre la détresse que tu ressens lorsque l'on te parle d'HTML5, car ce n'est pas évident pour tout le monde de pouvoir créer, et utiliser de l'HTML5. Du coup, l'alternative que je te propose aujourd'hui, c'est celle de bénéficier de ces avantages sans avoir forcément un développeur à payer.

 

Avant de lancer ce sujet, j'ai effectivement fait les modifications de mon côté et les tests nécessaires afin de ne pas te donner quelque chose d'instable voir de non fonctionnel.

 

Dans ce tutoriel, il va falloir se sortir les doigts du cul, et te débrouiller tel un bon moussaillon, car niveau difficulté, même un bébé sait le faire, alors si toi tu ne t'en sens pas capable, je te propose passer par quelqu'un pour te le faire, même si je trouve ça incongru et totalement inutile.

 

 

Please login or register to see this link.

 

Avant de commencer, il faut avoir de quoi travailler, car ce n'est pas avec un bloc-notes que tu vas pouvoir développer ce petit système sympa et bien utile pour tes projets futurs...

 

Please login or register to see this link.

Please login or register to see this link.

Please login or register to see this link.

Please login or register to see this link.

Please login or register to see this link.

 

Maintenant que tu as toute ton armure, tu peux t'aventurer dans la jungle du développement...

 

Si tu souhaites obtenir quelques explications au sujet des choses que je te fais télécharger afin de te rassurer, tu peux lire ce qui va suivre :

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.


 

 

 

Please login or register to see this link.

 

Please login or register to see this link.

Masquer le contenu

Étape n°1 :
Tu vas commencer par installer NodeJS, VSCode et AsteroidApp sur ton pc.

 

Please login or register to see this link.

Masquer le contenu

Étape n°2 :
Tu vas ouvrir ton CMD (Windows) ou ton Terminal (MacOS)

Comment ouvrir son CMD ?

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 


Comment ouvrir son Terminal ?

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

Please login or register to see this link.

Révéler le contenu masqué

Étape n°3 :

1. Une fois dans ton Terminal, ou ta CMD, tu devras écrire et cliquer sur "Entrer" 


npm install


2. Puis il faudra te rendre dans le fichier config.env à la racine de ton dossier (tu devras l'ouvrir avec VSCode), et une fois dedans, tu devras configurer comme suit :


URL = LIENDETONRETRO
SHORT_URL = LIENDETONRETRO OU SHORTLIEN

 

3. Une fois le fichier sauvegardé, tu devras te rendre dans le fichier package.json à la racine de ton dossier (tu devras l'ouvrir avec VSCode), et une fois dedans, tu devras configurer comme suit :


"productName": "NOM RETRO",
"version": "1.0.0",
"description": "DESCRIPTION RETRO",

 

4. Une fois le fichier sauvegardé, tu devras te rendre dans le fichier Main.js qui se trouve dans le dossier "src" (tu devras l'ouvrir avec VSCode), et une fois dedans, tu devras configurer comme suit :


e.setAppUserModelId("nl.habbo.NOMRETRO");

 

 

Bonus modification des images :

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

Bonus pour tester l'app avant de la mettre au format executable :

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

Please login or register to see this link.

Révéler le contenu masqué

Étape n°4 :


Une fois que tu aura tout configuré, il faudra retourner dans ton Terminal ou CMS, et cliquer sur "Entrer" pour générer le .exe de ton app 


npm run windows

 

Puis, une fois la commandé validé et le traitement terminé, il faudra retourner dans ton Terminal ou CMS, et cliquer sur "Entrer" pour générer le .dmg de ton app 


npm run mac

 

Puis, une fois le commandé validé et le traitement terminé, tu pourras te rendre dans le dossier "dist", et tu retrouveras la version DMG et EXE de ton rétro, tu n'auras plus qu'à cliquer dessus, pour profiter !

 

Please login or register to see this link.

 

 

Please login or register to see this link.

 

Eh bien nous voici dans la section des flemmards... Si tu as la flemme de faire la commande :

npm install

 

Et si tu souhaites avoir les indications "NOMRETRO" "LIENRETRO" dans le code pour t'y retrouver, tu peux télécharger l'archive qui fait 141.42MB :

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

 

Please login or register to see this link.

 

Je préfère être transparent avec toi...

Cette configuration simple, ce n'est pas comme si que je te demandais de recréer l'application de zéro moussaillon...

Tout l'environnement est à ta disposition, et ce tutoriel, complet, donc je n'offrirais aucun support...

Si tu tiens à ton projet, et que tu veux tout de même user de ma gentillesse et de mon temps, je te demanderai une contribution tarifaire (ce que je trouve normal et loyal), d'une valeur de 5 à 10 Euros (au choix).

 

Tu peux aussi passer par @ notaryzqui est une personne de confiance, et qui est dans la capacité de te le faire, GRATUITEMENT ou SOUS RÉSERVE DE PAIEMENT (c'est selon son humeur).

 

 

Please login or register to see this link.

 

Si j'ai décidé de partager ce tutoriel à ce jour, c'est parce que je trouve ça injuste que des personnes proposent des systèmes intéressants, sans tutoriel, et donc accessibles seulement par des personnes ayant les compétences nécessaires.

 

Tout le monde devrait s'entraider, et c'est donc pour ça que j'ai pris une petite heure pour rédiger ce sujet.

Bien que cette méthode soit loin d'être la meilleure, elle permettra aux personnes n'ayant pas les compétences, de proposer une suite à leur communauté.

 

Si tu souhaites aller plus loin avec ce genre de système, @ notaryza fait un petit sujet intéressant, avec le même principe, mais 100% "

Please login or register to see this link.

", contrairement à ce sujet ou ce n'est que du "

Please login or register to see this link.

".

 

Si tu souhaites aller encore plus loin, et intégrer Nitro sur ton rétro afin de proposer une version HTML5, @ Stown a fait un petit sujet bien sympa

Please login or register to see this link.

.

 

Tu trouveras le sujet de @ notaryz 

Please login or register to see this link.

.

 

Bon, eh bien, nos chemins s'arrêtent ici moussaillon, mais ne t'inquiète dont pas, nous nous divisions pour mieux nous retrouver sur un autre sujet palpitant ! 

Et que la mer soit avec toi !

 

Le 27/01/2021 à 17:10, Eudes a dit :

Please login or register to see this link.

 

Bien le bonjour moussaillon, j'espère que tu vas bien... Moi ça va, en tout cas pour le moment, car je me suis décidé...

 

Je me suis décidé à te donner l'opportunité de faire comme tous les plus grands rétros, en proposant à ta communauté, une app MacOS et Windows, compatible Flash et te permettant de faire perdurer ton rétro.

 

Bien que cette solution ne soit pas la meilleure, et qu'il soit toujours mieux de partir sur de l'HTML5, je peux comprendre la détresse que tu ressens lorsque l'on te parle d'HTML5, car ce n'est pas évident pour tout le monde de pouvoir créer, et utiliser de l'HTML5. Du coup, l'alternative que je te propose aujourd'hui, c'est celle de bénéficier de ces avantages sans avoir forcément un développeur à payer.

 

Avant de lancer ce sujet, j'ai effectivement fait les modifications de mon côté et les tests nécessaires afin de ne pas te donner quelque chose d'instable voir de non fonctionnel.

 

Dans ce tutoriel, il va falloir se sortir les doigts du cul, et te débrouiller tel un bon moussaillon, car niveau difficulté, même un bébé sait le faire, alors si toi tu ne t'en sens pas capable, je te propose passer par quelqu'un pour te le faire, même si je trouve ça incongru et totalement inutile.

 

 

Please login or register to see this link.

 

Avant de commencer, il faut avoir de quoi travailler, car ce n'est pas avec un bloc-notes que tu vas pouvoir développer ce petit système sympa et bien utile pour tes projets futurs...

 

Please login or register to see this link.

Please login or register to see this link.

Please login or register to see this link.

Please login or register to see this link.

Please login or register to see this link.

 

Maintenant que tu as toute ton armure, tu peux t'aventurer dans la jungle du développement...

 

Si tu souhaites obtenir quelques explications au sujet des choses que je te fais télécharger afin de te rassurer, tu peux lire ce qui va suivre :

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.


 

 

 

Please login or register to see this link.

 

Please login or register to see this link.

Masquer le contenu

Étape n°1 :
Tu vas commencer par installer NodeJS, VSCode et AsteroidApp sur ton pc.

 

Please login or register to see this link.

Masquer le contenu

Étape n°2 :
Tu vas ouvrir ton CMD (Windows) ou ton Terminal (MacOS)

Comment ouvrir son CMD ?

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 


Comment ouvrir son Terminal ?

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

Please login or register to see this link.

Révéler le contenu masqué

Étape n°3 :

1. Une fois dans ton Terminal, ou ta CMD, tu devras écrire et cliquer sur "Entrer" 


npm install


2. Puis il faudra te rendre dans le fichier config.env à la racine de ton dossier (tu devras l'ouvrir avec VSCode), et une fois dedans, tu devras configurer comme suit :


URL = LIENDETONRETRO
SHORT_URL = LIENDETONRETRO OU SHORTLIEN

 

3. Une fois le fichier sauvegardé, tu devras te rendre dans le fichier package.json à la racine de ton dossier (tu devras l'ouvrir avec VSCode), et une fois dedans, tu devras configurer comme suit :


"productName": "NOM RETRO",
"version": "1.0.0",
"description": "DESCRIPTION RETRO",

 

4. Une fois le fichier sauvegardé, tu devras te rendre dans le fichier Main.js qui se trouve dans le dossier "src" (tu devras l'ouvrir avec VSCode), et une fois dedans, tu devras configurer comme suit :


e.setAppUserModelId("nl.habbo.NOMRETRO");

 

 

Bonus modification des images :

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

Bonus pour tester l'app avant de la mettre au format executable :

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

Please login or register to see this link.

Révéler le contenu masqué

Étape n°4 :


Une fois que tu aura tout configuré, il faudra retourner dans ton Terminal ou CMS, et cliquer sur "Entrer" pour générer le .exe de ton app 


npm run windows

 

Puis, une fois la commandé validé et le traitement terminé, il faudra retourner dans ton Terminal ou CMS, et cliquer sur "Entrer" pour générer le .dmg de ton app 


npm run mac

 

Puis, une fois le commandé validé et le traitement terminé, tu pourras te rendre dans le dossier "dist", et tu retrouveras la version DMG et EXE de ton rétro, tu n'auras plus qu'à cliquer dessus, pour profiter !

 

Please login or register to see this link.

 

 

Please login or register to see this link.

 

Eh bien nous voici dans la section des flemmards... Si tu as la flemme de faire la commande :

npm install

 

Et si tu souhaites avoir les indications "NOMRETRO" "LIENRETRO" dans le code pour t'y retrouver, tu peux télécharger l'archive qui fait 141.42MB :

 

Contenu(s) masqué(s):

  • Afin d'avoir accès au(x) contenu(s) masqué(s), vous devez répondre au sujet en remerciant l'auteur.Veuillez éviter tout spam sous peine de sanciton.

 

 

 

Please login or register to see this link.

 

Je préfère être transparent avec toi...

Cette configuration simple, ce n'est pas comme si que je te demandais de recréer l'application de zéro moussaillon...

Tout l'environnement est à ta disposition, et ce tutoriel, complet, donc je n'offrirais aucun support...

Si tu tiens à ton projet, et que tu veux tout de même user de ma gentillesse et de mon temps, je te demanderai une contribution tarifaire (ce que je trouve normal et loyal), d'une valeur de 5 à 10 Euros (au choix).

 

Tu peux aussi passer par @ notaryzqui est une personne de confiance, et qui est dans la capacité de te le faire, GRATUITEMENT ou SOUS RÉSERVE DE PAIEMENT (c'est selon son humeur).

 

 

Please login or register to see this link.

 

Si j'ai décidé de partager ce tutoriel à ce jour, c'est parce que je trouve ça injuste que des personnes proposent des systèmes intéressants, sans tutoriel, et donc accessibles seulement par des personnes ayant les compétences nécessaires.

 

Tout le monde devrait s'entraider, et c'est donc pour ça que j'ai pris une petite heure pour rédiger ce sujet.

Bien que cette méthode soit loin d'être la meilleure, elle permettra aux personnes n'ayant pas les compétences, de proposer une suite à leur communauté.

 

Si tu souhaites aller plus loin avec ce genre de système, @ notaryza fait un petit sujet intéressant, avec le même principe, mais 100% "

Please login or register to see this link.

", contrairement à ce sujet ou ce n'est que du "

Please login or register to see this link.

".

 

Si tu souhaites aller encore plus loin, et intégrer Nitro sur ton rétro afin de proposer une version HTML5, @ Stown a fait un petit sujet bien sympa

Please login or register to see this link.

.

 

Tu trouveras le sujet de @ notaryz 

Please login or register to see this link.

.

 

Bon, eh bien, nos chemins s'arrêtent ici moussaillon, mais ne t'inquiète dont pas, nous nous divisions pour mieux nous retrouver sur un autre sujet palpitant ! 

Et que la mer soit avec toi !

Merci 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now