universal payment

Pago universal

Una página web de pago universal compuesta de páginas estáticas.

Demo: pay.cnily.top

desplegar

1. Genere y guarde el contenido original obtenido por cada plataforma de pago y escaneo.

   • Se recomienda utilizar el código de apreciación de WeChat en lugar del código de recopilación.
   • Hay restricciones sobre el pago de WeChat y el pago de QQ, y no se pueden saltar automáticamente a la página de pago.

2. Tire del almacén al local y configure el código de recolección de cada plataforma de pago en src/template.js .

   • Complete el contenido original obtenido del escaneo del código de recibo después de la plataforma de pago correspondiente.
   • Si desea utilizar una imagen de código de colección personalizada, puede colocar la imagen en src/images/ directorio y completar "[!img]" + require("./images/wechatpay.webp") , o completar "[!img] https://图片链接.example.com/"

3. Instale node.js y npm y ejecute los siguientes comandos

   npm install
   npm run build

   Para construir una página.

   • La función del archivo de fuente minimizado solo está disponible en Windows, y producirá archivos de fuentes más grandes en otras plataformas.
   • La página estática obtenida se encuentra en dist/ Directorio.

4. Implemente las páginas estáticas obtenidas en el sitio web y visite /index.html para mostrar la página de pago.

Desarrollar

src/template.js es solo una plantilla src/scripts/config.ts

El icono y la configuración correspondiente se encuentran en la carpeta src/icon

Otras configuraciones de estilo se encuentran en el archivo src/stylesheets/config.scss

Parámetro de URL

• Si auto abre el reconocimiento automático de UserAgent y salta a la página web de la plataforma de pago correspondiente
• platform muestra la plataforma de pago especificada.
• type select el diseño de la plataforma de pago especificada, con el siguiente icon logo valor opcional |