Auteur
Grafikart

55 Commentaires

Ccc5cb8895059bbc682f2940f2d9b995?s=200&r=pg&d=mm
Bbemol, 16-10-2014 13:59:39 - Répondre

Génial ! J'attends avec impatience des tutos permettant de créer des installers .exe ou .dmg (windows et mac) !
Merci,
Benjamin.

618bfc9c76ee9b805ba3cb51dfc4e9b5?s=200&r=pg&d=mm
jo_robic, 15-08-2014 14:57:14 - Répondre

Salut,

Pour ceux qui ont l'error `Error: spawn ENOENT`

Je suppose que vous êtes sur Os X.

Le problème vient du faites, qu'il application Os x se lance avec le schell /bin/sh et non /bin/bash. Donc tout les variables d'env ou vos export PATH qui sont dans .bash_profile, .profile ou .bashrc ne sont pas pris en compte.

Pour y remédier, voir le post https://github.com/rogerwang/node-webkit/issues/1600#issuecomment-39802581 ?

2f0b48ad7aa1c8ab7aae5c7e1cc18986?s=200&r=pg&d=mm
cisweb, 12-06-2014 15:13:44 - Répondre

Hello,
Sur la vidéo, j'ai vu un TRUC EXTRAORDINAIRE, à 14minutes et 16 secondes. En effet c'est une page de démarrage personnalisé avec la date, l'heure, todo liste, météo etc.
Pourrais-tu nous dire d'ou elle vient ta page de démarrage?
Merci et pour le reste du tuto : EXCELLENT, comme toujours

1476
BaBeuloula, 31-05-2014 20:57:16 - Répondre

J'ai un soucis pour installer des packages, je ne comprends pas le soucis, je débute juste dans NodeWebkit

npm install xbox-controller
npm WARN package.json GameApp@ No repository field.
npm WARN package.json GameApp@ No README data
npm http GET https://registry.npmjs.org/xbox-controller
npm http 304 https://registry.npmjs.org/xbox-controller
npm ERR! notsup Unsupported
npm ERR! notsup Not compatible with your operating system or architecture: xbox-controller@0.4.1
npm ERR! notsup Valid OS: darwin,linux,windows
npm ERR! notsup Valid Arch: any
npm ERR! notsup Actual OS: win32
npm ERR! notsup Actual Arch: x64

npm ERR! System Windows_NT 6.1.7601
npm ERR! command *****
npm ERR! cwd *****
npm ERR! node -v v0.10.28
npm ERR! npm -v 1.4.9
npm ERR! code EBADPLATFORM
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! ****
npm ERR! not ok code 0

Merci d'avance

A7673936db0ec40f0af41f4ff75bd065?s=200&r=pg&d=mm
Ricoxor, 01-05-2014 01:31:04 - Répondre

Une fois le code compilé est ce qu'il est facile de le décompiler ?
J'aimerai utiliser une connexion à la BDD et distribuer l'app à quelques personnes.

Merci

463e22d57bc9f039393716b156cfb6a0?s=200&r=pg&d=mm
ChibiKookie, 27-05-2014 18:02:10 - Répondre

Bonjour,

Le mieux est encore d'utiliser un webservice qui te fournira les données dont ton appli a besoin.
En effet, il n'est pas très recommandé/conseillé d'utiliser une connexion à une base dans ce genre d'application pour des raisons de maintenance et de sécurité.

B2978e9e45672aa579181898370c0c52?s=200&r=pg&d=mm
Zicguy, 06-04-2014 13:59:10 - Répondre

Tuto très intéressant. En effet, manque plus que la partie pour packager toute l'appli en .exe (ou .dmg) afin de la distribuer au mieux...

4d601c939b66edd733dfbeda7d7b2fd6?s=200&r=pg&d=mm
Operandom, 28-04-2014 11:25:33 - Répondre

J'utilise çà: https://www.npmjs.org/package/grunt-node-webkit-builder.
Testé sur w8.1 et ubuntu 14.04.
Sur Windows il faut bidouiller pour modifier l'icône de l'exécutable et sur Mac j'ai pas l'icône non plus mais j'ai pas eu le temps de me pencher dessus.

2b4626f66a38208c04d20c4f32702c3f?s=200&r=pg&d=mm
Operandom, 27-03-2014 18:35:54 - Répondre

Merci pour ce tuto, ça m'a fait gagner du temps!
Du coup, je viens de faire un outil pour Symfony 2! \o/
Pour ceux que ça intéresse: https://github.com/operandom/SF-Tool/releases/tag/v0.1.0-alpha-win ;)

E68de907bee45503a92c6561fbf15a54?s=200&r=pg&d=mm
girioal, 26-03-2014 16:39:48 - Répondre

Pour les amateurs de grunt, je vous conseille le plugin :
https://www.npmjs.org/package/grunt-node-webkit-builder

