universal payment

Paiement universel

Une page Web de paiement universel composée de pages statiques.

Démo: pay.cnily.top

déployer

1. Générez et enregistrez le contenu d'origine obtenu par chaque plate-forme de paiement et scanner.

   • Il est recommandé d'utiliser le code d'appréciation WeChat au lieu du code de collecte.
   • Il y a des restrictions sur le paiement de WeChat et le paiement QQ, et ne peut pas être automatiquement sautée sur la page de paiement.

2. Tirez l'entrepôt vers le local et configurez le code de collecte de chaque plate-forme de paiement dans src/template.js .

   • Remplissez le contenu d'origine obtenu à partir de la numérisation du code de réception après la plate-forme de paiement correspondante.
   • Si vous souhaitez utiliser une image de code de collecte personnalisée, vous pouvez placer l'image dans src/images/ Directory et remplir "[!img]" + require("./images/wechatpay.webp") , ou remplir "[!img] https://图片链接.example.com/"

3. Installez Node.js et NPM et exécutez les commandes suivantes

   npm install
   npm run build

   Pour construire une page.

   • La fonction du fichier de police minimisée est uniquement disponible sur Windows et produira des fichiers de police plus grands sur d'autres plates-formes.
   • La page statique obtenue est située dans dist/ Directory.

4. Déployez les pages statiques obtenues sur le site Web et visitez /index.html pour afficher la page de paiement.

Développer

src/template.js n'est qu'un modèle src/scripts/config.ts

L'icône et la configuration correspondante sont situées dans le dossier src/icon

D'autres paramètres de style sont situés dans le fichier src/stylesheets/config.scss

Paramètre URL

• Si auto ouvre la reconnaissance automatique de l'utilisateur et saute sur la page Web de la plate-forme de paiement correspondante
• platform affiche la plate-forme de paiement spécifiée.
• type affiche la conception de la plate logo forme de paiement spécifiée, select l' icon de valeur optionnelle suivante |