WeChat Moments JSSDK comparte texto de imagen personalizado

1. Agregue un nombre de dominio seguro (el nombre de dominio principal para la producción de páginas H5) a la cuenta oficial de WeChat;

Durante la fase de prueba, el autor modificó el archivo de hosts para resolver el nombre de dominio correspondiente a 127.0. 0.1; y luego La computadora y el teléfono móvil están conectados a la misma LAN. Cambie el proxy del teléfono móvil a la dirección IP de la computadora en la LAN, de esta manera, el teléfono móvil se puede probar normalmente;

2. Introduzca el script jssdk src='/open/js/jweixin; -1.0.0.js'

3. Configure jssdk. Solo después del éxito podrá utilizar funciones relacionadas. El método es el siguiente

wx.config({

<). p>debug: false, // Activa el modo de depuración, todo El valor de retorno de la llamada api se solicitará en el lado del cliente. Si desea ver los parámetros entrantes, puede abrirlo en el lado de la PC. se escribirá a través del registro y solo se imprimirá en el lado de la PC

appId: XX', //Obligatorio, el identificador único de la cuenta oficial

marca de tiempo: XX. //Obligatorio, la marca de tiempo utilizada para generar la firma

nonceStr:?xx , //Obligatorio, cadena aleatoria utilizada para generar la firma

firma: xx, //Obligatorio, firma, ¿Ver Apéndice 1?

jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // Obligatorio, lista de interfaces JS a usar, consulte el Apéndice 2 para obtener una lista de todas las interfaces JS

});

Cuando me puse en contacto por primera vez, vi que no hay muchos artículos en línea aquí y no hay mucha descripción sobre la firma. Aquí lo describiré brevemente. Este parámetro es para obtener la identificación. y secreto a través de la cuenta oficial para obtener el _token de acceso, y luego obtener jsapi_ticket a través del _token de acceso, y luego a través de la marca de tiempo, cadena aleatoria, URL de la página actual, generada mediante cifrado sha1 (aquí) para explicar, este paso puede ser. procesarse desde el fondo hasta el front-end);

El líder con el que acabo de contactarme cree que se puede lograr un front-end puro, esto. De hecho, es posible, por lo que no entraré en demasiadas explicaciones aquí; en cuanto a las razones del procesamiento de back-end, hay aproximadamente dos puntos: 1. ¿No es seguro implementar identificadores y secretos públicos en el front-end? 2. Access_token y jsapi_ticket tienen límites de solicitudes diarias y un tiempo de vencimiento de dos horas, por lo que deben almacenarse en caché en el servidor y obtenerse cada dos horas.

4. Después de configurar wx.config correctamente, se puede acceder a él a través de wx. Ready llama a la función correspondiente en lugar de llamarla a través de wx.config.

Función de devolución de llamada ejecutada después de cancelar el uso compartido

}

});

wx.onMenuShareAppMessage({? //FriendShare

título: '', // Compartir título

desc: '', // Compartir descripción

enlace: window.location.href, // Compartir enlace

imgUrl : '', // Icono de compartir

Success.function () {

// Función de devolución de llamada ejecutada después de que el usuario confirma compartir

},

p>

cancelar: función () {

// Función de devolución de llamada ejecutada después de que el usuario cancela el uso compartido

}

});

});

Resumen: De hecho, hay muy pocas cosas con las que lidiar para el front-end. Se puede lograr simplemente obteniendo la firma del fondo y llamando a este método; detalles, consulte los documentos oficiales por primera vez. Amigos que están en contacto, no tengan miedo, es así de simple;