vue+Django接入钉钉登录

前端处理

复制代码
 dingtalkLogin() {
      let url = `https://login.dingtalk.com/oauth2/auth?redirect_uri=${this.dingRedirectUrl}&response_type=code&client_id=${this.appKey}&scope=openid&state=STATE&prompt=consent`
      window.location.href = url;
    },

后端处理

复制代码
def dingtalk_auth(request):
    try:
        code = request.GET['code']
        logger.info('钉钉临时授权码获取 ----{}'.format(code))

        token = get_user_token(code)  # oauth2/userAccessToken
        
        logger.info('根据钉钉临时授权码获取token ----{}'.format(token))
        user_resp = get_user_info(token)  # /contact/users/{}
        logger.info('根据获取用户信息 ----{}'.format(user_resp))

        user = User.objects.filter(username=user_resp['mobile']).first()

        if user:
            user.email = user_resp.get('email', '')
            user.save()
        else:
            params = {
                'username': user_resp.get('mobile'),
                'first_name': user_resp.get('nick'),
                'dingtalk_name': user_resp.get('nick'),
                'dingtalk_avatar': user_resp.get('avatarUrl'),
                'mobile_phone': user_resp.get('mobile'),
                'email': user_resp.get('email'),
                'is_superuser': False
            }
            user = User.objects.create(**params)

        logger.info('根据用户信息 ----{}'.format(user.username))
        if not user.is_staff:
            print("----校验用户登录权限{}----".format(user.is_staff))
            return JsonResponse(
                {'code': 204, "msg": '请确认您是否有此网站的登录权限'})
        refresh = RefreshToken.for_user(user)
       # 生成一个Django自己的token
        result = {'code': 200, "username": user.username, "token": str(refresh.access_token)}
        print("----校验用户获取返回值为{}----".format(result))

        return JsonResponse(result)
    except Exception as e:
        print(e)
        print(traceback.format_exc())
        logger.info('钉钉登录报错 ----{}'.format(traceback.format_exc()))

        return JsonResponse({'code': 400, 'errmsg': str(e)})

参考

https://developer.aliyun.com/article/1488636

https://open.dingtalk.com/document/orgapp-server/use-dingtalk-account-to-log-on-to-third-party-websites-1?spm=a2c6h.12873639.article-detail.7.5d622205VHxpO0#title-fre-oe4-zqn

相关推荐
只会写Bug15 分钟前
后台管理项目中关于新增、编辑弹框使用的另一种展示形式
前端·vue.js
源码之家19 分钟前
计算机毕业设计:Python农产品销售数据可视化分析系统 Django框架 数据分析 可视化 大数据 大模型 机器学习(建议收藏)✅
python·信息可视化·数据分析·django·flask·课程设计
M ? A1 小时前
Vue v-bind 转 React:VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
军军君011 小时前
数字孪生监控大屏实战模板:政务服务大数据
前端·javascript·vue.js·typescript·前端框架·echarts·less
忆往wu前1 小时前
前端请求三部曲:Ajax / Fetch / Axios 演进与 Vue 工程化封装
前端·vue.js
.Cnn2 小时前
Ajax与Vue 生命周期核心笔记
前端·javascript·vue.js·笔记·ajax
吴声子夜歌3 小时前
Vue3——渲染函数
前端·vue.js·vue·es6
Ruihong3 小时前
你的 Vue KeepAlive 组件,VuReact 会编译成什么样的 React 代码?
vue.js·react.js·面试
Ruihong3 小时前
你的 Vue slot 插槽,VuReact 会编译成什么样的 React 代码?
vue.js·react.js·面试
一 乐3 小时前
房产租赁管理|基于springboot + vue房产租赁管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·房产租赁管理系统