ça simplifie beaucoup le déploiement.

8c5ce9283c7e90ffea2f7babfab98cc1?s=200&r=pg&d=mm
ico, 12-03-2014 18:48:49 - Répondre

Petit question pour ceux qui utiliserait déja nodewebkit.
Admettons que je deploie une application sur un parc de postes bureautique
Comment géré les mise de jour de l'application de manière silencieux pour chaque client déployé
à chaque vois que l'application est lancée .
Une petite idée ?

6c53070aca415d344e6235605725e3dc?s=200&r=pg&d=mm
mrpstr, 12-03-2014 15:10:57 - Répondre

Un bon exemple d'utilisation de Node webkit: http://getpopcornti.me/ (https://github.com/popcorn-time/popcorn-app)

Fadaba02d2b7e4aceb99cdb50775ed8a?s=200&r=pg&d=mm
edzez, 10-03-2014 14:33:19 - Répondre

Salut Jonathan, merci pour cette decouverte interressante de nodejs-webkit, il y a aussi intel XDK qui est prometteur mais moins souple que nodejs-webkit.

Concernant la distribution des applications, il y a la possibilité d'utiliser un installeur comme nsis (que j'utilise moi meme) ou autre (wix , innosetup ...).

157a7ef41059be0b087427948c8b5bd0?s=200&r=pg&d=mm
sergei, 02-03-2014 17:16:23 - Répondre

npm install node-clipboard --save

Ne fonctionne pas il semble que ce soit maintenant :
npm install clipboard --save

Sauf qu'il y a une erreur avec l'installation d'une dépendence.
(windows 7, 64)
Personne d'autre n'a ce soucis (Personne n'a refait ce tuto alors )?

078672e8ad05bb6c232dc28bbebf17f5?s=200&r=pg&d=mm
stephcache, 26-02-2014 22:21:29 - Répondre

Quelqu'un a réussi à faire un menu native ?

1f373f7eb4d8e5e040cae2ecf4341bfe?s=200&r=pg&d=mm
darkhexagon, 23-02-2014 18:33:15 - Répondre

Est ce que quelqu’un sait comment utiliser des vidéos intégrées depuis une iframe de youtube ?

912b2b031cc6872008dfda774dfc970f?s=200&r=pg&d=mm
AbdelZinir, 22-02-2014 16:37:59 - Répondre

je trouve très intéressant, merci beaucoup et voila un petit test que j'ai réalisé avec NodeWebKit

912b2b031cc6872008dfda774dfc970f?s=200&r=pg&d=mm
AbdelZinir, 22-02-2014 16:38:43 - Répondre

https://www.youtube.com/watch?v=TFu0Q-QKQaM

6330
Couss, 21-02-2014 14:29:40 - Répondre

Tuto très intéressant.
J'adore le choix de ton son ^^

7242
moissam, 21-02-2014 00:13:08 - Répondre

Je n'ai pas encore vu la vidéo mais je m'attendais à ce que vous abordiez cette nouvelle technologie dans vos tutos. Vous pouvez aussi utilisez V8 snapshot https://github.com/rogerwang/node-webkit/wiki/Protect-JavaScript-source-code-with-v8-snapshot pour protéger le code source javascript

1991ddfe87a674594657e462b9fe0fab?s=200&r=pg&d=mm
NassimBahri, 20-02-2014 16:58:54 - Répondre

TideSDK offre la possibilité de coder des application bureau en utilisant des langage de programmation coté serveur comme PHP, Ruby. voici des captures d'écran:

https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn2/t1/1653674_843678152328519_700121097_n.jpg

https://scontent-b-lhr.xx.fbcdn.net/hphotos-ash3/t1/1743466_843681472328187_416930872_n.jpg

4392beeca26f6b26de469ee70e46f632?s=200&r=pg&d=mm
samas92i, 21-02-2014 19:06:33 - Répondre

Pas mal, merci :)

078672e8ad05bb6c232dc28bbebf17f5?s=200&r=pg&d=mm
stephcache, 22-02-2014 10:42:53 - Répondre

Plutôt intéressant mais sa manque d'exemple et de tuto pour expliqué comment utilisé

Ced0a8a120b36f4cc8d4bb6ef0cdd86c?s=200&r=pg&d=mm
Mika, 20-02-2014 12:47:01 - Répondre

Salut,

Excuse moi, mais accéder à une bdd distante depuis une application desktop n'a absolument aucun sens. Niveau sécurité on peut pas faire pire que donner un identifiant/password sql même avec des privilèges restreints!
Si tu veux interagir avec une bdd distante tu dois créer un webservice(Rest ou Soap) sur ton serveur et récupérer tes données (en json ou xml par exemple)

E31ac0bfc4fbc11dbd245e874a0970f1?s=200&r=pg&d=mm
Kiou, 21-02-2014 14:21:57 - Répondre

