WeChat admite el salto H5 a la aplicación y al miniprograma

Definición: las etiquetas abiertas de WeChat son una colección de etiquetas extendidas proporcionadas por la plataforma pública WeChat para desarrolladores web. Al utilizar etiquetas abiertas de WeChat, los desarrolladores web pueden utilizar WeChat o las funciones del sistema de forma segura y cómoda, proporcionando a los usuarios de WeChat una mejor experiencia web

¿Qué es una etiqueta abierta?

lt;wx-open-launch-weappgt;?Abrir el subprograma

lt;wx-open-launch-appgt;?Abrir el subprograma

Visita Requisitos

Requisitos principales: solo abierto a cuentas de servicios de certificación

Requisitos del sistema:

Requisitos de la versión de WeChat: 7.0.12 y superior. Requisitos de versión del sistema: iOS 10.3 y superior, Android 5.0 y superior

Método de obtención

Los pasos para abrir el mini programa son similares a los de WeChat JS-SDK. Debe vincular un. nombre de dominio seguro e introducción de archivos JS y otros pasos

Para abrir un mini programa, debe ingresar al centro de administración de la plataforma abierta WeChat - detalles de la cuenta pública o del mini programa - información de la interfaz - salto de página web móvil mini programa - configuración de asociación - vincula el mini programa que necesita ser saltado

Ejemplo:

Configurar el último JSSDK

wx.config({

/// Todas las demás configuraciones permanecen sin cambios, ?openTagList configura las etiquetas abiertas disponibles,

openTagList:?['wx-open-launch-app,?wx-open-launch-weapp']

})

Utilice la página marcada abierta

Abra el mini programa

id="launch-btn"

///? ID del mini programa

nombre de usuario="gh_xxxxxxxxxx"

//Ruta del mini programa

path="/a/b/c ?d=1amp;e=2#fg"

gt;

.btn?{?padding：?12px?}

Abrir mini programa

Abrir aplicación

id="launch-btn"

//Mobile appid

appid="your-appid"

//?Información adicional, cliente Parse

extinfo="your-extinfo"

gt;

.btn?{?padding:? 12px?}

Vista dentro del programa de la aplicación

Devolución de llamada

var?btn?=?document.getElementById('launch-btn');

///?Llamada exitosa del lanzamiento

p>

btn.addEventListener('launch', function(e)?{

console.log('success');

});

///?Devolución de llamada de error de llamada

btn.addEventListener('error', function(e)?{

console.log('fail',?e.detail);

});

///?