Customization
enabledProviders: if you want to enable only specific provider you can do it easily by adding the parameter enabledProviders to the constructor of Eartho One.
Install the SDK and initialize Eartho One
JS
Vue
Angular
React
Kotlin
Swift
Flutter
React Native
const earthoOneConfig = {
client_id: "YOUR_EARTHO_CLIENT_ID",
redirect_uri: 'https://your.website',
enabledProviders: ['facebook','google','apple']
};
const earthoOne = createEarthoOne(earthoOneConfig);
import { createEarthoOne } from '@eartho/one-client-vue';
const app = createApp(App);
app.use(
createEarthoOne({
client_id: '<YOUR_EARTHO_CLIENT_ID>',
enabled_providers: ['facebook','google','twitter']
})
);
app.mount('#app');
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
// Import the module from the SDK
import { AuthModule } from '@eartho/one-client-angular';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
// Import the module into the application, with configuration
AuthModule.forRoot({
clientId: 'YOUR_EARTHO_CLIENT_ID',
enabledProviders: ['facebook','google','apple']
}),
],
bootstrap: [AppComponent],
})
export class AppModule {}
// src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { EarthoOneProvider } from '@eartho/one-client-react';
import App from './App';
ReactDOM.render(
<EarthoOneProvider
clientId="YOUR_EARTHO_CLIENT_ID"
enabledProviders: ['facebook','google','apple']
>
<App />
</EarthoOneProvider>,
document.getElementById('app')
);
const earthoOneConfig = {
client_id: "YOUR_EARTHO_CLIENT_ID",
redirect_uri: 'https://your.website',
enabled_providers: ['facebook','google','apple']
};
const earthoOne = createEarthoOne(earthoOneConfig);
let earthoOne = EarthoOne(
"YOUR_EARTHO_CLIENT_ID",
"YOUR_EARTHO_CLIENT_SECRET",
enabledProvider:['facebook','google','twitter'])
EarthoOne(
"YOUR_EARTHO_CLIENT_ID",
"YOUR_EARTHO_CLIENT_SECRET",
enabledProvider:['facebook','google','twitter'])
earthoInit(
"YOUR_EARTHO_CLIENT_ID",
"YOUR_EARTHO_CLIENT_SECRET",
enabledProvider: ['facebook','google']);
}, []);