Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Este artículo fue publicado por primera vez en vivo de micro-canales número público de la tecnología de Internet 
enlaces:https://mp.weixin.qq.com/s/Ka1pjJKuFwuVL8B-t7CwuA
Autor: Wukong equipo de I + D en Taiwán

En primer lugar, el origen - lo que es Wukong mesa de actividades?

Con el fin de aumentar los usuarios de Internet, tienda de aplicaciones in vivo, el centro comercial del sitio web oficial, Centros de juego y el navegador vivo productos oficiales han entrado en la era de las acciones de las operaciones del usuario. En este contexto, el número cada vez mayor de las actividades de marketing, actividades tradicionales modelo de desarrollo no puede cumplir con el chorro de operaciones de productos y diversas necesidades, desarrollo de proyectos y dificultades encontradas:

1. navegador del equipo de desarrollo de componentes activos, las actividades de centros comerciales pueden traer múltiplex?

2. equipo de Game Center desarrolló páginas H5, las actividades de miembros pueden traer múltiplex?

3. Proyecto H5 dio a conocer un período más largo, necesidad de modificar la copia en la línea, si la actividad se maximiza la eficiencia operativa?

4. Luz de negocios H5 puede ahorrar servidor y probar la proporción adecuada de mano de obra?

5. Cada BU actividades diferentes negocios demasiada sistema de back-end, la baja productividad de I + D y la eficiencia operativa, lo que resulta en graves silos de datos.

6. Ruedas de I + D en exceso, el problema es no hay escenarios de solución estándar, las campañas de las preguntas más frecuentes que no se recogió oficial precipitado equipo de uniforme.

7. necesidades de negocio para no H5, como el reclutamiento, festivales, registro de eventos, etc., necesita utilizar un productos de estaciones externas y los riesgos de seguridad de datos de alta.

8. ......

"Wukong" , nace en nosotros para superar los problemas descritos anteriormente durante la escena  'enchufe, la visualización, la única "actividades integradas en Taiwán , ya está vivo actividades de elección plataforma de desarrollo en línea, plataforma operativa .

Llamado  "Rey Mono" , está llevando a nuestra visión, sin dejar de explorar en el sector de la tecnología, la práctica de "72 cambios", seguir superando actividad en el curso del proyecto "Hong ochenta y uno difícil" obtener "Escrituras ".

Hasta ahora, el acceso Wukong BU30 +, 7000 + página H5 componentes de marketing en línea 20 + 50 + plantillas, para cada categoría y las tareas de marketing 60+.

El siguiente es un vivo cada equipo de desarrolladores de Internet BU presentados en Wukong, las actividades clásicas operaciones en línea.

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 1 - Imágenes clásicas de marketing

En segundo lugar, las actividades operacionales de Wukong ¿Por qué?

Para el castaño:

vivo comercial para el equipo de promoción del Día Nacional desarrolló una explosión modelos H5, donde [camioneta] ensamblaje pendientes. vivo dos-once miembros del equipo también espera una línea similar en la página activa H5, también se espera que tenga un [camioneta] montaje de la capacidad.

Las soluciones tradicionales:

Los miembros del equipo en un código de actividad H5 clon línea de centro comercial, después de modificaciones personalizadas en la línea basado en los negocios. [Porque] estrategia de operación que involucra camión de configuración en línea, es necesario volver a desarrollar las funciones de configuración activos apropiados.

puntos de dolor:

1. H5 serio acoplamiento de servicio Código, mantenibilidad, extensibilidad se puede bajar.

2. Desarrollo de un solo funciones de back-office, solamente puede servir para este evento, la relación de entrada-salida es baja.

3. Para el efecto después de la línea activa, enterrado punto relevante necesita ser rediseñada.

4. Si es necesario el control de riesgos, análisis de datos, el segundo intercambio de micro-canales y otras actividades de la capacidad, necesidad de apoyo re-desarrollar.

¿Cómo resolver:

Wukong desde el mercado de plantilla / componente, la tarea central, de configuración en tiempo real, las actividades de apoyo , cuatro dimensiones para resolver los puntos de dolor.

