How can I achieve the same provider but with multiple login methods?

[StringKe]

I am implementing a login method for Enterprise WeChat, which provides two ways of OAuth login in Enterprise WeChat.

1. wecomProvider You need to use auto-login in Enterprise Wechat app, it will automatically login.
2. wecomPcProvider If you are in the browser, you need to use Enterprise WeChat Mobile App to scan the QR code to login. It is also OAuth that provides the callback function.

/* eslint-disable @typescript-eslint/no-explicit-any */
import { merge, omit } from 'lodash'

import type { OAuthConfig } from 'next-auth/providers/oauth'

import { env } from '../../env/server.mjs'
import type { UserRet } from './modules/directory/user/interface'
import type { GetUserToken, PostUserDetail, ProviderUser } from './types'
import { Wecom } from './wecom'

export const wecomInstance = new Wecom({
    corpId: env.WECOM_CLIENT_ID,
    corpSecret: env.WECOM_CLIENT_SECRET,
})

export const wecomProvider: OAuthConfig<any> = {
    id: 'wecom',
    name: '企业微信',
    type: 'oauth',
    version: '2.0',
    issuer: 'https://open.work.weixin.qq.com',
    clientId: env.WECOM_CLIENT_ID,
    clientSecret: env.WECOM_CLIENT_SECRET,
    checks: ['state'],
    authorization: {
        url: 'https://open.weixin.qq.com/connect/oauth2/authorize#wechat_redirect',
        params: {
            scope: 'snsapi_privateinfo',
            response_type: 'code',
            appid: env.WECOM_CLIENT_ID,
            agentid: env.WECOM_AGENT_ID,
        },
    },
    token: {
        async request({ params }) {
            const accessToken = await wecomInstance.getToken()

            const response = await wecomInstance.request<GetUserToken>({
                url: 'https://qyapi.weixin.qq.com/cgi-bin/auth/getuserinfo',
                method: 'GET',
                params: {
                    access_token: accessToken,
                    code: params.code,
                },
            })

            if (response.data.errcode !== 0) {
                throw new Error(response.data.errmsg)
            }

            return {
                tokens: {
                    userId: response.data.userid,
                    id_token: response.data.user_ticket,
                },
            }
        },
    },
    userinfo: {
        async request({ tokens }) {
            const { id_token, userId } = tokens
            const response = await wecomInstance.request<PostUserDetail>({
                url: 'https://qyapi.weixin.qq.com/cgi-bin/auth/getuserdetail',
                method: 'POST',
                data: {
                    user_ticket: id_token,
                },
            })

            if (response.data.errcode !== 0) {
                throw new Error(response.data.errmsg)
            }

            return {
                ...omit(response.data, ['errcode', 'errmsg']),
                userId,
            }
        },
    },
    profile: async (profile: ProviderUser) => {
        const userDetailResponse = await wecomInstance.request<UserRet>({
            url: 'user/get',
            method: 'GET',
            params: {
                userid: profile.userid,
            },
        })

        if (userDetailResponse.data.errcode !== 0) {
            throw new Error(userDetailResponse.data.errmsg)
        }

        const userDetail = merge(
            profile,
            omit(userDetailResponse.data, ['errcode', 'errmsg']),
        )

        return {
            id: userDetail.userId,
            name: userDetail.name || '用户',
            email: userDetail.email,
            image: userDetail.avatar,
        }
    },
}

export const wecomPcProvider: OAuthConfig<any> = {
    id: 'wecom',
    name: '企业微信扫码',
    type: 'oauth',
    version: '2.0',
    issuer: 'https://open.work.weixin.qq.com',
    clientId: env.WECOM_CLIENT_ID,
    clientSecret: env.WECOM_CLIENT_SECRET,
    checks: ['state'],
    authorization: {
        url: 'https://open.work.weixin.qq.com/wwopen/sso/qrConnect#wechat_redirect',
        params: {
            appid: env.WECOM_CLIENT_ID,
            agentid: env.WECOM_AGENT_ID,
            lang: 'zh',
        },
    },
    token: {
        async request({ params }) {
            const accessToken = await wecomInstance.getToken()

            const response = await wecomInstance.request<GetUserToken>({
                url: 'https://qyapi.weixin.qq.com/cgi-bin/auth/getuserinfo',
                method: 'GET',
                params: {
                    access_token: accessToken,
                    code: params.code,
                },
            })

            if (response.data.errcode !== 0) {
                throw new Error(response.data.errmsg)
            }

            return {
                tokens: {
                    userId: response.data.userid,
                },
            }
        },
    },
    userinfo: {
        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
        // @ts-ignore
        request({ tokens }) {
            console.log('userinfo')
            const { userId } = tokens

            return {
                userId,
            }
        },
    },
    profile: async (profile: { userId: string }) => {
        const userDetailResponse = await wecomInstance.request<UserRet>({
            url: 'user/get',
            method: 'GET',
            params: {
                userid: profile.userId,
            },
        })

        if (userDetailResponse.data.errcode !== 0) {
            throw new Error(userDetailResponse.data.errmsg)
        }

        const userDetail = merge(
            profile,
            omit(userDetailResponse.data, ['errcode', 'errmsg']),
        )

        return {
            id: userDetail.userId,
            name: userDetail.name || '用户',
            email: userDetail.email,
            image: userDetail.avatar,
        }
    },
}

Looking at the code you will see that it differs only in authorization and userinfo.

If the provider ids are the same wecomProvider will always be used, if not wecomPcProvider will create a new user.

I want to be able to get the UserAgent of the current request in the request of authorization and userinfo so that I can differentiate the request and thus merge the two pieces of code.

[addlistener]

Did you find a solution?

I've found same thing happening with Line as well.