universal payment

Universal Payment

A universal payment webpage composed of static pages.

Demo: pay.cnily.top

deploy

1. Generate and save the original content obtained by each payment platform and scan.

   • It is recommended to use the WeChat appreciation code instead of the collection code.
   • There are restrictions on WeChat payment and QQ payment, and cannot be automatically jumped to the payment page.

2. Pull the warehouse to the local and configure the collection code of each payment platform in src/template.js .

   • Fill in the original content obtained from the receipt code scanning after the corresponding payment platform.
   • If you want to use a custom collection code picture, you can place the picture in src/images/ Directory and fill in "[!img]" + require("./images/wechatpay.webp") , or fill in "[!img] https://图片链接.example.com/" to use the picture of the specified URL.

3. Install Node.js and NPM and execute the following commands

   npm install
   npm run build

   To build a page.

   • The function of the minimized font file is only available on Windows, and it will produce larger font files on other platforms.
   • The obtained static page is located in dist/ Directory.

4. Deploy the obtained static pages on the website, and visit /index.html to display the payment page.

Develop

src/template.js is only a template. For more text and link configuration (detailed configuration), please refer to src/scripts/config.ts file

The icon and the corresponding configuration are located in the src/icon folder

Other style settings are located in src/stylesheets/config.scss file

URL parameter

• Whether auto opens automatic recognition of useragent and jumps to the webpage of the corresponding payment platform
• platform displays the specified payment platform.
• type displays the design of the specified payment platform, with the following optional value icon | logo | select