Al desarrollar un applet de WeChat, a veces necesita abrir un enlace de página web en el applet y luego necesita usar la etiqueta de vista web. web-view es el contenedor que se usa para alojar páginas web en applets, y cada página solo puede tener una web-view, que llenará automáticamente toda la página y cubrirá otros componentes. Actualmente, no es compatible con miniprogramas personales.
La dirección del enlace de la página web abierta en el Mini Programa se puede dividir aproximadamente en dos tipos:
- Enlaces a páginas web externas, como Baidu, Zhihu, etc.
- Enlace del artículo de la cuenta oficial de WeChat
1. Enlaces a páginas web externas
El nombre de dominio comercial debe configurarse para que la vista web salte al enlace de la página web externa, y también debe configurarse el nombre de dominio del iframe en la página web externa. Para conocer el método de configuración del nombre de dominio comercial del Mini Programa, consulte Nombre de dominio comercial | Documentación abierta de WeChat Después de configurar el nombre de dominio comercial, puede abrir cualquier nombre de subdominio legal. El proceso de configuración general es el siguiente:
1. Escanee el código para iniciar sesión en la plataforma pública de WeChat ;
2. Gestión de desarrollo - configuración de desarrollo - nombre de dominio comercial para agregar y modificar;
3. Después de configurar el nombre de dominio comercial, debe descargar el archivo de verificación (el cuadro rojo en la cuarta imagen en el paso 2) y colocar el archivo de verificación en el directorio raíz del nombre de dominio (deje que funcione el backend). Este paso es equivalente a permitir que la otra parte te autorice a abrir su página web. Por ejemplo, si deseas abrir Baidu en tu applet, necesitas que Baidu coloque el archivo de verificación en el directorio raíz de su nombre de dominio para obtener su autorización. ;
4. Al configurar un nombre de dominio comercial, puede consultar la configuración del nombre de dominio comercial: pautas de autoexamen para fallas en la inspección del archivo de verificación | Comunidad abierta de Wechat para autoexamen.
2. Enlace del artículo de la cuenta oficial de WeChat
La vista web puede abrir directamente los artículos de la cuenta oficial asociados con el applet, pero no puede abrir los enlaces de los artículos que no están asociados con la cuenta oficial. Solicite un miniprograma asociado en la cuenta oficial. Para obtener más información, consulte Proceso de vinculación de miniprograma asociado a la cuenta oficial|Comunidad abierta de WeChat .
Después de asociar con éxito el Mini Programa en la Cuenta Oficial, puede ver la Cuenta Oficial asociada en el fondo del Mini Programa:
1. Escanee el código QR para iniciar sesión en la plataforma pública de WeChat (igual que arriba);
2. En la parte inferior del lado izquierdo Configuración - Configuración asociada - Vista de cuenta oficial asociada.
3. No se puede abrir el enlace
Al usar la vista web, a veces el enlace no se puede abrir:
Aquí hay un resumen de la situación encontrada antes y la solución general:
1. No se puede abrir un enlace de página web externa:
- Compruebe si el nombre de dominio comercial del subprograma está configurado y tenga en cuenta que también es necesario configurar otros nombres de dominio incrustados en iframes en páginas web externas.
- Compruebe si es el protocolo https, el protocolo http no es compatible y la dirección IP no es compatible
2. No se pueden abrir los artículos de la cuenta oficial: verifique si el applet está asociado con la cuenta oficial
3. Los enlaces a páginas web externas y artículos de cuentas oficiales se pueden abrir en las herramientas de desarrollo y la versión de prueba, pero no en la versión oficial:
- Verifique si la opción "No verificar el nombre de dominio legal, el nombre de dominio comercial de vista web, la versión TLS y el certificado HTTPS" está habilitada en la herramienta de desarrollo. Si esta opción está habilitada en la herramienta de desarrollo, el enlace se puede abrir sin configurar el nombre de dominio comercial o el subprograma asociado. Si esta opción está desactivada en la herramienta, no se puede abrir. La posición de esta opción es como se muestra en la figura a continuación; en la versión de prueba, se puede abrir porque "Desarrollo y depuración " está activado. Después de desactivar el desarrollo y la depuración, tampoco se puede abrir.
- Si no hay problemas con los puntos anteriores, es probable que haya un problema con la dirección del enlace. Puede verificar si hay caracteres chinos, si hay espacios antes y después de la dirección, etc. Si hay caracteres chinos, puede usar la función encodeURI o encodeURIComponent para codificar y luego abrir. Hay espacios. Es fácil encontrar que puede usar trim() para eliminar los espacios antes y después de la dirección.