本指引适用于从服务商自制商户静态码牌（H5或微信小程序模式），用户使用微信APP扫码进入码牌收银台页面，用户选择云闪付，调 4.1.2 JSAPI支付 接口下单，拉起云闪付APP或微信小程序完成付款。
对应业务接入指引 2.12.

1 微信小程序模式

指服务商自制码牌为微信小程序码牌。

1.1 前端页面展示

1.2 跳转云闪付微信小程序说明

1.3 小程序跳转示例

https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

https://developers.weixin.qq.com/miniprogram/dev/api/base/app/app-event/wx.onAppShow.html

建议判断为从云微小程序返回后，再调用wx.offAppShow 移除监听切前台事件，以免用户手动将商户小程序切后台再打开导致误判。

2 云闪付APP模式

指指服务商自制码牌为微信内H5。

2.1 前端展示

2.2 链接拼接

点击付款按钮跳转的目标链接，需按如下方式，进行链接拼接：
1）跳转参数：
组装方法为{"dest":"不加协议头的订单唯一标识（redirectUrl）
","host":"html"}，比如某次接收到的唯一标识（redirectUrl）为：
https://qr.95516.com/14538200/87001002101，得到：
{"dest":"qr.95516.com/14538200/87001002101","host":"html"}

2）base64：
将上述跳转参数base64，得到：
eyJkZXN0IjoicXIuOTU1MTYuY29tLzE0NTM4MjAwLzg3MDAxMDAyMTAxIiwiaG9zdCI6Imh0bWwifQ==

3）urlencode：
将上述字符串urlencode，得到：eyJkZXN0IjoicXIuOTU1MTYuY29tLzE0NTM4MjAwLzg3MDAxMDAyMTAxIiwiaG9zdCI6Imh0bWwifQ%3D%3D

4）形成最终跳转链接：
将上述字符串按如下格式拼接，得到：
https://base.cup.com.cn/s/wl/WebAPP/helpAgree/page/share/shareH5ToNative.htmlparams=eyJkZXN0IjoicXIuOTU1MTYuY29tLzE0NTM4MjAwLzg3MDAxMDAyMTAxIiwiaG9zdCI6Imh0bWwifQ%3D%3D

将上述链接，作为按钮的最终跳转链接。

F.17 银联二维码云微支付开发指引

1 微信小程序模式#

1.1 前端页面展示#

1.2 跳转云闪付微信小程序说明#

1.3 小程序跳转示例#

2 云闪付APP模式#

2.1 前端展示#