Solicitud y obtención de la clave de WeChat Pay

Para habilitar la funcionalidad de WeChat Pay del complemento “Lógica Digital” de WordPress “Gestión de sitios web todo en uno”, es necesario ingresar correctamente cuatro elementos de información de la interfaz de WeChat Pay en la sección “Configuración de WeChat Pay” en la configuración principal del complemento, que son: “ID de aplicación (AppId), clave del desarrollador (AppSecret), número de comerciante y clave de pago”. Para obtener esta información de la interfaz de WeChat Pay, es necesario crear un número de comerciante de WeChat Pay y activar los servicios de los productos de pago “JSAPI Payment” y “Native Payment”. También es necesario realizar una serie de configuraciones de parámetros de desarrollo y ajustes de seguridad de la API y la vinculación del ID de la aplicación. Solo después de completar estas configuraciones técnicas podrás obtener la información completa de la interfaz de WeChat Pay: “ID de la aplicación (AppId), clave del desarrollador (AppSecret), número de comerciante y clave de pago”. A continuación, se presentará una demostración paso a paso de las operaciones técnicas necesarias para completar la configuración de WeChat Pay.

Uno、Registre una cuenta comercial de WeChat Pay

Inicia sesión en la página de inicio de WeChat Pay, como se muestra en la imagen a continuación. En la parte inferior del cuadro de inicio de sesión por código QR de WeChat Pay, encontrarás el enlace para solicitar un número de comerciante de WeChat Pay. Haz clic en “Convertirse en comerciante” para ser redirigido a la página de registro del número de comerciante de WeChat Pay, y realiza el proceso de registro mediante escaneo de código QR. Completa la información y verificación paso a paso según las indicaciones de WeChat Pay. Una vez que la verificación sea aprobada, podrás utilizar el número de comerciante de WeChat Pay o el número de WeChat vinculado para iniciar sesión en la plataforma de comerciantes de WeChat Pay mediante escaneo de código QR.

La página de inicio de pago de WeChat se muestra a continuación:

La página para registrar una cuenta comercial de WeChat Pay se muestra a continuación:

dos、Habilite "Pago JSAPI" y "Pago nativo" para la cuenta comercial de WeChat Pay.

Después de iniciar sesión en la plataforma de comerciantes de WeChat Pay, haga clic en "Centro de productos" que se muestra en el cuadro rojo en la esquina superior derecha. En la página siguiente, en la categoría de productos de pago en la parte inferior, active los servicios de "Pago JSAPI" y "Pago Native" que se muestran en el cuadro rojo. Haga clic en el producto de pago que desea habilitar, acceda a la página de detalles del producto de pago y haga clic en el botón "Solicitar activación".

tres、 Desarrollo y configuración de "Pago JSAPI" y "Pago nativo"

Las interfaces de los productos de pago “JSAPI Payment” y “Native Payment” deben estar correctamente configuradas en los parámetros relevantes de la configuración de desarrollo antes de ser integradas en el sitio web. De lo contrario, al integrar en el sitio web WordPress y al intentar activar el pago, se producirán errores. La configuración de desarrollo para “JSAPI Payment” y “Native Payment” se encuentra en la misma página, es decir, una única página de configuración de desarrollo reúne los parámetros para varios productos de pago. En la página de producto de “JSAPI Payment”, haz clic en Configuración de desarrollo para acceder a la página de configuración y, una vez que hayas configurado los parámetros correctamente, guarda los cambios; no será necesario volver a entrar en la página del producto “Native” para hacer la configuración de desarrollo. Esto se debe a que, independientemente de la página de producto desde la que accedas a la página de configuración de desarrollo, en realidad estarás accediendo a la misma página de configuración. El método correcto de configuración para “JSAPI Payment” y “Native Payment” se muestra en la imagen siguiente:

1、Explicación de los parámetros de configuración de desarrollo para el pago JSAPI y el pago Native

• Directorio de autorización de pago JSAPI: ingrese el nombre de dominio del sitio web que utilizará para integrar el pago JSAPI (debe ser el dominio del sitio web que usa WeChat Pay).
• Enlace de callback del pago Native: después de que el usuario autorice el pago a través de WeChat, el servidor de WeChat redirigirá el navegador del usuario a la dirección de callback especificada por el desarrollador (el dominio donde se utiliza WeChat Pay).

