单页面第三方登录的设计思路

本文介绍了如何通过Spring Boot后端和Vue前端,结合支付宝SDK,设计第三方登录流程。用户点击支付宝登录后,跳转至支付宝登录页面,完成身份验证后,返回到应用并保持登录状态。后端涉及Spring Boot配置支付宝账号信息,前端使用Vue处理登录事件及回调数据。
摘要由CSDN通过智能技术生成

简介

以第三方接入支付宝登录为例,后端采用Springboot,前端采用vue,实现点击支付宝登录跳转到第三方登录界面,用户输入账号密码或扫码后返回到原用户界面并存在登录状态。

后端设计

  • 导入Alipay的SDK包

    <dependency>
       <groupId>com.alipay.sdk</groupId>
       <artifactId>alipay-sdk-java</artifactId>
       <version>4.8.10.ALL</version>
    </dependency>
    <dependency>
        <groupId>com.aliyun</groupId>
        <artifactId>aliyun-java-sdk-core</artifactId>
        <version>4.0.3</version>
    </dependency>
    
  • 以支付宝开放平台的沙箱账号为例,在application.yml中注册沙箱账号的appid,网关,密钥等信息——支付宝沙箱

    alipay:
      app_id: 2016101400687339
      privateKey: MIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQDrK7YXAjP21LPmkzkTHRbAN36AUc2xRKUkJR38PLPXyMxazNCimMgs9zWGcOjLJGESApV6CLQHe8+VzEyaBiqH0NYZmjpQhuN+5T2Kne67/cvDR/myU6El7dYna+nfJ+6PBycAX2pPlV4gqksTW/feQBPyx+LXkkPU8huzxsKhapmbNHy3DJF9sm6pCuVvFe3tC6z/odVBMsU0gnHmNEtw0Vt6vJEBTRdHemxZXH/LaNCrMlZ7SiVR/AWGwAOXUxweTabTBbMRx9aqQWSfa5BfpUrix9T/cHnhsuOfrta6hy0ypb8knTX7DOehlYeXTT2Ysc5xWYRcVnjYGhl2uhINAgMBAAECggEASq5a6PueHOh3KOXf3h4Ct4/n8EAKHh06hDv1RcDRK9lsa/lW2AvEpeLrcIIyqzAmU13WsiZJZYb/6QYz3UXQA8lh9Edx9Vigrg+Gd5qn0bNLHfyhYuwD5NOeim5OmrtHmsweqpOiYxuABMePh9pQ4JdgvlyTwPmF6P3ppjGcZT2lGMIJwAmpEMGovBfGcXtLlbLZSYMPdROsRdEniNBRBotUvF8oYHST0PdYVA/RaQw2jXvZnEJtrxZGt62PsHR9kYz5PtLuGMZhVzi7c03XgeJrtJJ/yTz3m7RlVDtsjOqcbTX1GZxrm5d7pokH8Cejk2doW5oeSUI77HD1NApdgQKBgQD89+UzsAlk1MlWGLILWmis+Lkn3x7WzEmZ8WCvNSPe9+RsyxpLYdGzcuWZr3vfErMCxdj4LFD1WzjNXDb/zdUrjpxFLO+LKGJxl9z5KTr2ToLfeWG64Dl66+xquFvag3SeNrJLL8/iDysL6vIF6YXAnBl19C6LvAcyBhaaOoR05QKBgQDt/TaOCGW2l/OOxo/UNdFa68fIIt5/nHrwZdnojaPo61ERbTZDdnwTUPmr/3BH2fN1tFBgIKxoYWJ3HwS3pWylD0roXg1WXMURQq76S7ZZOLf5qw6RDB1zEcV5u3m/P8qoRsIsRhDRiPKMFEMv488E/m2Xeuxcz1c7nlce7xC+CQKBgH1GKjxxlgVYFyjK7AkRSbs3JUJojTYkTuKslYvOzifSLU3vOuNP2vB6GtgD/l0XPo1F+0/TanhHJ5cTbq05erKqWhsryKjqY+4LHcRKNcfaU5dl3g8UkYKdKSQkjmBlLzBWt+7iC5nQlym8vQROhA1BgJ5YQWCzygBs4W6ZQhU9AoGAdSXjqN6xUsRRe8J6IjerqlnNqdKgO6jHS3aXYUX3nTvYV/+ual70jH2bqPLATl4W3aW4utjahTcKxSBbrhqb9FQmx2MkpZJc3zY387U5OYoV5awyK2wPQwlIb7e9IktAcr0B79E9jicfXZzLxdMZoJetUpeLqdPWWN6EfBGp6CECgYB7lDhkG5+FUzs2+AY7RnkUGrcxyJoiH0fYeVidI6OtZmYd88M3FHIil0uxNV4xE8Iaf1K5SD1KOOaCA5QHG97pZeiVfalqFpKk7uZEJ8jzlx1AG/9iZR2AeUq7HePXZ2w0t6vQy25d8Y6DbY1mOoDbZBKehj3GeOd51MRWCi0ixA==
      publicKey: MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAkwfS+N9iouuZ3IjJb7vjtVFnBEqKk5xxOiK2rwtushJ9SG7TDrBmBL2UuAjerXRguGAL+1yLuGAogfUQZaXEZPSoJ+Kqg/6CJM2IwYdWlHbJtsPo20ftQ1ox/X2So/nRqN3JmRmEAJBd08MRk4q8DyIaUa27KiNbvTljWA8gZSt6Sgto5+DEShOZoOzxNoJeNSrZI60/8iyN2fwcZNygvXkPsmIqGvx+Sqxv38fqLIiQ0W4GRHwX+IPsZLB+xbqiIS3cgxSl1Ozpr38nf48YpgDfsrOegwC822zh/+gjajasBtV4HmDSS3dkIwhfdBd3PhfZQXg6lUlURXp+d0RxFwIDAQAB
      signType: RSA2
      returnUrl: http://127.0.0.1:9527/alipay
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值