Los miembros que operan actualmente en los estudiantes sólo tienen que elegir una actividad del mercado Wukong H5 plantilla que necesitan para realizar negocios de ajustar la configuración, se pueden publicar en línea. Si las necesidades de personalización, Goku capacidades de desarrollo en línea, para ayudar a desarrollar la producción negocio de rápido montaje.

La siguiente es una descripción detallada de cada dimensión funcional.

1, componente / Mercado plantilla

Wukong recepción de actividades ofrece un componentes comunes de comercialización (Draw, formularios, responder, votar, etc.), componentes de contenido (texto, imágenes, piso, zona caliente, navegación, carrusel) y así sucesivamente.

Sobre esta base, Wukong hizo concepto de mercado de componentes:
cada equipo BU presentó actividad personalizada en línea de montaje, Wukong diseñador de actividad proporciona la capacidad de representación y el tirón de montaje en tiempo real. Versión también es compatible con la capacidad de cambiar, cambios de contexto y así sucesivamente.

Después de la adición de H5 visualización componente empalmado en la página activa, se puede convertir de nuevo en una plantilla de activo, o cualquier otro equipo para el siguiente uso. Wukong ofrecido por el mercado, H5 o componente de la plantilla fácilmente dentro del equipo en circulación, con el fin de lograr una alta multiplexación, de alta seguridad.

2, Centro de tareas

La mayoría de las escenas componente H5 o comercialización de actividad están apoyando las tareas de marketing y complejos requisitos de configuración, las causas de muchas actividades del nacimiento del sistema. Wukong configuración con el fin de resolver los problemas de las diferentes actividades en segundo plano personalizado, el concepto de centro de misión.

Centro de tareas: el apoyo Wukong submit 'páginas de fondo de gestión "en cada línea del equipo BU sin pelo versión en línea puede tirar de forma automática, presentada por los usuarios y la renderización de páginas a la página. A través de este mecanismo, Goku tendrá la capacidad de albergar diferentes actividades de gestión de fondo.

El convencional incrustado iframe diferentes subsistemas de realización, el código es un mono de carga fuera de línea, los productos cumplen con los estándares del mono enviadas ser "transparente" plataforma de carga caliente en el bastidor. Para proporcionar una experiencia de interacción de usuario consistente y su uso.

El concepto es similar al conjunto, proporcionando una tarea común Wukong Center (centro de distribución de premios, centro de distribución y otros temas respuesta) el concepto de centro privado y de la misión. Centro de tareas privada está archivada en diversas actividades de desarrollo de la página de configuración de BU-line.

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 2 - la figura ejemplo de tareas Center

Como puede observarse, el sistema incluye una etiqueta de tareas, las tareas a nivel de sistema se asignan a internet BU mono. Más que el sistema de etiquetas, tales como: nombramiento, difusión, etc., es la parte comercial de BU ha iniciado la sesión, para subir la plataforma de desarrollo propio. (Sistema de mantenimiento haya extendido su capacidad)

3, la configuración en tiempo real

La comercialización de soportes de campaña la configuración con efecto inmediato, que es la base del marketing de precisión. plataforma Monkey ofrece diseñador de actividad visual, voluntad los datos de configuración (página de configuración, configuración de componentes, la configuración de la tarea) separados H5 páginas en el mecanismo.

Cuando el usuario el acceso de terminal actividad H5, que se tire de forma automática los datos de la plataforma en la nube en la configuración activa, para recompensar a la página o componentes activos, para lograr la separación de código y el movimiento de datos, y el efecto inmediato de la capacidad.

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos velaCómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

La figura 3 - código de acceso de datos esquemática H5

Después de que el proceso anterior, publicamos las actividades en línea, los datos de configuración de eventos almacenados en la nube, H5 línea de código en el CDN, a través de este mecanismo evitarse con éxito modificar la configuración, es necesario volver a enviar la versión en línea de la vergüenza.

H5 funciones de diseño de núcleo Descripción general

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 4 - diseñador del mono H5 Introducción a las funciones

4, las actividades de apoyo

