usegapi
v1.1.0
Published
React Hook for using Gapi (Google's SignIn Javascript authentication client)
Downloads
12
Readme
usegapi
React Hook for using Gapi (Google's SignIn Javascript authentication client)
Install
npm install --save usegapi
Prerequisites
Add a
REACT_APP_GOOGLE_CLIENT_ID
environment variable to your .env file, containing your Google client ID.Choose the OAuth scope(s) for the Google API that you will want to access.
This scope will be passed to the hook as a parameter.
If you don't have a Google client ID, go to https://console.developers.google.com
List of scopes: https://developers.google.com/identity/protocols/googlescopes
Usage
import React from 'react'
import useGapi from 'usegapi'
const Login = () => {
// using the readonly youtube scope for this example
// response will either contain the user data or an error object
const response = useGapi('https://www.googleapis.com/auth/youtube.readonly')
return (
<>
// mandatory div. use this exact same id !!!
<div id='google-signin-button'/>
</>
)
}
License
MIT © bradeac
This hook is created using create-react-hook.