Compilar con Laravel Mix y Bootstrap 4

Para compilar y usar Laravel Mix en una instalación limpia debemos seguir estos pasos.

composer create-project laravel/laravel

php artisan preset none

Hacemos un full reset de npm por si acaso

rm -rf node_modules

rm package-lock.json yarn.lock

npm cache clear --force

Instalamos. Al indicar npm install bootstrap nos instalará la última versión. Hay que hacerlo después del instalar el popper ya que bootstrap necesita el popper.

npm install
npm install popper.js --save
npm install bootstrap

Asegurarse de cambiar el fichero resources/assets/sass/app.scss con este contenido

// Fonts
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

// Variables
@import "variables";

// Bootstrap
@import '~bootstrap/scss/bootstrap';

Asegurarse de cambiar el fichero resources/assets/js/bootstrap.js con este contenido

window._ = require('lodash');
window.Popper = require('popper.js').default;

/**
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
* for JavaScript based Bootstrap features such as modals and tabs. This
* code may be modified to fit the specific needs of your application.
*/

try {
   window.$ = window.jQuery = require('jquery');

   require('bootstrap');
} catch (e) {}

/**
* We'll load the axios HTTP library which allows us to easily issue requests
* to our Laravel back-end. This library automatically handles sending the
* CSRF token as a header based on the value of the "XSRF" token cookie.
*/

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

/**
* Next we will register the CSRF Token as a common header with Axios so that
* all outgoing HTTP requests automatically have it attached. This is just
* a simple convenience so we don't have to attach every token manually.
*/

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
   window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
   console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allows your team to easily build robust real-time web applications.
*/

// import Echo from 'laravel-echo'

// window.Pusher = require('pusher-js');

// window.Echo = new Echo({
//     broadcaster: 'pusher',
//     key: process.env.MIX_PUSHER_APP_KEY,
//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
//     encrypted: true
// });

Compilamos

npm run dev

Tarjetas de prueba para integración REDSYS TPV

Tu banco (ING, Bankia, BBVA, Santanter, Sabadell,…) te pedirá que realices estas dos pruebas:

  • Realizar al menos una operación Autorizada. Utilice esta tarjeta de prueba:
    • Número de tarjeta: 4548812049400004
    • Caducidad: 12/20
    • Código CVV2: 123
    • Código CIP: 123456
  • Realizar al menos una operación Denegada. Utilice esta tarjeta de prueba:
    • Número de tarjeta: 1111111111111117
    • Caducidad: 12/20

Una vez realizadas las pruebas, debes realizar por mail la petición para pasar al entorno REAL (PRODUCCIÓN).

Actualizar o Instalar PHP7 en Ubuntu / Debian

Para actualizar nuestra versión de PHP a la última versión 7.2 seguir los siguientes pasos:

  • Añadir el repositorio de ondrej/php

Ubuntu

sudo add-apt-repository ppa:ondrej/php
sudo apt update

Debian

sudo apt install apt-transport-https lsb-release ca-certificates
sudo wget -O /etc/apt/trusted.gpg.d/php.gpg https://packages.sury.org/php/apt.gpg
sudo sh -c 'echo "deb https://packages.sury.org/php/ $(lsb_release -sc) main" > /etc/apt/sources.list.d/php.list'
sudo apt update

  • Instalar PHP 7.2

sudo apt install php7.2 php7.2-common php7.2-cli php7.2-fpm

  • Instalar módulos adicionales

sudo apt install php-mbstring sudo apt install php-xml

Todo esto hará que tengamos ya nuestro php7 por consola, ahora tendremos que configurar que Apache se conecte a php7 en lugar de php5.

  • Instalar módulo php7

apt-get install libapache2-mod-php7.0

  • Desactivar módulo php5

a2dismod php5

  • Desactivar módulo php7

a2dismod php7.2

  • Reiniciar Apache

service apache2 restart

Pages – Bootstrap 4 Admin Dashboard Template

Meet pages The simplest and fastest way to build web UI for your dashboard or app. Our beautifully-designed UI Framework comes with hundreds of customizable features. Every Layout is just a starting point—you can style it to look any way you want.

Demo

Download