H5 actividad puede ser alta capacidad de reutilización y de bajo umbral personalizado, alta puntualidad es la estación de las actividades en línea Wukong capacidad básica. En escena compleja de marketing en línea, como una actividad profesional en Taiwán, sólo tienen estas capacidades a menudo no es suficiente. Wukong para después de las actividades previas a la comercialización para proporcionar una capacidad de actividades comunes de apoyo. Por ejemplo:

Biblioteca: a tope material de sitio web profesional, mientras que la compresión en línea Goku, de cultivo y otras capacidades de procesamiento de imágenes.

automatización enterrada: conjunto cargador, naturalmente, H5 envasado de componentes, páginas predeterminadas y componentes con los clics, impresiones y capacidad a largo enterrados para operar.

el intercambio de micro-canales: no hay necesidad de repetir la aplicación WeChat plataforma abierta, con capacidades de intercambio por defecto secundarias.

pista de datos: análisis visual Wukong (calcular el índice, tramos de índices, multidimensionales, las capacidades de gráfico dinámico, etc.) para apoyar la línea de datos en tiempo real.

Mientras tanto Wukong en Taiwán también se integra sí por medio de la capacidad interna de la Compañía en Taiwán (anti-experimental, la vigilancia, el control de riesgos, etc.), ayudar a la comercialización actividades multidimensionales en línea.

Wukong en el gráfico Taiwán Producto

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 5 - Wukong en el gráfico Taiwán Producto

En tercer lugar, las actividades de desarrollo Wukong ¿Por qué?

Se propone la apertura de una investigación y desarrollo los puntos de dolor

I + D ruedas demasiado, el problema es no hay escenarios de solución estándar, las campañas de las preguntas más frecuentes que no se recogió oficial precipitado equipo de uniforme.

Wukong en la forma en la estación de servicio a los desarrolladores?

Wukong proporciona un entorno de desarrollo de la plataforma PaaS, los desarrolladores gestionar dos dimensiones, para mejorar la eficiencia de la I + D, investigación y experiencia de desarrollo de ayuda para desarrollar la entrega rápida, los desarrolladores hacen actividades del respaldo más potente.

1, el entorno de desarrollo

Los componentes del sistema y las tareas proporcionadas por defecto si no puede satisfacer las necesidades de negocio de cada unidad de negocio, BU tendrán que desarrollar el kit apropiado (ensamblaje + tarea) de acuerdo con sus propios escenarios de negocio. Estos kits pueden ser sólo el escenario de negocio es diferente, pero las capacidades subyacentes son coherentes. Por ejemplo:

  • biblioteca de herramientas

    H5 variedad de escenarios de entrega, el mismo método de gatillo interacción variar, a fin de que la adaptación a diferentes entornos de cliente, Wukong encapsulado @ vivo / Wukong-api biblioteca de herramientas. Donde el envase comprende las fuertes capacidades operativas, tales como: la determinación ambiente, la adquisición de información de los usuarios, la capacidad de compartir o descargar evocan diferentes entornos y similares.
    Sobre esta base, Monkey también proporciona una capacidad común para empaquetar la etapa de desarrollo, por ejemplo, una herramienta de operación método galleta, FETCH capacidad, WebP, operación Buried. Ayuda a los desarrolladores de aplicaciones para usuario para centrarse en los esfuerzos de desarrollo de negocios para mejorar la eficiencia de las actividades de desarrollo de componentes. Mientras tanto wukong-api es también una solución de código abierto en el local que demandan soportes de carga, continúan para dar seguimiento a la mejor solución última.
    Se ha proporcionado un fuerte paquete de capacidad operativa 10+. 15+ paquete de capacidades básicas.

  • Componente integrado
    incorporado componentes están disponibles para los desarrolladores la capacidad del mono para empaquetar escena rápida, que se distingue @ vivo / wukong-API, que puede proporcionar la capacidad para que los desarrolladores utilizar la plataforma, tales como la selección de los medios de comunicación, un selector de capa, la actividad de selección, rica texto, cuadro de máscaras bomba y así sucesivamente.
    Para el castaño: Selector de Equipo, los usuarios necesitan para cargar contenido multimedia directamente en el panel de configuración o seleccionar los videos que ha puesto. La selección aparecerá en diferentes componentes escenarios de negocio, y la capacidad de proporcionar una fuerte independiente de la plataforma.

