đăng nhập google react app

1. tải về browser google script

export default function GoogleAuth() {

    const src = "https://apis.google.com/js/platform.js"
    let script = document.createElement('script')
    script.src = src
    script.async = true
    script.addEventListener('load', onScriptLoad)
    script.addEventListener('error', onScriptError)
    document.body.appendChild(script)


}

function onScriptError() {
    console.log('error !!!')
}

function onScriptLoad() {
    window.gapi.load('client:auth2', function () {
        window.gapi.client.load('calendar', 'v3', function () {
            const params = {
                client_id: "clientId của bạn",
                scope: 'profile  email',
                fetch_basic_profile: true,
                prompt: 'select_account',
                access_type: "offline",
                response_type: "code",
            }
            window.gapi.auth2.init(params)
        })


    })

}

• thay đổi clientId bằng clientId của dự án của bạn
• gọi hàm GoogleAuth vào index.js
• khi user cần đăng nhập gọi hàm window.gapi.auth2.getAuthInstance().grantOfflineAccess()

Xem thêm:

• https://developers.google.com/identity/sign-in/web/reference