基于so-token的前后端分离项目 + uni-app微信小程序

PC端效果:

img.png

img_1.png

移动端效果:

 

Sa-Token 是一个轻量级 Java 权限认证框架,主要解决:登录认证权限认证单点登录OAuth2.0分布式Session会话微服务网关鉴权 等一系列权限相关问题。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

1、后端

技术:

Spring Boot、so-token、mybatis、myexcel

内容:

后端代码项目路径:https://gitee.com/zjq_482537519/so-token-demo-back.git

2、pc端

技术:

Vue2、VueX3、webpack4、echarts、axios

内容:

pc端项目路径:https://gitee.com/zjq_482537519/so-token-demo-front.git

3、移动端(微信小程序)

技术:

uni-app、微信小程序、vue2

内容:

移动端项目路径:https://gitee.com/zjq_482537519/uni-app-demo-front.git

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app 是一款跨平台应用开发框架,既支持生成 App,也支持生成各个平台的小程序,其中与微信小程序的授权方法有一些不同。 首先,对于 App 来说,可以使用 uni-app 提供的登录模块,该模块支持微信、支付宝等第三方平台的授权登录。对于微信授权登录,可以通过以下步骤实现: 1. 在 uni-app项目中安装并引入 uni-login 模块:`npm install @dcloudio/uni-login` 2. 在需要授权的页面中,添加登录按钮或其它触发授权的元素。 3. 在点击登录按钮的事件处理函数中,调用 uni.login 方法进行微信登录授权。 4. 在 uni.login 的回调中,可以通过返回的 code 或 token 等信息进行登录验证、获取用户信息等操作。 而对于生成微信小程序uni-app 也提供了相关的授权方式。在 uni-app 中,可以使用 openid 和 unionid 来进行用户标识和登录验证。具体的授权方法如下: 1. 在微信小程序app.json 文件中,将 `"appid"` 字段设置为你的小程序的 AppID。 2. 在 uni-app项目中引入并使用 uni.login 方法,通过该方法登录获取 code。 3. 将获取到的 code 发送至后台,后台通过 code 调用微信的 API 获取 openid 和 session_key。 4. 后台获取到 openid 和 session_key 后,可以将其存储在数据库中,用于用户标识和登录验证。 总之,无论是在 uni-app 生成 App 还是小程序,都可以通过 uni-login 模块实现微信授权登录。对于 App,可以直接使用登录模块进行授权;对于小程序,可以通过 openid 和 session_key 实现用户标识和登录验证。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值