Código de la muestra es la siguiente:

<template>
  <media-picker
    selectType="image"
    :defaultImgs="url"
    :uploadDialogVisible.sync="visible"
    v-on:select-end-call="func">
  </media-picker>
</template>
<script>
  export default {
    data() {
      return {
        visible: false
      }
    },
    methods: {
      func() { }
    }
  }
</script>

Actualmente la plataforma ha proporcionado una función de componentes 8+, a través de múltiples dimensiones y fácil de usar plataforma para ayudar a desarrollar la capacidad de mejorar la eficiencia de la configuración de las actividades de desarrollo lateral.

  • enchufe vscode
    en un entorno de desarrollo unificado, los desarrolladores no cambian los hábitos, para proporcionar herramientas de desarrollo eficientes, vscode Wukong desarrollado un plug-in que integra productos de inicialización guan atención remota de código, actividades de acceso NPM PW gestión de componentes, desarrollo de almacenamiento de materiales y otras capacidades.
    código de inicialización se genera a partir del componente, el entorno de desarrollo local para depurar el código de forma automática previsualización torr guan. Ventanilla única experiencia de desarrollo para ayudar a desarrollar la entrega rápida.

    Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

    Figura 6 - enchufe vscode pantalla

    Mientras tanto vscode Wukong plug-in marco del desarrollo local integrado para apoyar la función de sincronización de configuración transversal dispositivo una combinación de relaciones de componentes de almacenamiento locales, desarrolladores WYSIWYG.

    La siguiente ilustración muestra los cambios de configuración de desarrollo locales, el efecto de sincronización en tiempo real de los dispositivos multi-terminales.

    Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

    7 - plataforma de desarrollo local para la demostración previsualización en tiempo real

  • Guía del desarrollador
    de documentación como un servicio, todas las capacidades anteriores incluyen plug-in instalado, herramientas de uso, presentaciones de casos, Wukong desarrolló una Guía del desarrollador en línea para los desarrolladores, que ayuda a los desarrolladores empezar a trabajar rápidamente para un fácil acceso.

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 8 - Manual del desarrollador de pantalla

2, Gestión de Desarrollo

Wukong proporciona plataforma de desarrollo PaaS para ayudar a desarrollar el producto de I + D de gestión, el proceso de bucle cerrado, la capacidad de precipitado.

  • El desarrollo de la gestión de materiales (componentes, archivos de recursos estáticos)

  • Gestión de derechos (la colaboración de varios jugadores, el mantenimiento de proyectos múltiples)

  • Administrador de componentes (en la versión en línea, integración de permisos)

  • Comunidad para el Desarrollo (colección cuestión, la retroalimentación, la precipitación)

La función es obvio, no inicie describe aquí.

En cuarto lugar, la parte delantera programa de micro fin Secreto del mono

Por operaciones, la investigación y el desarrollo de dos ángulos describimos la capacidad Wukong en Taiwán.

Ese diseño Wukong H5 es cómo hacerlo sin tener que actualizar la plataforma, los productos de la actividad H5 (ensamblado de tarea) línea de carga y se utiliza directamente de forma automática?

De hecho, este programa es la aplicación de front-end micro arquitectura de flujo de trabajo Wukong I + D del equipo ha sido explorado en sin trabajo.

Las principales características del programa son los siguientes:

  1. Diferentes subsistemas se pueden implementar de forma independiente o integrarse acceso. (Polimerizable ser dispersada)

  2. capacidad de intercambio en caliente para proporcionar el sistema anfitrión, la sincronización de estado de canal. (Entre los subsistemas también pueden cooperar entre sí)

Acercar y alejar por las características antes descritas, es de Monkey tarea central, el diseñador de actividad.

sin trabajo Wukong está comprometido actualmente a la creación de alta rendimiento del sistema integrado de I + D, el objetivo es la búsqueda del efecto final, liberar las fuerzas productivas. Actualmente en sin trabajo que seguimos evolucionando, creemos que esto va a representar a las fuerzas productivas más avanzadas de la parte delantera vivo. Seguimiento voluntad se introducen artículos de fondo, no comenzará aquí.

