Authentication & Setup

apiRegion: "eu" 
endpoint: "api.eu.amity.co"

apiRegion: "sg"
endpoint: "api.sg.amity.co"

// Production authentication - with auth token
const getAuthToken = async () => {
  // Get auth token from your secure backend
  const response = await fetch('/api/auth/social-plus-token');
  const { authToken } = await response.json();
  return authToken;
};

<AmityUiKitProvider
  apiKey="YOUR_API_KEY"
  apiRegion="us"
  userId="user-123"
  displayName="John Doe"
  getAuthToken={getAuthToken}
>
  {/* Your app */}
</AmityUiKitProvider>

import com.amity.socialcloud.sdk.AmityCoreClient

// Production login with auth token
fun login(userId: String, authToken: String) {
    AmityCoreClient.login(
        userId = userId,
        sessionHandler = object : SessionHandler {
            override fun sessionWillRenewAccessToken(renewal: AccessTokenRenewal) {
                renewal.renew()
            }
        }
    ).authToken(authToken)
        .displayName("John Doe")
        .build()
        .submit()
        .subscribeOn(Schedulers.io())
        .doOnComplete {
            // Device registered successfully
            Log.d("Auth", "User logged in successfully")
        }
        .doOnError { error ->
            Log.e("Auth", "Login failed", error)
        }
        .subscribe()
}

import React from 'react';
import { AmityUiKitProvider, AmityUiKitSocial } from '@amityco/ui-kit-open-source';
import '@amityco/ui-kit-open-source/dist/index.css';

export default function App() {
  // Function to get auth token from your backend
  const getAuthToken = async () => {
    const authToken = await getAuthTokenFromApi();
    return authToken;
  };
  
  return (
    <AmityUiKitProvider
      key="user-123" // Important: key should match userId
      apiKey="YOUR_API_KEY"
      userId="user-123"
      displayName="John Doe"
      apiRegion="us" // eu, us, or sg
      getAuthToken={getAuthToken} // For secure mode authentication
    >
      <div
        style={{
          position: "absolute",
          left: 0,
          top: 0,
          width: "100vw",
          height: "100dvh",
        }}
      >
        <AmityUiKitSocial />
      </div>
    </AmityUiKitProvider>
  );
}

import React from 'react';
import {
  AmityUiKitSocial,
  AmityUiKitProvider,
} from 'amity-react-native-social-ui-kit';

export default function App() {
  const getAuthToken = async () => {
    // Get auth token from your backend
    const response = await fetch('https://yourapi.com/auth/token');
    const { authToken } = await response.json();
    return authToken;
  };
  
  return (
    <AmityUiKitProvider
      apiKey="YOUR_API_KEY"
      apiRegion="us" // eu, us, or sg
      userId="user-123"
      displayName="John Doe"
      getAuthToken={getAuthToken}
      apiEndpoint="https://api.us.amity.co"
    >
      <AmityUiKitSocial />
    </AmityUiKitProvider>
  );
}

import 'package:amity_uikit_beta_service/amity_uikit_beta_service.dart';

void login() async {
  try {
    await AmityCoreClient.login(
      'user-123',
      sessionHandler: (AccessTokenRenewal renewal) {
        renewal.renew();
      }
    )
    .displayName('John Doe')
    .authToken('auth-token-from-backend')
    .submit();
    
    print('Login successful');
  } catch (error) {
    print('Login failed: $error');
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AmityApp(
        apiKey: 'YOUR_API_KEY',
        apiRegion: 'us',
        userId: 'user-123',
        displayName: 'John Doe',
        child: AmitySocialHomePage(),
      ),
    );
  }
}

const config = {
  apiKey: process.env.REACT_APP_AMITY_API_KEY,
  apiRegion: process.env.REACT_APP_AMITY_REGION,
  debug: false,
  // Auth token required for production
  getAuthToken: async () => {
    const response = await fetch('/api/auth/social-plus-token');
    const { authToken } = await response.json();
    return authToken;
  }
};

const config = {
  apiKey: process.env.REACT_APP_AMITY_API_KEY,
  apiRegion: process.env.REACT_APP_AMITY_REGION,
  debug: false,
  enableLogging: false,
  // Use production endpoints
  apiEndpoint: `https://api.${process.env.REACT_APP_AMITY_REGION}.amity.co`
};

// For enterprise customers with custom domains
const config = {
  apiKey: "your_enterprise_api_key",
  apiEndpoint: "https://api.your-company.com",
  // Additional enterprise features
  enableCustomBranding: true,
  enableAdvancedModeration: true
};

const config = {
  apiKey: process.env.REACT_APP_AMITY_API_KEY,
  apiRegion: process.env.REACT_APP_AMITY_REGION,
  debug: false,
  logging: false
};