c'est noté, merci :)

9410be7d4f2f26626551fa77929cb15a?s=200&r=pg&d=mm
Nejyn, 20-02-2014 08:44:11 - Répondre

Salut Grafikart !!! Est-il possible de renommer notre fichier exécutable pour personnaliser en plus notre APP ?

4b0e10f8b5827b85cd2e8fc1528247a2?s=200&r=pg&d=mm
M4dr0x, 19-02-2014 22:09:08 - Répondre

Petite question, est-il possible de laisser l'application au premier plan??

078672e8ad05bb6c232dc28bbebf17f5?s=200&r=pg&d=mm
stephcache, 19-02-2014 19:24:02 - Répondre

Je suis en train de teste node webkit et une fois lancé au bout de 5 seconde la page de rose alors que je n'es rien fait. Une idée de la raison ?

F62ce6210bbc7e07a45867018032e32f?s=200&r=pg&d=mm
Charles Gaudon, 19-02-2014 12:00:31 - Répondre

par contre, j'ai voulu betement utiliser le node-clipboard en exemple et npm ne le trouve pas...

25df1871a54899c81f263664d5ebfc8f?s=200&r=pg&d=mm
Squale, 18-02-2014 23:50:47 - Répondre

Très bon tuto, très intéressant. C'est d'ailleurs utilisé par le logiciel Construct 2 qui permet de créer des jeux vidéo en HTML5 en exe.

8bd7963dd031cc8ab193028a2581eeac?s=200&r=pg&d=mm
Jeremy51, 18-02-2014 22:29:22 - Répondre

Très bon tuto. Je ne connaissais pas. Mais c'est un réelle avantage d'utiliser nodejs vu le nombre de package disponible.
après je me demande s'il y a un réelle plus par rapport à TideSDK. Je vais tester pour savoir ^^
en tous merci pour le tuto.

E31ac0bfc4fbc11dbd245e874a0970f1?s=200&r=pg&d=mm
Kiou, 18-02-2014 22:27:03 - Répondre

Super intéressant, merci à toi pour ce tuto.

J'ai vue qu'il était possible de lire une base de donnée "local" avec SQL database (Wiki git), est il possible de ce connecter à une base de donnée distante pour affiche des information dans notre application ?

déjà je trouve le truck plutôt génial mais si en plus on peux accéder à une BDD sur un serveur ...

Merci :)

Ced0a8a120b36f4cc8d4bb6ef0cdd86c?s=200&r=pg&d=mm
Mika, 20-02-2014 12:47:58 - Répondre

Salut,

Excuse moi, mais accéder à une bdd distante depuis une application desktop n'a absolument aucun sens. Niveau sécurité on peut pas faire pire que donner un identifiant/password sql même avec des privilèges restreints!
Si tu veux interagir avec une bdd distante tu dois créer un webservice(Rest ou Soap) sur ton serveur et récupérer tes données (en json ou xml par exemple)

4ff53c483e2236995b93f7c36300a302?s=200&r=pg&d=mm
musicalitymaker, 18-02-2014 21:48:56 - Répondre

J'ai trouvé des application développer avec du css-html-js et node.js : http://blog.soat.fr/2013/11/devoxx-2013-node-webkit/

4ff53c483e2236995b93f7c36300a302?s=200&r=pg&d=mm
musicalitymaker, 18-02-2014 21:40:50 - Répondre

Merci pour ce tutoriel! Ça serai plaisant de trouver d'autre application programmé ce cette fonction.

8aa54c78ffcd9291923da1216c1d4951?s=200&r=pg&d=mm
Ciloe, 18-02-2014 21:30:35 - Répondre

Ca serait bien de pouvoir créer une application avec CakePHP ou Symfony et de générer la version bureau :D

4ff53c483e2236995b93f7c36300a302?s=200&r=pg&d=mm
musicalitymaker, 18-02-2014 21:39:11 - Répondre

Ça serai malade de créer une version malade avec cakephp!

8bd7963dd031cc8ab193028a2581eeac?s=200&r=pg&d=mm
Jeremy51, 18-02-2014 22:30:29 - Répondre

Regarde du coté de TideSDK qui permet d'utiliser du PHP.

2b4626f66a38208c04d20c4f32702c3f?s=200&r=pg&d=mm
Operandom, 27-03-2014 18:41:51 - Répondre

C'est faisable avec php 5.4, je viens de faire une application node-webkit (cf commentaire plus haut) qui lance un server php et l'arrête quand tu quittes, le soucis ça va être la BDD mais du sqlite devrait pouvoir faire l'affaire.

E7c97bf55c61e6890452825c03df3636?s=200&r=pg&d=mm
kristdev, 12-09-2014 17:17:21 - Répondre