Hasta ahora, se han completado el desarrollo y la configuración del pago JSAPI y el pago nativo de WeChat Pay. A continuación, debe obtener el ID de la aplicación (AppId) y la clave de desarrollador (AppSecret) de la plataforma pública.

cuatro、 Obtenga el ID de la aplicación (AppId) y la clave de desarrollador (AppSecret) de la cuenta oficial

Para integrar WeChat Pay en el sitio web, se necesita el parámetro ID de la aplicación (AppID) de WeChat. En la plataforma de comerciantes de WeChat Pay no se puede crear directamente una aplicación del ecosistema de WeChat; la creación de una aplicación de WeChat debe hacerse en la Plataforma Pública de WeChat. Si aún no has creado una cuenta en la Plataforma Pública de WeChat, primero debes crear la cuenta allí. Hay dos tipos de aplicaciones en WeChat, que son la Cuenta Oficial de WeChat y la Miniaplicación de WeChat. Ambas aplicaciones pueden ser creadas en la Plataforma Pública de WeChat. Al crear cualquiera de estas aplicaciones en la plataforma, puedes asociar y vincular el ID de la aplicación (AppID) de la aplicación con la plataforma de comerciantes de WeChat Pay. A continuación, utilizaremos la cuenta oficial para obtener el AppID como ejemplo.

Después de crear una cuenta en la plataforma pública WeChat, inicie sesión en el backend de la cuenta pública, expanda "Configuración y desarrollo" en la barra lateral izquierda marcada con un cuadro rojo como se muestra en la figura a continuación, y hay una entrada para la "Configuración básica" de la cuenta pública. Después de hacer clic en Configuración básica, la interfaz es la que se muestra a continuación:

1、Obtener el ID de la aplicación (AppID) en la "Configuración básica" de la cuenta oficial

El primer elemento marcado con un cuadro rojo en la parte derecha de la imagen es el ID de la aplicación, también conocido como ID de desarrollador (AppID). Copie y guarde el ID de desarrollador (AppID).

2、Obtener la clave de la aplicación (AppSecret) en la cuenta oficial - Clave de desarrollador (AppSecret)

El segundo elemento marcado con un cuadro rojo en la parte derecha de la imagen es la clave de desarrollador que necesitamos. Haga clic en "Restablecer" y guarde la clave de desarrollador (AppSecret).

3. Configurar la lista blanca de IP

Ingresa la dirección IP del servidor que utilizará WeChat Pay en la “Lista blanca de IPs”. Al llamar a la interfaz para obtener el access_token mediante el ID de desarrollador y la contraseña, debes configurar la IP de origen del acceso como una IP de la lista blanca. Solo las IPs dentro de la lista blanca podrán acceder exitosamente a la interfaz de obtener el access_token.

cinco、 Configuración de funciones de la cuenta oficial

Después de configurar correctamente la "Configuración básica" de la cuenta oficial, también debe configurar correctamente las funciones de la cuenta oficial. En el panel de administración de la cuenta oficial, haga clic en "Configuración de la cuenta oficial - Configuración de funciones" para acceder a la página de configuración de funciones, como se muestra en la imagen a continuación. El cuadro rojo en la imagen indica los elementos de configuración que deben configurarse correctamente en la cuenta oficial.

Elementos de configuración que necesita configurar en la cuenta oficial de WeChat:

• Dominio de negocio: configúrelo con el dominio del sitio web en el que va a usar el pago de WeChat, agregue tanto con "www" como sin "www".
• Dominio seguro de la interfaz JS: al igual que el dominio de negocio, configúrelo con el dominio del sitio web en el que va a usar el pago de WeChat, agregue tanto con "www" como sin "www".
• Dominio de autorización de la página web: al igual que los dos anteriores, configúrelo con el dominio del sitio web en el que va a usar el pago de WeChat, agregue tanto con "www" como sin "www".

seis、Vincular APPID

Siga los pasos que se muestran en la figura a continuación, en la página del producto de pago (página de detalles de pago JSAPI), haga clic en "Administración de cuenta de AppID" y luego haga clic en el botón "+ Asociar AppID" marcado en el cuadro rojo en la figura a continuación para ingresar a la interfaz de enlace de entrada de AppID.

Copie y pegue el ID de la aplicación (ID de desarrollador) obtenido en la configuración básica de la cuenta oficial en el cuadro de entrada AppID marcado con un recuadro rojo y marque el botón de opción "He leído y acepto" y, finalmente, haga clic en el botón Enviar. En este punto, se han completado las configuraciones de vinculación de la aplicación de la plataforma comercial WeChat Pay.

