Implementación del uso compartido secundario de páginas HTML5.

El uso compartido secundario es bastante importante para las páginas H5. Después de todo, QQ todavía usa la función de compartir incorporada después de enviarse en WeChat. A diferencia del lado de la PC, la PC copia directamente la dirección. Estaba haciendo invitaciones hace dos días y encontré muchos errores. El desarrollo personal y el desarrollo de la empresa siguen siendo diferentes. Varias cuestiones y otras cuestiones deben mencionarse en la posdata de una invitación. Pongámonos manos a la obra.

La documentación de WeChat es bastante buena. Si lee el artículo completo, básicamente puede evitar muchos errores (recuerde que los documentos de WeChat están acostumbrados a escribir algunos errores al final en lugar de juntarlos)

Dirección del documento, introduciendo la API oficial. El documento está bien escrito, simplemente páselo directamente a shareInfo .

 <script src=//res.wx.qq.com/open/js/jweixin-1.2.0.js></script>wx.config({ debug: false, // Activa el modo de depuración, todas las API se llaman The El valor de retorno se alertará en el lado del cliente. Si desea ver los parámetros entrantes, puede abrirlo en el lado de la PC. La información del parámetro se imprimirá a través del registro. Solo se imprimirá en el lado de la PC. firmar.appid, // Requerido, el identificador único de la marca de tiempo de la cuenta oficial: sign.timestamp, // Requerido, la marca de tiempo para generar la firma nonceStr: sign.nonceStr, // Requerido, la cadena aleatoria para generar la firma: sign.signature, // Requerido, firma, ver Apéndice 1 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // Obligatorio, lista de interfaces JS que deben usarse; consulte el Apéndice 2 para obtener la lista de todas las interfaces JS}); wx.ready(function() { wx.showOptionMenu(); wx.onMenuShareAppMessage(shareInfo) ); //Obtener estado de clic en el botón Compartir con amigos e interfaz personalizada de contenido para compartir (pronto será abandonada) wx.onMenuShareTimeline(shareInfo); //Obtener el estado del clic del botón Compartir en Momentos y la interfaz personalizada para compartir contenido (que pronto será abandonada) wx.onMenuShareQQ(shareInfo //Obtener el estado del clic del botón Compartir en QQ y la interfaz personalizada para compartir contenido wx); .onMenuShareWeibo(shareInfo); //Obtener estado de clic en el botón Compartir en Tencent Weibo e interfaz personalizada para compartir contenido wx.onMenuShareQZone(shareInfo); //Obtener el estado del clic del botón Compartir en el espacio QQ y la interfaz personalizada de contenido compartido});

¿Bueno? Lo escribí correctamente, ¿por qué no funciona? ¿No hay ningún requisito escrito en el documento?

Primero verifique los permisos de la interfaz de desarrollo de la plataforma pública de WeChat y descubra que a aquellos que no tienen permisos se les indica que no los han obtenido. Luego, vaya a la autenticación de WeChat que indica que la he obtenido. ¿Qué se dijo arriba? La documentación de WeChat se puede ver más adelante y, en general, hay instrucciones. Esta es la frase siguiente, entonces surge el problema, la cuenta personal no se puede autenticar.

Compartir no es posible en iOS y Android (confirme que la cuenta oficial haya sido autenticada. Solo las cuentas oficiales certificadas tienen permiso para compartir interfaces relacionadas. Si realmente está autenticada, verifique si la interfaz de escucha se activa en la devolución de llamada wx.ready función)

Solucionar errores debido a que la API no se puede ajustar

• invalid url domain , mi problema es que el nombre de dominio seguro js no está arreglado
• invalid url signature , mi problema es que jsapi_ticket no está actualizado
• Herramienta de verificación de firma de la interfaz WeChat JS

Hay documentos circulando por Internet, alguna API, la probé, pero no funciona. Ingrese por la dirección y el mantenimiento final es por 15 años o algo así.

Las metaetiquetas son las más científicas.

 <meta itemprop=nombre contenido=título/><meta itemprop=imagen contenido=subtítulo/><meta nombre=descripción itemprop=descripción contenido=compartir imagen/>

¿Hay algo a lo que debamos prestar atención?

Esta metaetiqueta no se puede agregar más adelante, debe estar ahí al ingresar a la página, lo que significa que solo puedes usar la plantilla de fondo. De lo contrario, algunas versiones inferiores Android no pueden obtener el resumen (sí, algunos teléfonos móviles pueden obtenerlo dinámicamente) y iOS no lo admite.

De hecho, los artículos técnicos son urgentes.

Este artículo fue escrito el 30 de julio de 2018.

Hora de prueba 30 de julio de 2018

Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.