Slt Operandom. J'ai jetté un coup d'oeil sur ton module nodejs-php-built-in-server, et je n'arive pas à lancer une application php. Peux tu détailler la procédure d'installation ou d'utilisation? je fais pointer la variable "main" de mon fichier package.json vers mon fichier php, aucun résultat, Vers le fichier built-in-server.js, aucun résultat

078672e8ad05bb6c232dc28bbebf17f5?s=200&r=pg&d=mm
stephcache, 18-02-2014 21:11:13 - Répondre

J'ai suivi le tutoriel qui est très simpa mais je me demande si il possible de créer, modifié un fichier XML ?

Fcb350e9a3ea36a9b49c11f3c29e3043?s=200&r=pg&d=mm
nicolasC41, 18-02-2014 20:55:59 - Répondre

Super tutoriel, comme d'hab !

8c72f6bf860433eb0bb34500ff2d8b87?s=200&r=pg&d=mm
joxs, 18-02-2014 19:49:30 - Répondre

Super tuto, merci de m'avoir faire découvrir ce petit machin !
Peut être pour un petit tuto rapide: une interface ou l'on demande avec quels languages on va bosser ou avec quels framework, et ça nous copie un dossier avec une base d'html, css, php, js ... !

E31ac0bfc4fbc11dbd245e874a0970f1?s=200&r=pg&d=mm
Kiou, 18-02-2014 22:28:27 - Répondre

J'aime l'idée :)

842b425a8ff46f822933302b1b462d79?s=200&r=pg&d=mm
Makino, 18-02-2014 19:03:16 - Répondre

Merci pour le tutoriel. J'ai découvert node-webkit ce week-end et j'avais juste regardé un peu. C'est là qu'on remarque que les langages web prennent de plus en plus d'importance.

7508e0d32d3964ffbb8e14482ca62b0d?s=200&r=pg&d=mm
shadoo, 18-02-2014 16:49:00 - Répondre

J'avais déjà regardé un peu l'api sur google, je m'étais un peu amuser à tester ce que l'on pouvait faire, c'est vraiment sympa. Par contre je regardais plus TideSDK bon ça c'est juste une affaire de goût, c'est un peu à cause du côté intrusif de tous les addons de google chrome qui m'ont fait un peu partir de leur navigateur lol (mais bon ça n'a rien à voir c'est juste mon côté remonté contre l'éparpillement de nos infos privés).

J'adore toutes ces nouveautés que l'on peut faire avec javascript et html5 c'est trop bon :)

1f373f7eb4d8e5e040cae2ecf4341bfe?s=200&r=pg&d=mm
darkhexagon, 18-02-2014 16:27:15 - Répondre

Vous savez que Prepros a été dev avec node webkit ? :o

1f373f7eb4d8e5e040cae2ecf4341bfe?s=200&r=pg&d=mm
darkhexagon, 18-02-2014 16:38:38 - Répondre

Tain c'était marqué dans la description :D

33725
Brandon-xprodeur, 18-02-2014 18:06:02 - Répondre

Brackets aussi :D Mince c'était marqué dans la description. :D

D4081223fe9b3dae6f96b20fa6495eb1?s=200&r=pg&d=mm
Groboubouille, 18-02-2014 22:14:48 - Répondre

Light Table aussi (http://www.lighttable.com/). Et ça c'était pas marqué !

7508e0d32d3964ffbb8e14482ca62b0d?s=200&r=pg&d=mm
shadoo, 19-02-2014 00:23:49 - Répondre

Beaucoup d'application fonctionne notamment avec le localstorage ou bien simplement des bases de données sqlite (notamment la plus part des premières applications iphone).
Au boulot ils ont le cul entre deux chaises pour développer certaines applis, dans le monde professionnel les technos ne sont pas encore bien établie.
Je travaille de mon côté sur un système de chat webcam en html5 mais le support complet pour travailler avec les webcam en html5 n'est pas encore bien établi au niveau du consortium.

33725
Brandon-xprodeur, 18-02-2014 15:43:51 - Répondre

Toujours au top t'es Tutoriels... :)

Une idée d'application :
Gérer des playlists de musique

Cordialement,

1f373f7eb4d8e5e040cae2ecf4341bfe?s=200&r=pg&d=mm
darkhexagon, 18-02-2014 16:37:59 - Répondre

Ah ben c'est déjà fait ;) http://www.playlist-make-it-work-again.com/

33725
Brandon-xprodeur, 18-02-2014 18:04:40 - Répondre

Oui, mes je parle en Tutoriel. ;)

C1ea969c1e10c07af572075619a4317d?s=200&r=pg&d=mm
Kheenro, 18-02-2014 15:33:27 - Répondre

Il y a pas longtemps que j'ai découvert NodeJS! Mais ca me plaît énormément! Merci pour ce WebKit. Ca me motive encore plus à m'y mettre !