Créer un serveur qui exécute PHP avec Gulp et Livereload

J'aimerais adapter ce code pour servir les fichiers PHP. J'ai MAMP l'exécution d'un serveur local, mais je ne peux pas comprendre comment ce code fonctionne pour apporter les changements nécessaires. Je sais que le Nœud serveur de ne pas interpréter les fichiers PHP, mais je suis confus au sujet de cette architecture à l'aide de serve-static et serve-index car apparemment je ne peut pas utiliser un chemin de fichier local à l'intérieur de MAMP est localhost pour servir ces fichiers, non? Je me demande aussi pourquoi il a besoin de 2 ports (9000 et 35729).

gulp.task('connect', ['styles'], function () {
  var serveStatic = require('serve-static');
  var serveIndex = require('serve-index');
  var app = require('connect')()
    .use(require('connect-livereload')({port: 35729}))
    .use(serveStatic('.tmp'))
    .use(serveStatic('app'))
    .use('/bower_components', serveStatic('bower_components'))
    .use(serveIndex('app'));

  require('http').createServer(app)
    .listen(9000)
    .on('listening', function () {
      console.log('Started connect web server on http://localhost:9000');
    });
});


gulp.task('serve', ['connect', 'watch'], function () {
  require('opn')('http://localhost:9000');
});

gulp.task('watch', ['connect'], function () {
  $.livereload.listen();

  //watch for changes
  gulp.watch([
    'app/*.php',
    '.tmp/styles/**/*.css',
    'app/scripts/**/*.js',
    'app/images/**/*'
  ]).on('change', $.livereload.changed);

  gulp.watch('app/styles/**/*.scss', ['styles']);
  gulp.watch('bower.json', ['wiredep']);
});

En gros, j'ai envie d'utiliser le PHP pour la création de modèles (pied de page, en-tête, etc) pour un site web, tout comme cette personne a posté ici.

J'ai le sentiment que les gens ne vont pas faire ça, donc des suggestions pour le front-end développement de l'électricité statique des actifs et des modèles (pour plus tard s'adapter à WordPress ou un autre CMS utilisant le PHP) sont les bienvenus.

MODIFIER

Veuillez lire ceci: Gulp-webapp de course BrowserSync et PHP

OriginalL'auteur zok | 2014-12-02

  1. 2

    - Je utiliser ma langue maternelle installation de PHP en tant que serveur, que j'ai le feu jusqu'à ce serveur avec " gulp-connectez-php plugin. Je n'ai pas encore utilisé, avec XAMPP/MAMP, mais probablement vous avez juste besoin de re-localiser la " bin " et " ini " pour XAMPP/MAMP l'installation de PHP. Mais je n'ai pas une solution de la façon dont vous pouvez vous connecter Gulp avec votre base de données.

    "gulp-connectez-php plugin:

    https://www.npmjs.com/package/gulp-connect-php

    var gulp = require('gulp'),
    livereload = require('gulp-livereload'),
    connectPHP = require('gulp-connect-php');

gulp.task('connect', function() {
  connectPHP.server({
    hostname: '0.0.0.0',
    bin: 'C:/php/php.exe',
    ini: 'C:/php/php.ini',
    port: 8000,
    base: 'dev',
    livereload: true
  });
});

    Gulp Connecter seulement peut commencer un Noeud serveur (si je ne me trompe pas).

    Port 35729 est pour livereload javascript, vous devez placer au fond de votre PHP, fichiers HTML, où vous mettez vos autres scripts. Grunt également utiliser totalement le même code:

    <script src="//localhost:35729/livereload.js"></script>

    Le Port 9000 est probablement le port défini pour le Gulp Connecter au serveur.

    C'est une amende de plugin! Malheureusement, je n'ai pas été en mesure de l'adapter à d'autres le développement des flux de travail comme celui que j'ai mentionné. Aussi, j'ai écrit ce nouveau fil de discussion, ce qui est très similaire, sauf qu'il utilise BrowserSync à la place: stackoverflow.com/questions/27990781/...

    OriginalL'auteur Lanti