universal payment

ユニバーサル支払い

静的ページで構成されるユニバーサル支払いのウェブページ。

デモ：pay.cnily.top

展開する

1. 各支払いプラットフォームで取得した元のコンテンツを生成して保存し、スキャンします。

   • コレクションコードの代わりにWeChat感謝コードを使用することをお勧めします。
   • WeChatの支払いとQQ支払いには制限があり、自動的に支払いページにジャンプすることはできません。

2. 倉庫をローカルに引っ張り、 src/template.jsで各支払いプラットフォームのコレクションコードを構成します。

   • 対応する支払いプラットフォームの後に領収書コードスキャンから取得した元のコンテンツを入力します。
   • カスタムコレクションコード画像を使用する場合は、写真をsrc/images/ directoryに配置して、 "[!img]" + require("./images/wechatpay.webp")に記入するか、入力することができます"[!img] https://图片链接.example.com/"指定されたURLの画像を使用します。

3. node.jsとnpmをインストールし、次のコマンドを実行します

   npm install
   npm run build

   ページを作成します。

   • 最小化されたフォントファイルの関数は、Windowsでのみ使用でき、他のプラットフォームで大きなフォントファイルを生成します。
   • 取得した静的ページは、 dist/ディレクトリにあります。

4. 取得した静的ページをWebサイトに展開し、 /index.htmlにアクセスして支払いページを表示します。

開発する

src/template.js src/scripts/config.ts 、より多くのテキストとリンク構成（詳細な構成）のみです。

アイコンと対応する構成は、 src/iconフォルダーにあります

その他のスタイル設定はsrc/stylesheets/config.scssファイルにあります

URLパラメーター

• autoユーザーエージェントの自動認識を開き、対応する支払いプラットフォームのWebページにジャンプするかどうか
• platform指定された支払いプラットフォームを表示します。
• type logo selectれた支払いプラットフォームicon表示します