SpringBoot+Vue实现第三方Gitee登录(一)
<h2>1. Gitee登录介绍(测试网站：<span style="color: rgba(230, 126, 35, 1)">地址</span>）(不需要域名即可接入)</h2><p><span style="font-size: 16px"> 第三方网站主要通过使用“Gitee登录”接入Gitee开放平台。"Gitee登录”是Gitee开放平台提供给第三方网站的一种服务。“Gitee登录”可以让用户使用Gitee帐号在第三方网站上登录，分享内</span></p>
<p><span style="font-size: 16px">容、同步信息，大大降低了用户注册的门槛。</span></p>
<p><span style="font-size: 16px"> 同时，第三方网站根据用户提供的绑定信息，借助Gitee空间庞大的用户群，使网站的信息能通过好友关系得到进一步的传播，提</span><span style="font-size: 16px">升网站的访问量和用户数。</span></p>
<p><span style="font-size: 16px"> <strong>OAuth</strong>： OAuth（开放授权）是一个开放标准，允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息，而不需要将用户名和密码提供给第三方网站或分享他们数据的所有内容。</span></p>
<p><span style="font-size: 16px"><strong> Gitee登录OAuth2.0</strong>：对于用户相关的OpenAPI（例如获取用户信息等），为了保护用户数据的安全和隐私，第三方网站访问用户数据前都需要显式的向用户征求授权。</span></p>
<p><span style="font-size: 16px"><img src="https://img2023.cnblogs.com/blog/2107107/202302/2107107-20230209145228964-1736337054.png"></span></p>
<h2>2. 成为开发者</h2>
<p> <span style="font-size: 16px"> 开发者通过以下几个步骤，即可接入Gitee开放平台： 注册开发者 → 创建应用 → 获取接口权限。</span></p>
<h3><span style="font-size: 18px">2.1 注册Gitee账号</span></h3>
<p> <span style="font-size: 16px"> 在Gitee官网按要求注册/登录账号(官网地址：<span style="color: rgba(230, 126, 35, 1)">https://gitee.com/login</span>) ，并完成登录</span></p>
<p><img src="https://img2023.cnblogs.com/blog/2107107/202212/2107107-20221212154511615-853757109.png"></p>
<h2>3. 网站应用及移动应用接入申请</h2>
<p><span style="font-size: 16px"> 应用接入前，首先需进行申请，获得对应的appid与appkey，以保证后续流程中可正确对网站与用户进行验证与授权。</span></p>
<h3><span style="font-size: 18px">3.1 创建应用</span></h3>
<p><span style="font-size: 16px">1. 登录成功后，点击“头像”按钮，点击“设置”按钮</span></p>
<p><img src="https://img2023.cnblogs.com/blog/2107107/202212/2107107-20221212154838388-1531191519.png"></p>
<p><span style="font-size: 16px">2. 跳转到设置页面，在“数据管理”里面选择“第三方应用”按钮，点击创建应用, 我的已经审核通过并且已经创建过一个应用了。</span></p>
<p><img src="https://img2023.cnblogs.com/blog/2107107/202212/2107107-20221212155120791-374562182.png"></p>
<p><span style="font-size: 16px">3. 填写应用相关信息，勾选应用所需要的权限。其中：<strong data-v-4b15d928="">回调地址 </strong>是用户授权后，码云回调到应用，并且回传授权码的地址。</span></p>
<p><span style="font-size: 16px"><span style="font-size: 18px; color: rgba(224, 62, 45, 1)">注意：Gitee回调地址不需要域名也可以，使用自己电脑ip地址就可以</span></span></p>
<p><span style="font-size: 18px; color: rgba(224, 62, 45, 1)">注意：Gitee回调地址不需要域名<span style="font-size: 16px"><span style="font-size: 18px; color: rgba(224, 62, 45, 1)">也可以</span></span>，使用自己电脑ip地址就可以</span></p>
<p><span style="font-size: 16px; color: rgba(224, 62, 45, 1)"><span style="font-size: 18px; color: rgba(224, 62, 45, 1)">注意：Gitee回调地址不需要域名<span style="font-size: 16px"><span style="font-size: 18px; color: rgba(224, 62, 45, 1)">也可以</span></span>，使用自己电脑ip地址就可以</span></span></p>
<p><span style="font-size: 16px; color: rgba(224, 62, 45, 1)"><span style="font-size: 18px; color: rgba(224, 62, 45, 1)"><img src="https://img2023.cnblogs.com/blog/2107107/202306/2107107-20230608092708790-535356968.png"></span></span></p>
<p><img src="https://img2023.cnblogs.com/blog/2107107/202212/2107107-20221212160934251-643810618.png"></p>
<p><span style="font-size: 16px">4. 网站信息填写完成，点击“创建应用”后，网站应用创建完成，会生成 <strong data-v-4b15d928="">Cliend ID</strong> 和 <strong data-v-4b15d928="">Client Secret</strong>。他们将会在上述OAuth2 认证基本流程用到。</span></p>
<p><img src="https://img2023.cnblogs.com/blog/2107107/202212/2107107-20221212162010978-514994669.png"></p>
<h3><span style="font-size: 18px">3.2 到此准备工作结束，网站开发流程(在下篇介绍)</span></h3>
<h3><span style="font-size: 18px">3.3 每个人做的项目需求不同，可能会出现不同的问题，文章仅供参考</span></h3>
<h3><span style="font-size: 18px">3.4 <span style="color: rgba(230, 126, 35, 1)"><strong>SpringBoot</strong>+<strong>Vue</strong>实现第三方Gitee登录(二)</span></span></h3>
<h3><span style="font-size: 18px">3.5 其他第三方登录方式：<span style="color: rgba(230, 126, 35, 1)">第三方登录汇总</span></span></h3>
<h2>4. 源码购买</h2>
<h3><span style="font-size: 18px">4.1 简洁版源码（淘宝店铺：<span style="color: rgba(230, 126, 35, 1)">爱创客网络</span>）</span></h3>
<p><span style="font-size: 16px">只包含登录，第三方登录，跳转首页（没有菜单！），技术框架：SpringBoot+SpringSecurity+Mysql+Redis+Vue+ElementUI等</span></p>
<p><img src="https://img2024.cnblogs.com/blog/2107107/202404/2107107-20240409112521898-2107328284.png"></p>
<p><img src="https://img2024.cnblogs.com/blog/2107107/202404/2107107-20240409112541254-1234605550.png" height="503" width="904"></p>
<p><img src="https://img2024.cnblogs.com/blog/2107107/202404/2107107-20240409112602931-1982591283.png" height="528" width="902"></p>
<h3><span style="font-size: 18px">4.2 完整版本源码</span><span style="font-size: 18px">（</span><span style="font-size: 18px">淘宝店铺：<span style="color: rgba(230, 126, 35, 1)">爱创客网络</span>）</span></h3>
<p><span style="font-size: 16px">测试地址(<span style="color: rgba(230, 126, 35, 1)">测试地址是完整版源码的</span>)：www.youyoushop.work</span></p>
<p><span style="font-size: 18px"><span style="font-size: 16px">包含登录，注册，第三方登录，完整的系统管理模块，系统工具模块，系统监控模块，系统日志模块，个人中心等，技术框架：SpringBoot+SpringSecurity+Mysql+Redis+Vue+ElementUI等</span></span></p>
<p><img src="https://img2024.cnblogs.com/blog/2107107/202404/2107107-20240409112521898-2107328284.png"></p>
<p><span style="font-size: 18px"><span style="font-size: 16px"><img src="https://img2024.cnblogs.com/blog/2107107/202404/2107107-20240409112927931-488978576.png" height="475" width="1161"></span></span></p><br><br>
来源：https://www.cnblogs.com/liyhbk/p/15767485.html
頁:
[1]