Full Features List

  • Clean, Intuitive and Fully Responsive Unique Design(works on all major browsers, tablets and phones)
  • Developer Friendly Code
  • Bootstrap 4 Framework
  • jQuery 1.11.1
  • 6 Color Themes
  • Full SASS Support
  • Full RTL Support
  • OS supported Hinted Typography
  • Language Switch Bar
  • Quick layout Builder
  • 5 Useful dashboard Layouts
    • Pages condensed.
      • One of our most popular Layouts, Pages Condensed offers a wide range of responsive space specifically for dashboards with heavy content.
    • Pages casual.
      • A new tone of voice – a relaxed, friendly, joyful layout that quickly makes the user experience more personal, casual and fun!.
    • Pages corporate.
      • Corporate is a bold, cool Layout that elevates your content by utilizing a clean layout and a simple, open interface.
    • Simply white.
      • In a world of complexity, Simplicity defeats stress. Simply white is an open simple, minimal yet striking layout, built to combat stress.
    • Pages Executive.
      • A Professional template with a timeless look, best suited to quickly create a serious organized experience.
  • UI Features
    • OS Compatible Typography.
    • Custom Buttons
    • Font Awesome Icons(Font Awesome v3.2.0)
    • Charts – NVD3, Rickshaw,Sparkline
    • Synching Colors
    • Animated Notifications
    • Modals
    • Custom Progress & Activity
    • Custom Tabs & accordians
    • Custom Toggle Buttons(Bootstrap Toggle Buttons)
    • Sliders
    • Tree View
    • Nestable
    • UI Widgets
    • Integrated Nestable Lists(jQuery Nestable)
    • Ion Range Sliders
    • NoUI Range Sliders
    • Pages progress bar & Bootstrap progress
    • Tag Input(jQuery Tags Input)
    • Pages Styled Tables
    • Stripped Tables
    • Condensed Tables
    • Detail view collapsible Tables
  • Form Stuff
    • Pages Styled traditional and contemporary forms
    • Advance Form Layouts(2 Columns, Attached forms, Row Separated, Labeled forms)
    • Advance Form Validation
    • Form Wizard
    • Multiple File Upload
    • Dropzone File Upload
    • Form Components
      • Date Picker(Bootstrap Date Picker)
      • Time Picker(Bootstrap Time Picker)
      • Date Range Picker(Bootstrap Date Range Picker)
      • Select 2 Dropdowns
      • Custom radio Button
      • Checkbox
      • Custom Select Dropdown(Pages Exclusive)
      • Multiple Select
      • Ios Switchery
      • Input autonumeric
      • Input Masks
      • Tags Input
      • Integrated WYSIWYG Editor
  • Pages
    • Dashboard Page
    • 404 Page
    • 500 Page
    • Invoice
    • Gallery
    • Login
    • Pages style Timeline
    • Register
    • Lock Screen
    • Google maps
    • Vector maps
    • Email page
    • Socail page
    • Portlets page
    • Data Tables
    • Basic Tables
  • Pages Calendar
    • Pages Exclusive Calendar
      • Multiple Views – Month, week, Day
      • 70 Language Support
      • Create custom events
      • Lazy Loading
      • RTL Layout
  • And many more…

Roosa – Just Another Dashboard Template

Roosa is a HTML admin or dashboard template powered with Twitter Bootstrap 3.3.7framework & HTML5 Boilerplate, both are the perfect combination to start in making a website template. Roosa can be used for any type of web applications like Blogging Dashboard, Monitoring Dashboard, Shop Cak End etc. Roosa has a modern flat design which makes your next project look awesome and yet user-friendly. Roosa has 20+ collection of jQuery plugins and UI components and support on all major web browsers, tablets and phones.Roosa comes with 4 layout variations. Once you purchased Roosa, you will be entitled to free download of all future updates for the same license.

Here are some key features of Roosa:

  1. Bootstrap 3.3.7 Framework
  2. jQuery v1.12.4
  3. Boilerplate
  4. Modernizr
  5. Built with LESS
  6. Organized and Commented Code
  7. Roboto Google Font
  8. Multilevel Menu
  9. Modern Flat Design
  10. 20+ Plugins
  11. 2000+ Icon fonts
  12. 4 layout variations
  13. Fixed and static Header layout
  14. Pace page loading
  15. Stepy Form Wizard with Validation
  16. And many more…