sin trabajo ≈ es decir terminal abierto (la capa de presentación) + desarrollo Drive parada (I + D de la capa) + Micro arquitectura front-end (Arquitectura Layer) + datos cardíacos (capa de conductor de datos)

Esta sección proporcionará micro núcleo todos Secret vivo arquitectura front-end en la realización del principio.

1, ideas de diseño

A mil millas comienza con un paso. Volver a la función más primitiva para describir el desarrollo del principio: el extremo delantero de montaje no está acoplado con la plataforma, la plataforma incluye un conjunto de una capacidad de tracción desde el servidor y proporciona una interfaz mostrada componentes conectables en caliente.

Retirado del servidor y hacer que la página a la asamblea, lo que llamamos micro-componentes, a saber RSC (Remote Service Component) Componentes de servicio remoto.

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 9 - una componente de personalización de flujo esquemático

Con el fin de cumplir con la estrategia de funcionamiento se puede ajustar en tiempo real en línea, Wukong desarrolló un estandarizados componentes activos por RSC (configuración de interfaz de usuario +) compuestas de dos sub-componentes.

├── code.vue     # 编辑器中渲染的UI组件
├── prop.vue     # 属性面板中渲染的配置组件
├── setting.json # 存储初始化基础配置和业务配置
└── package.json # 依赖信息

Al mismo tiempo, el diseñador proporcionará mecanismo de intercambio de datos entre la interfaz de usuario y el componente de configuración, los estudiantes pueden desarrollar ajustes básicos de antelación por setting.json preestablecido o configuración del servicio. Ahorrando una gran cantidad de costos operativos mecanismo de repetición del trabajo de configuración y el componente de aprendizaje.

Por la abstracción y el diseño de componentes micro en gran medida reducir el ciclo de desarrollo de la página activa, los estudiantes pueden elegir las actividades necesarias para operar de la masa de los componentes y plantillas, configuración a través del sistema de visualización, hacer WYSIWYG, una clave publicación inmediata página de eventos de contacto del usuario.

Mientras que los componentes micro sin cambiar los hábitos establecidos desarrollados sobre la base de la reducción de las dependencias entre sí, lo que reduce los costes de desarrollo y mantenimiento. Desarrollado con base en el concepto de micro-componentes RSC tiene las siguientes características:

  1. alta cohesión

  2. acoplamiento débil

  3. Responsabilidad individual

  4. Puede combinarse

  5. configurable

demoscene

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 10 - RSC de carga componente gráficos de presentación mecanismo

Cuando el usuario hace clic en la zona izquierda o arrastrando editor de ensamblaje utilizada para el área de diseño, el diseñador (nombre, versión) envía una solicitud HTTP componentes (código, la configuración por defecto) Las propiedades del componente. Después de que el conjunto se carga caliente en Designer, la configuración por defecto también tendrá efecto.

Para los diferentes sistemas ambientales, conocimientos actualización iterativa continua e ideas, a través de la práctica nos encontramos con un mecanismo de buena para resolver la colaboración y el intercambio de RSC entre los componentes y los sistemas ambientales, llegamos a los resultados esperados:

Operaciones: no se preocupan por los detalles técnicos, las combinaciones visuales y configuraciones, de un solo clic publicar directamente a los usuarios, en línea estrategia de operación de ajuste en tiempo real de aportar más valor para el negocio.

Producto: más rápido en línea de velocidad, mejor calidad de servicio y la estabilidad, para llevar a un mayor valor comercial.

Desarrollo: mejoras en la velocidad de iteración, la mejora de la calidad del código, la pareja y reducir los costes de aprendizaje.

Prueba: unos programas fiables y estables para reducir el esfuerzo de repetir la prueba.

2, los pasos de implementación

Aquí es cómo lograr componentes remotos de carga dinámica.

Paso a: SFC componente local

Ejemplo:

<template>
  <div @click="test">click me | {{item}}</div>
</template>
<script>
export default {
  data () {
    return {
      item: 1
    }
  },
  methods: {
    test () {
      this.item++
    }
  }
}
</script>

Nota: Este documento es sólo SFC entrada de montaje, un tercero puede introducirse en otros componentes o subcomponentes normales.