siete、 "Seguridad de API" Solicitar certificado y configurar la clave API

Después de completar la vinculación de la aplicación de WeChat Pay (AppID), también es necesario configurar correctamente la sección de “Seguridad de la API”. Como se muestra en la imagen a continuación, en la página de administración de la plataforma de comerciantes de WeChat Pay, haz clic en “Centro de cuentas” en la barra superior, luego en el menú lateral izquierdo selecciona “Seguridad de la API” para ingresar a la configuración de seguridad de la API. La configuración de seguridad de la API es donde puedes obtener el certificado de la API y la clave de pago. La clave “APIv2” y “APIv3” que necesitas configurar en la seguridad de la API son las claves de pago. Después de solicitar el certificado de la API, configura las claves APIv2 y APIv3, y asegúrate de guardarlas de manera segura.

La cuenta de la plataforma de comerciantes de WeChat Pay del editor ya ha solicitado el certificado de la API y configurado las claves APIv2/v3 (clave de pago), y tanto el certificado como las claves están en uso normal. Por lo tanto, por razones de seguridad, no es conveniente realizar una demostración práctica para los lectores. Puedes consultar la guía para solicitar el certificado de la API, la guía para configurar la clave APIv2 y la guía para configurar la clave APIv3 para hacer la configuración correctamente.

Una vez que haya completado la solicitud del certificado "Seguridad API" y la configuración de las claves API, se habrá completado toda la configuración de WeChat Pay. Las cuatro piezas de información de la interfaz de pago de WeChat necesarias para el complemento de administración todo en uno de WordPress, que son: "ID de la aplicación (AppId), Clave del desarrollador (AppSecret), Número de comerciante y Clave de pago", ya se han obtenido y guardado tres de ellas. La única pieza restante es el "Número de comerciante", que no se mencionó anteriormente. Los lectores atentos habrán notado que, al crear la cuenta en la plataforma de comerciantes de WeChat Pay, ya se obtiene el número de comerciante. Para aquellos que aún no han descubierto cómo encontrar su número de comerciante, por favor, vean la captura de pantalla en la siguiente sección.

ocho、Obtención de un ID de comerciante

Como se muestra en la siguiente figura, haga clic en la columna "Mi cuenta" en la esquina superior derecha de la plataforma comercial WeChat Pay. Como se muestra en el cuadro rojo, el primer elemento de la información ampliada es el número de comerciante. Copie el número de comerciante y guárdelo junto con el resto de la información de la interfaz.

Nueve, ingrese el "ID de la aplicación (AppId), Clave del desarrollador (AppSecret), Número de comerciante y Clave de pago" de WeChat Pay en la configuración del complemento todo en uno de administración del sitio

Ingrese la información correspondiente de "ID de la aplicación (AppId), Clave del desarrollador (AppSecret), Número de comerciante y Clave de pago" que ya ha obtenido en los campos de entrada de la configuración de "WeChat Pay" en el complemento todo en uno de administración de WordPress. Después de copiar y pegar la información en cada campo, haga clic en el botón "Guardar cambios" debajo. Esto habilitará la función de pago de WeChat para los botones de compra, compra de productos y membresías pagas del complemento todo en uno de administración de WordPress. Cuando los usuarios del sitio hagan clic en los botones de compra de productos o servicios en la página frontal, podrán usar el pago mediante código QR de WeChat para completar el pago del producto/servicio.

Conclusión: Al leer el contenido de “Solicitud de WeChat Pay y obtención de las claves de la API de WeChat Pay”, los lectores ya tienen claro el método de configuración de los dos productos de pago utilizados por WeChat Pay, JSAPI y Native, y el proceso de conexión y verificación de los servicios de aplicaciones en el ecosistema de WeChat. Después de dominar los principios técnicos de la configuración de WeChat Pay para la integración en el sitio web, los usuarios pueden realizar la integración de WeChat Pay por sí mismos utilizando el plugin multi-función de gestión de sitios de WordPress de Logic Thinking Digital Technology. Finalmente, se recuerda a todos que la información de la API de WeChat Pay obtenida debe ser guardada de manera segura para evitar su pérdida, ya que una reconfiguración posterior podría invalidar las claves existentes y hacer que el WeChat Pay previamente configurado en el sitio web deje de funcionar.

Derechos reservados por SZLOGIC (Lógica Digital), prohibida su reproducción.