Demo

Download

Boooya – Revolution Admin Template

Boooya – powerful admin template based on newest technologies. This template is fully responsive and retina ready. It means that you can easily build your web application and be sure that it will work well on all devices. Also its included with unique plugins that developed specially for Boooya temaplte. In downloaded package you will find .less files, documentation, clean and commented source code. Boooya is easy to use and customize, also you will find lots of ready to use elements.

Boooya support is available 24/7. Do not hesitate to send your question or suggestion. We will do our best to help you.

Check out the live preview, and don’t forget to visit all pages and try all options in settings.

Demo

Download

Mango – Slick & Responsive Admin Template

Mango, a slick and responsive Admin Template, comes with all features you can imagine – and even those you can’t imagine. It is build with modern techniques like HTML5 and CSS3 to be used for backend solutions of any size. It has custom elements, 30+ plugins, 15+ custom plugins and a very flexible content structure. Mango supports 12 columns grid for main content and widgets make the whole Admin Template very flexible for different types of data and content. The propably most sophisticated Admin Template you have ever seen is waiting for you!

Mando Admin Theme
Mando Admin Theme

Demo

Download

Migrar Prestashop

Proceso de copia y restauración de un respaldo manual de PrestaShop:

  1. Si usas Panel de Hosting (cPanel, Plesk, etc.) accede al Administrador de Archivo.
  2. Navega a la carpeta que contenga la Tienda de PrestaShop.
  3. Selecciona todos los archivos y carpetas y comprímelos en un archivo .zip
  4. Si no puedes hacerlo desde tu Panel de Hosting descarga los archivos/carpetas por FTP.
  5. Accede al gestor de bases de datos phpMyAdmin y exporta la base de datos de tu Tienda en formato comprimido.
  6. Sube los archivos de tu tienda en formato .zip al nuevo Hosting (Administrador de Archivos o FTP).
  7. Crear una base de datos «nueva» en el Hosting nuevo y anota los datos (Nombre base datos/usuario/contraseña).
  8. Desde el nuevo Hosting, Bases de Datos, phpMyAdmin, accede a la nueva base de datos.
  9. Importa la base de datos previamente descargada del anterior Hosting.
  10. Accede nuevamente a tu Panel de Hosting (cPanel), Administrador de Archivos.
  11. Accede a la carpeta /config y edita el archivo settings.inc.php.
  12. Cambia los valores del nombre de la base de datos _DB_NAME_, usuario _DB_USER_ y contraseña _DB_PASSWD_.
  13. Vacía la carpeta /tools/smarty/compile y /tools/smarty/cache

Si además de trasladar tu Tienda PrestaShop a otro servidor o Hosting, vas a trabajar o utilizar un dominio nuevo, entonces deberás realizar lo siguiente:

  1. Accede al Panel de Hosting (cPanel) donde has trasladado la Tienda.
  2. Bases de Datos, phpMyAdmin.
  3. Localiza y edita la tabla ps_configuration.
  4. Edita los registros PS_SHOP_DOMAIN y PS_SHOP_DOMAIN_SSL
  5. Cámbialos por el dominio nuevo.
  6. Guarda los cambios.

Antes de probar que tu Tienda trasladada carga correctamente deberá revisar si los archivos y carpetas trasladados al nuevo Hosting tienen los permisos correctos.

  • Archivos con permisos 644.
  • Carpetas con permisos 755.

Instalar y/o renovar certificado Let’s Encrypt

  1. Primera paso es parar Nginx
    1. service nginx stop
  2. Ejecutar el siguiente comando introduciendo el email y la dirección web con www
    1. ./letsencrypt-auto certonly --standalone --email tu@tudominio.com -d www.tudominio.com
    2. ./letsencrypt-auto certonly --standalone --email info@prodevision.com -d www.prodevision.com
  3. Una vez generado el certificado se guarda en la siguiente carpeta
    1. /etc/letsencrypt/live/tudominio.com/

Si estas renovando el certificado seguramente te genere una carpeta con un nombre diferente para no sobreescribir la que ya existe. Es cuestión de renombrar la carpeta para que el fichero de configuracion de Nginx no haya que tocarlo.