Перейти к Alipay и WeChat в мобильном терминале

HTML

сегодняAPPа такжеH5Сценарии, встречающиеся при оплате:

  1. первый пользовательBСтаньте продавцом, продавайте «одежду» и предоставляйте способы оплаты, такие как банковские карты, WeChat и Alipay.
  2. ПользовательAУвидев одежду торговца B, разместите заказ на покупку «одежды».
  3. После оформления заказа пользовательAПо словам пользователяBПредоставлена ​​банковская карта, аккаунт WeChat и Alipay для перевода.

Конкретное взаимодействие:

  1. При выборе банковской карты пользовательAПомимо использования банкаAPPИли банковский перевод через веб-сайт, вы также можете перейти к Alipay для перевода банковской карты, как показано на рисунке:

  1. Когда вы выбираете Alipay, вы можете сохранить QR-код для платежа или перевести деньги непосредственно на счет Alipay.

  1. При выборе WeChat сначала сохраните QR-код для оплаты, а затем откройте WeChat.

это все здесьAPPНажмите, чтобы реализовать взаимодействие с Alipay и WeChat, давайте использоватьaтеги для достижения этого

1. Выберите Alipay и переведите деньги на счет Alipay.

Этот проще:

<a
  style="background: #01a6ea"
  href="alipays://platformapi/startapp?appId=20000067&url=HTTPS://QR.ALIPAY.COM/XXXXXXXX"
>支付宝付款</a>

параметр:

appId==20000067   // 应用ID - 默认
url=HTTPS://QR.ALIPAY.COM/XXXXXXXX    // 支付宝收款二维码地址

Когда вы нажимаетеaКогда вы нажмете на вкладку, вы перейдете на страницу перевода Alipay:

2. Выберите банковскую карту, откройте Alipay и сделайте перевод на банковскую карту.

Это немного сложнее, я пробовал два метода:

первый способ

Используйте ссылку ниже:

alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=622xxxxxxxxxxxxxxx&bankAccount=xxx&money=0.01&amount=0.01&bankMark=ABC&bankName=xxx

параметр:

appId=09999988   // 应用ID - 默认
actionType=toCard // 转账类型 toCard - 到银行卡
sourceId=bill // ？
cardNo=622xxxxxxxxxxxxx // 银行卡号
bankAccount=xxx // 银行账户
money=0.01 // 转账金额
amount=0.01 // 转账额度
bankMark= ABC // 银行代号
bankName=xxx // 银行名称

Приведенную выше ссылку можно использовать какaЭтикеткаhrefзначение атрибута или сгенерируйте QR-код:

Однако то ли какaпомеченhrefЗначение атрибута или сгенерированный скан QR-кода будут перехвачены Alipay:

Позже выяснилось, что параметр был удален.bankAccountПредупреждения не будет:

alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=622xxxxxxxxxxxxxxx&money=0.01&amount=0.01&bankMark=ABC&bankName=xxx

Сгенерированный QR-код выглядит следующим образом:

Нет проблем, если вы отсканируете этот QR-код напрямую:

Но следующие два случая все еще не реализуемы:

  1. так какaпомеченhrefзначение атрибута
  2. Сохраните QR-код в альбом, отсканируйте его через Alipay и выберите картинку из альбома (Alipay-Album, я не могу найти эту картинку в альбоме, но вы можете увидеть эту картинку из локального альбома~_~)

То есть откройте перевод Alipay на банковскую карту на мобильном терминале и перейдите по следующей ссылке:

alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=622xxxxxxxxxxxxxxx&money=0.01&amount=0.01&bankMark=ABC&bankName=xxx

Это полезно только при сканировании QR-кода напрямую, а не напрямуюaтеги, и это тоже не соответствует нашему сценарию.

второй способ

Второй метод фактически вдохновлен первым методом.Первый метод возможен при сканировании QR-кода.Тогда мы можем позволить Alipay распознать QR-код.

Второй способ состоит из трех шагов:

Шаг 1. Установите содержимое QR-кода.

Этот шаг на самом деле является первым способом:

const qrcode = 'alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=622xxxxxxxxxxxxxxx&money=0.01&amount=0.01&bankMark=ABC&bankName=xxx'

Шаг 2: Получите адрес QR-кода

БудуqrcodeСгенерируйте QR-код, загрузите его на сервер и получите адрес изображения, например:

const url = 'http://image.baidu.com/qrcode.jpg'

Шаг 3: ИспользуйтеaЭтикетка

<a
  style="background: #01a6ea"
  href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=url"
>打开支付宝转账</a>

параметрqrcode=urlсерединаurlгенерируется на втором шагеurl

Результат выглядит следующим образом:

Последним открыть WeChat просто

3. Откройте WeChat

<a href="weixin://" style="background: #01d00e">打开微信</a>

4. Резюме

  1. Перевод на счет Alipay
<a
  style="background: #01a6ea"
  href="alipays://platformapi/startapp?appId=20000067&url=HTTPS://QR.ALIPAY.COM/XXXXXXXX"
>支付宝付款</a>
  1. Alipay перевод на банковскую карту
  • Шаг 1. Установите содержимое QR-кода.
const qrcode = 'alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=622xxxxxxxxxxxxxxx&money=0.01&amount=0.01&bankMark=ABC&bankName=xxx'
  • Шаг 2: Получите адрес QR-кода

БудуqrcodeСгенерируйте QR-код, загрузите его на сервер и получите адрес изображения, например:

const url = 'http://image.baidu.com/qrcode.jpg'
  • Шаг 3: ИспользуйтеaЭтикетка
<a
  style="background: #01a6ea"
  href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=url"
>打开支付宝转账</a>
  1. Открыть WeChat
<a href="weixin://" style="background: #01d00e">打开微信</a>
Категории