Paso Dos: umd.js de compilación

Convertir archivos Vue en un archivo js, ​​las dos opciones disponibles:

(1) Configuración webpack

configuración de exportación a través de una sencilla webpack, nuestro objetivo es exportado archivo JS.

referencia webpack para el siguiente perfil:

const VueLoaderPlugin = require("vue-loader/lib/plugin");
const path = require("path");
module.exports = {
  entry: "./code.vue", // 需要转换的vue文件路径
  plugins: [new VueLoaderPlugin()],
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: "vue-loader"
      }
    ]
  },
  externals: {
    vue: "vue"
  },
  output: {
    filename: "myLib.umd.min.js",
    path: path.resolve(__dirname, "dist"),
    library: "myLib",
    libraryTarget: "umd",
    libraryExport: "default",
    globalObject: "typeof self !== 'undefined' ? self : this"
  }
};

salida Key Campo Descripción

library  //导出js对象的名称。
libraryTarget //导出对象的规范。
globalObject  //umd对象挂载目标对象。

(2) @ vista / cli

Por @ vue comando / CLI, podemos derivar un archivo myLib.umd.min.js componentes individuales vue (llamada personalizados).

Comando es la siguiente:

vue-cli-service build --target lib --name myLib ./myLib.vue --formats umd-min

Si la configuración webpack adicional, se puede configurar en el directorio de archivos vue Nuevos vue.config.js.

propagación

@ Vue / cli construcción construido construyeron a partir de la orden subyacente de exportación también utiliza la capacidad de webpack.

En la configuración de generación

@vue/cli-service/lib/commands/build/resolveLibConfig.js //114行

intercepción sigue

rawConfig.output = Object.assign(
  {
    library: libName,
    libraryExport: isVueEntry ? "default" : undefined,
    libraryTarget: format,
    // preserve UDM header from webpack 3 until webpack provides either
    // libraryTarget: 'esm' or target: 'universal'
    // https://github.com/webpack/webpack/issues/6522
    // https://github.com/webpack/webpack/issues/6525
    globalObject: `(typeof self !== 'undefined' ? self : this)`
  },
  rawConfig.output,
  {
    filename: `${entryName}.js`,
    chunkFilename: `${entryName}.[name].js`,
    // use dynamic publicPath so this can be deployed anywhere
    // the actual path will be determined at runtime by checking
    // document.currentScript.src.
    publicPath: ""
  }
);

Paso tres: La representación en línea

Cómo objetos componentes umd.js componente dinámico en la exportación y el uso de la web final que? A continuación se va a descubrir los misterios de la representación de líneas.

Después de exportar el archivo mediante el método anterior, vamos a umd.js mirada abierta de la siguiente manera:

(function (e, t) {
  'object' === typeof exports && 'object' === typeof module ? module.exports = t() : 'function' === typeof define && define.amd ? define([], t) : 'object' === typeof exports ? exports['myLib'] = t() : e['myLib'] = t()
})('undefined' !== typeof self ? self : this, function () {
  return function (e) {
    var t = {};
    ...
    ...
  })["default"]
})
// # sourceMappingURL=myLib.umd.min.js.map

Encontrar el código de la llave

"undefined" !== typeof self ? self : this;

El código es lo que vamos a vue código en el archivo de configuración de las variables GlobalObject js.

Utilizamos nuevo entorno de ejecución de funciones construcción de una función, y luego exportar los objetos auto manipulación. A continuación, a través de la vue <componente> es el atributo componente, para representar la página de montaje vue remoto.

El código completo es el siguiente:

<template>
  <div>
    <component :is="mode" v-if="mode"></component>
    <div @click="load">远程加载组件</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      mode: null
    };
  },
  methods: {
    async load() {
      let data = await fetch("http://localhost:8080/myLib.umd.min.js");
      let mode = {};
      //此时内部的self变量,被外部变量mode代替,成功将组件对象导出
      new Function("self", `return ${await data.text()}`)(mode);
      this.mode = mode.myLib;
    }
  }
};
</script>

Código demuestra el efecto de

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

11 - cartas de presentación de casos en línea

11 efecto, el código de componente se carga dinámicamente por el clic ha podido recuperar, en el componente, normalmente incrementado.

