uniapp支付宝小程序开通商家会员卡功能流程和前端代码

这篇具有很好参考价值的文章主要介绍了uniapp支付宝小程序开通商家会员卡功能流程和前端代码。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

支付宝官方文档

  • 支付宝小程序商家后台要购买商家会员卡插件,是免费的,一般公司有专门的人来管这一块

  • 购买完之后,在uni项目中manitest.json文件中写上插件代码,如果还没买就写的话,运行之后小程序会报错

  • 从后端获取appid和complateId,complateId后端可能会返回多个,但前端使用只能使用一个,而且是已经开通的卡的模板id,可以让后端给一个字段标识

  • 在支付包后台管理,要把后台正式地址和测试地址提交给支付宝审核,只有审核成功后,才能领卡成功

  • 拿到appid和模板id后,就直接调用支付宝方法即可

够买完成后,在uni项目中manitest.json文件中写上插件代码
uniapp支付宝小程序开通商家会员卡功能流程和前端代码,小程序,Powered by 金山文档
调后端接口拿到appid和模板id,然后用appid和模板id请求支付宝接口,点击领取会员卡后就可以调起会员卡模板了
uniapp支付宝小程序开通商家会员卡功能流程和前端代码,小程序,Powered by 金山文档
uniapp支付宝小程序开通商家会员卡功能流程和前端代码,小程序,Powered by 金山文档

js代码示例文章来源地址https://www.toymoban.com/news/detail-519439.html

//点击开启会员卡--获取appid和模板id
            onOpenCard(){
                request("xxxxx/xxx/xxx/xxx/", {
                    appId:this.appid,
                }, "POST").then((res) => {
                    if(res.result && res.result.length>0){
                        res.result.some(item=>{
                            if(item.type=2){
                                this.onOpenCard1(res.result[1].templateId,res.result[1].appId)
                            }
                            return true
                        })
                    }
                })
            },
            //商家会员卡--拿到appid和模板id后请求支付宝官方接口--调起会员卡
            onOpenCard1(temId,appId){
            var plugin = requirePlugin("alipassToolKit") // 引用名称需与 app.json 中定义名称相同,在uni中是manifest.json
            let params = {
              cardParams:{//开卡入参,
                templateId:temId, // 开卡的卡模板ID
                templateAppId:appId, // 卡模板ID 所关联的 AppId
                // outString:'商家会员卡测试',//商家自定义透传信息
                pageType:'half',//可选,默认是 half,其他参数 full
              },  
              callback: function (res) {
                  console.log('商家会员卡res======', res)
                  if (res.success === true) {
                    console.log('商家会员卡success')
                  }
                }
              }
             plugin.openCard(params);// 接口参数说明如下
            },
整体还是很简单的,官方文档也有说明,至于会员卡的模板里面的具体啥样,应该在后台里面可以自己设置,我也摸索中,下次见,有问题在评论区留言。

到了这里,关于uniapp支付宝小程序开通商家会员卡功能流程和前端代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 支付宝小程序模板开发,协助商家一键创建小程序

    关于支付宝小程序模板开发,之前写过相关的介绍,详情请看 【支付宝小程序模板开发,一整套流程】这篇文章。 和微信一样,支付宝也有通过接口创建小程序的服务。不过在对接模板开发那时候,还没开放这个接口,是一个邀请制的,没有被官方主动邀请到就没有权限调

    2024年02月13日
    浏览(46)
  • uniApp APP跳转支付宝小程序,uniapp唤起支付小程序

    ps:ios上支付宝的自定义协议是alipay   Android上支付宝的自定义协议是alipays         plus 不需要定义声明,为app端系统默认参数

    2024年02月12日
    浏览(62)
  • uniapp开发支付宝小程序

    1.运行支付宝小程序  这里运行后会打开你下载的支付宝开发者工具(中间有一步是配置你的支付宝开发者工具地址,这个就没有写了)    到此为止运行支付宝小程序就成功了 2.TypeError: Function(...) is not a function  出现该原因就是用了Function,当你的代码出现了该种情况就是看

    2024年02月11日
    浏览(56)
  • uniapp使用支付宝小程序插件

    比如接入商家消息的插件:https://opendocs.alipay.com/mini/01rnqx 准备工作:先按照上面的操作购买添加插件到指定的小程序 开入接入: 如果使用uniapp,以上几个步骤要稍微调整下: 第二步原本在app.json中添加插件在uniapp开发中需要换到manifest.json中(unapp项目根本下就有) 找到支付宝

    2024年02月11日
    浏览(58)
  • uniapp支付宝小程序授权用户信息、授权手机号码

    需求说明 uniapp开发支付宝小程序授权用户信息和用户手机号码过程中,与微信小程序的API是有所不同的,相同是都是需要 button/button 点击事件触发。接下来简单说明一下支付宝小程序授权用户信息和用户手机号码的方法。 完成需求 授权用户手机号码前,需要先在支付宝开放

    2024年02月08日
    浏览(108)
  • uniapp支付宝小程序如何在开发者工具启动

    小程序开发者工具安装地址 在uniapp项目根目录下的manifest.json中找到支付宝小程序配置,输入在支付宝中获取的appid 选择HBuilder导航栏的工具-设置-运行配置-支付宝小程序开发者工具路径-选择到小程序开发者工具.exe 运行-运行到小程序模拟器-支付宝小程序开发者工具 运行成功

    2024年02月11日
    浏览(45)
  • uniapp 支付宝小程序 获取用户信息 ISV权限不足

    服了,有两个获取会员信息,耽误我半天, 点击绑定产品,一个在第一页,一个在第三页。

    2024年02月16日
    浏览(47)
  • 【uniapp】将微信小程序的代码兼容支付宝小程序(持续更新)

    目前本身就有一套完善的微信小程序(兼容h5)的代码,现在的需求是将它编译成支付宝小程序,做好兼容的处理,以便后续接入支付宝服务商,在这里简单记录一下目前发现的把微信小程序编译成支付宝小程序的问题和解决方案。 建议配合其他人的记录一起看,这里只是我

    2024年02月09日
    浏览(157)
  • uniapp兼容微信小程序和支付宝小程序遇到的坑

    改为v-if。 App端和H5端支持 v-html ,微信小程序会被转为 rich-text,其他端不支持 v-html。 解决方法:去插件市场找一个支持跨端的富文本组件。 兼容微信小程序和支付宝小程序  pages.json: 给支付宝的导航栏设置 透明 agent页面: 支付宝加上 my.setNavigationBar 设置标题文字即可,

    2024年02月15日
    浏览(88)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包