integration-cross-storage-domain v1.2.0

Integracion entre dos dominios de diferente plataforma, en este caso VUE y REACT, desde una plataforma puedes mandar variables al localStorage en el otro dominio.

una vez instalado el plugin se debera instalar el paquete 'dotenv' para las URL permitidas

Crear en el archivo .env la constante REACT_APP_WHITELISTREACT y dentro colocar las URL o Lista blanca

Ejemplo demostrativo de como pasar una variable del localStorage de VUE a REACT

//Para efectos de demostracion se carga toda la informacion en el mounted para que realice el envio directo al otro dominio

crear un archivo index.vue

Vue.use(integrationDomain);

export default {

mounted() {

var cdstorage = integrationDomain.crossDomainStorage({ origin: "http://localhost:8000", path: "/" });

cdstorage.setItem(
  "variable_3000",
  "Esto es una variable creada desde VUE a REACT..."
);

cdstorage.setItem(
  "variable2_3000",
  "Esto es una variable creada desde VUE a REACT...2"
);

cdstorage.setItem(
  "variable3_3000",
  "Esto es una variable creada desde VUE a REACT...3"
);

} };

CREAR ARCHIVO EN REACT PARA RECIBIR LAS VARIABLES DEL LOCALSTORAGE DE VUE

//el componenDidMount se especifica el metodo que va recibir la informacion de VUE para crear las variables en el localStorage

/* @format /

import React, { Component } from 'react' import { conectOtherDomain } from 'integration-cross-storage-domain'

class Emisor extends Component { componentDidMount() { conectOtherDomain() } render() { return ( RECIBIENDO LAS VARIABLES DE VUE ) } }

export default Emisor

Tambien se puede aplicar a cualquier otra plataforma que utilice javascript nativo