A través de la RSC implementado mecanismo arquitectura micro front-end de carga componente, de modo que la plataforma de servicio del sistema de extremo delantero separado. El sistema se puede personalizar para un tercero la capacidad de establecer una base fuerte, pero también es posible inicio.

3, en los servicios de datos

Wukong subsistema de micro front-end si el esquema de las necesidades de servicio de datos empresariales, entonces, ¿quién va a proporcionar?

Wukong API por defecto no proporciona servicios de datos, servicios de datos de diferentes servicios que presta el servicio final de la parte comercial. En correspondencia con la configuración del sistema puede permitir multidominio llama Monkey.

Sin embargo, la baja colaboración a largo plazo, expuso lentamente en la pregunta inicial.

negocio H5 luz puede ahorrar una proporción correspondiente de servidor y prueba humana?

Para el castaño:

Necesitamos desarrollar un componente de votación, sólo dos opciones 0, 1. Con este componente, se puede adaptarse a diferentes escenarios de voto. Los datos de interfaz sólo un componente, por ejemplo:

http://api.vivo.com.cn/.../save.do?action=

La votación ejemplo conjunto de la figura.

Cómo crear diez millones de DAU secreto actividad in vivo en Taiwán - conjunto de artículos vela

Figura 12 - ejemplar de votación conjunto de la figura.

Tradicionalmente, los elementos o componentes de recepción, que necesitan el fondo apropiado para proporcionar la interfaz de datos para completar la función de bucle cerrado.

Si sólo necesita proporcionar una interfaz, usted tiene que crear un nuevo fondo de la ingeniería, las tablas de bases de datos y despliegue de aplicaciones de los servicios, por lo que, en términos relativos, no será causa de los costes laborales pequeñas y desperdicio de recursos.

Wukong Para resolver este problema, la próxima evolución de la dirección de la parte delantera del micro Wukong:

apoyar a los usuarios en línea de visualización para crear fuentes de datos, crear dinámicamente métricas, las dimensiones y otras operaciones. interfaces de CRUD generan fuentes de datos dinámicos en tiempo real.

Esta característica combinada con capacidades de la plataforma de datos Goku, hizo ninguna intervención de autoservicio real producida escenas. desarrollo leve H5 negocio, la liberación del servidor, prueba costes laborales estudiantes.

Seguimiento tendrá un artículo de fondo detallada para todo el mundo para explorar y poner en práctica esta narrativa capacidad.

V. Escrito en la última

A través de la realización de la enseñanza de la RSC y las soluciones técnicas actividades Wukong en Taiwán, debemos actividades Wukong en Taiwán por las que un alto grado de capacidad de personalización comprensión inicial.

Cuando los productos de la actividad H5 (componentes, tareas) y la plataforma separados de la estructura, que significa que el desarrollador ha convertido oficialmente en nuestros clientes en Taiwán. Hemos preparado el entorno de desarrollo de línea para los desarrolladores, el desarrollo de la gestión en línea. Por el desarrollo de la infraestructura, procesos unificados, los productos, los servicios en su conjunto para el desarrollo activo y la eficiencia, acelerar el crecimiento de la empresa Eco-comercialización.

El extremo delantero de la jornada en las actividades de exploración en Taiwán no ha terminado, más retos que nos espera, el uso de micro-componentes y escenas, hay muchas dificultades, vamos a traer de vuelta el siguiente artículo sobre el mecanismo componente RSC, exhaustiva para todos resolución.

  • "Wukong actividades en Taiwán | micro gestión de componentes de estado (encendido)."

  • "Wukong actividades en Taiwán | gestión del estado de micro componentes (bajo)".

  • "Wukong actividades en Taiwán | esquema de adaptación pantalla completa Micro Componentes"

  • "Wukong actividades en Taiwán | microcomponentes y exploración uni-aplicación multi-terminal"

  • ......

Además Wukong vivo en Taiwan equipo de I + D seguirá salida de una serie de actividades en torno a la serie solución tema de escritorio, así que estad atentos.

Supongo que te gusta

Origin blog.51cto.com/14291117/2478757
Recomendado
Clasificación