{"id":12209,"date":"2017-10-08T23:46:07","date_gmt":"2017-10-08T23:46:07","guid":{"rendered":"https:\/\/www.process.st\/templates\/como-hacer-deploy-a-produccion-con-foundation-sites-6-4-1\/"},"modified":"2024-02-28T20:45:02","modified_gmt":"2024-02-28T20:45:02","slug":"como-hacer-deploy-a-produccion-con-foundation-sites-6-4-1","status":"publish","type":"post","link":"https:\/\/www.process.st\/templates\/como-hacer-deploy-a-produccion-con-foundation-sites-6-4-1\/","title":{"rendered":"\u00bfComo hacer deploy a producci\u00f3n con Foundation Sites ~6.4.1?"},"content":{"rendered":"
\n

Introducción: <\/h2>\n
\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n
Encuentra más recursos en svhen.com<\/a><\/h5>\n<\/p><\/div>\n<\/section>\n
\n

Configuración: <\/h2>\n
\n
Pre Requisitos<\/h5>\n
    \n
  • Node JS<\/li>\n
  • Npm<\/li>\n
  • Gulp<\/li>\n<\/ul><\/div>\n<\/section>\n
    \n

    Instalar dependencias <\/h2>\n
    \n
      \n
    • \n
      \n
      \n 1\n <\/div>\n<\/p><\/div>\n
      \n
      <\/div>\n<\/p><\/div>\n
      \n En la terminal situarse en la carpeta del proyecto\n <\/div>\n<\/li>\n
    • \n
      \n
      \n 2\n <\/div>\n<\/p><\/div>\n
      \n
      <\/div>\n<\/p><\/div>\n
      \n npm install vinyl-ftp --save-dev\n <\/div>\n<\/li>\n
    • \n
      \n
      \n 3\n <\/div>\n<\/p><\/div>\n
      \n
      <\/div>\n<\/p><\/div>\n
      \n npm install gulp-util --save-dev\n <\/div>\n<\/li>\n<\/ul><\/div>\n<\/section>\n
      \n

      Importar dependencias <\/h2>\n
      \n
        \n
      • \n
        \n
        \n 1\n <\/div>\n<\/p><\/div>\n
        \n
        <\/div>\n<\/p><\/div>\n
        \n En el archivo gulpfile.babel.js escribir el siguiente código en la parte superior del archivo\n <\/div>\n<\/li>\n<\/ul><\/div>\n
        \n
        import gutil from 'gulp-util';
        import ftp from 'vinyl-ftp';<\/pre>\n<\/p><\/div>\n<\/section>\n
        \n
         Insertar código en gulpfile.babel.js <\/h2>\n
        \n
          \n
        • \n
          \n
          \n       1\n     <\/div>\n<\/p><\/div>\n
          \n
          <\/div>\n<\/p><\/div>\n
          \n      Insertar el siguiente código en gulpfile.babel.js (Cambiar la opciones, según sea necesario)\n    <\/div>\n<\/li>\n
        • \n
          \n
          \n       2\n     <\/div>\n<\/p><\/div>\n
          \n
          <\/div>\n<\/p><\/div>\n
          \n      Llenar los campos: host, user y password según corresponda con tu hosting\n    <\/div>\n<\/li>\n<\/ul><\/div>\n
          \n
          gulp.task( 'deploy', function () {
          var conn = ftp.create( {
          host: '',
          user: '',
          password: '',
          parallel: 10,
          log: gutil.log
          } );

          var globs = [
          'dist\/**'
          ];

          \/\/ using base = '.' will transfer everything to \/public_html correctly
          \/\/ turn off buffering in gulp.src for best performance

          return gulp.src( globs, { base: '.\/dist', buffer: false } )
          .pipe( conn.newer( '\/public_html' ) ) \/\/ only upload newer files
          .pipe( conn.dest( '\/public_html' ) );

          } );<\/pre>\n<\/p><\/div>\n<\/section>\n
          \n
           Agregar script en package.json <\/h2>\n
          \n
            \n
          • \n
            \n
            \n       1\n     <\/div>\n<\/p><\/div>\n
            \n
            <\/div>\n<\/p><\/div>\n
            \n      En el archivo package.json insertar el siguiente script:\n    <\/div>\n<\/li>\n<\/ul><\/div>\n
            \n
            "scripts": {
             "start": "gulp",
             "build": "gulp build --production",
             "deploy": "gulp deploy"
             }<\/pre>\n<\/p><\/div>\n<\/section>\n
            \n
             Para Mac: <\/h2>\n
            \n <\/div>\n<\/section>\n
            \n
             Escribir comando en Terminal para hacer deploy <\/h2>\n
            \n
              \n
            • \n
              \n
              \n       1\n     <\/div>\n<\/p><\/div>\n
              \n
              <\/div>\n<\/p><\/div>\n
              \n      Situarse en la carpeta del proyecto desde la Terminal\n    <\/div>\n<\/li>\n
            • \n
              \n
              \n       2\n     <\/div>\n<\/p><\/div>\n
              \n
              <\/div>\n<\/p><\/div>\n
              \n      Ejecutar: sudo npm run deploy\n    <\/div>\n<\/li>\n
            • \n
              \n
              \n       3\n     <\/div>\n<\/p><\/div>\n
              \n
              <\/div>\n<\/p><\/div>\n
              \n      Escribir contraseña y oprimir la tecla Enter\n    <\/div>\n<\/li>\n
            • \n
              \n
              \n       4\n     <\/div>\n<\/p><\/div>\n
              \n
              <\/div>\n<\/p><\/div>\n
              \n      Verificar los cambios en el sitio de producción\n    <\/div>\n<\/li>\n<\/ul><\/div>\n<\/section>\n
              \n
               Para Windows: <\/h2>\n<\/section>\n
              \n
               Escribir comando en Terminal para hacer deploy <\/h2>\n
              \n
                \n
              • \n
                \n
                \n       1\n     <\/div>\n<\/p><\/div>\n
                \n
                <\/div>\n<\/p><\/div>\n
                \n      Situarse en la carpeta del proyecto desde la Terminal\n    <\/div>\n<\/li>\n
              • \n
                \n
                \n       2\n     <\/div>\n<\/p><\/div>\n
                \n
                <\/div>\n<\/p><\/div>\n
                \n      Ejecutar: npm run deploy\n    <\/div>\n<\/li>\n
              • \n
                \n
                \n       3\n     <\/div>\n<\/p><\/div>\n
                \n
                <\/div>\n<\/p><\/div>\n
                \n      Verificar los cambios en el sitio de producción\n    <\/div>\n<\/li>\n<\/ul><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"
                Introducción: Encuentra más recursos en svhen.com Configuración: Pre Requisitos Node JS Npm Gulp Instalar dependencias 1 En la terminal situarse en la carpeta del proyecto 2 npm install vinyl-ftp --save-dev 3 npm install gulp-util --save-dev Importar dependencias 1 En el archivo gulpfile.babel.js escribir el siguiente código en la parte superior del archivo import gutil from 'gulp-util';import […]<\/p>\n","protected":false},"author":3,"featured_media":12210,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"cover_icon_emoji":"","cover_icon_url":"","tasks_count":"10","template_description":"","template_id":"vLXzBPt5vMX7VX6yUZhIkQ","task_0":"Introducci\u00f3n:","task_slug_0":"introduccin","task_1":"Configuraci\u00f3n:","task_slug_1":"configuracin","task_2":"Instalar dependencias","task_slug_2":"instalar-dependencias","task_3":"Importar dependencias","task_slug_3":"importar-dependencias","task_4":"Insertar c\u00f3digo en gulpfile.babel.js","task_slug_4":"insertar-cdigo-en-gulpfilebabeljs","task_5":"Agregar script en package.json","task_slug_5":"agregar-script-en-packagejson","task_6":"Para Mac:","task_slug_6":"para-mac","task_7":"Escribir comando en Terminal para hacer deploy","task_slug_7":"escribir-comando-en-terminal-para-hacer-deploy","task_8":"Para Windows:","task_slug_8":"para-windows","task_9":"Escribir comando en Terminal para hacer deploy","task_slug_9":"escribir-comando-en-terminal-para-hacer-deploy-2","task_10":"","task_slug_10":"","task_11":"","task_slug_11":"","task_12":"","task_slug_12":"","task_13":"","task_slug_13":"","task_14":"","task_slug_14":"","task_15":"","task_slug_15":"","task_16":"","task_slug_16":"","task_17":"","task_slug_17":"","task_18":"","task_slug_18":"","task_19":"","task_slug_19":"","task_20":"","task_slug_20":"","task_21":"","task_slug_21":"","task_22":"","task_slug_22":"","task_23":"","task_slug_23":"","task_24":"","task_slug_24":"","task_25":"","task_slug_25":"","task_26":"","task_slug_26":"","task_27":"","task_slug_27":"","task_28":"","task_slug_28":"","task_29":"","task_slug_29":"","task_30":"","task_slug_30":"","task_31":"","task_slug_31":"","task_32":"","task_slug_32":"","task_33":"","task_slug_33":"","task_34":"","task_slug_34":"","task_35":"","task_slug_35":"","task_36":"","task_slug_36":"","task_37":"","task_slug_37":"","task_38":"","task_slug_38":"","task_39":"","task_slug_39":"","task_40":"","task_slug_40":"","task_41":"","task_slug_41":"","task_42":"","task_slug_42":"","task_43":"","task_slug_43":"","task_44":"","task_slug_44":"","task_45":"","task_slug_45":"","task_46":"","task_slug_46":"","task_47":"","task_slug_47":"","task_48":"","task_slug_48":"","task_49":"","task_slug_49":"","task_50":"","task_slug_50":"","task_51":"","task_slug_51":"","task_52":"","task_slug_52":"","task_53":"","task_slug_53":"","task_54":"","task_slug_54":"","task_55":"","task_slug_55":"","task_56":"","task_slug_56":"","task_57":"","task_slug_57":"","task_58":"","task_slug_58":"","task_59":"","task_slug_59":"","task_60":"","task_slug_60":"","task_61":"","task_slug_61":"","task_62":"","task_slug_62":"","task_63":"","task_slug_63":"","task_64":"","task_slug_64":"","task_65":"","task_slug_65":"","task_66":"","task_slug_66":"","task_67":"","task_slug_67":"","task_68":"","task_slug_68":"","task_69":"","task_slug_69":"","task_70":"","task_slug_70":"","task_71":"","task_slug_71":"","task_72":"","task_slug_72":"","task_73":"","task_slug_73":"","task_74":"","task_slug_74":"","task_75":"","task_slug_75":"","task_76":"","task_slug_76":"","task_77":"","task_slug_77":"","task_78":"","task_slug_78":"","task_79":"","task_slug_79":"","task_80":"","task_slug_80":"","task_81":"","task_slug_81":"","task_82":"","task_slug_82":"","task_83":"","task_slug_83":"","task_84":"","task_slug_84":"","task_85":"","task_slug_85":"","task_86":"","task_slug_86":"","task_87":"","task_slug_87":"","task_88":"","task_slug_88":"","task_89":"","task_slug_89":"","task_90":"","task_slug_90":"","task_91":"","task_slug_91":"","task_92":"","task_slug_92":"","task_93":"","task_slug_93":"","task_94":"","task_slug_94":"","task_95":"","task_slug_95":"","task_96":"","task_slug_96":"","task_97":"","task_slug_97":"","task_98":"","task_slug_98":"","task_99":"","task_slug_99":"","footnotes":""},"categories":[7,1],"tags":[],"class_list":["post-12209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneous","category-uncategorized"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/12209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/comments?post=12209"}],"version-history":[{"count":0,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/12209\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media\/12210"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media?parent=12209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/categories?post=12209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/tags?post=12209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}