Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukesthl/expo-lucia-auth-example
lucia-auth example built with expo, hono, drizzle (cloudflare d1) and tamagui
https://github.com/lukesthl/expo-lucia-auth-example
cloudflare-d1 expo hono lucia-auth sqlite tamagui
Last synced: 14 days ago
JSON representation
lucia-auth example built with expo, hono, drizzle (cloudflare d1) and tamagui
- Host: GitHub
- URL: https://github.com/lukesthl/expo-lucia-auth-example
- Owner: lukesthl
- Created: 2024-03-10T11:49:01.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-04-27T09:59:31.000Z (7 months ago)
- Last Synced: 2024-10-25T10:37:32.897Z (21 days ago)
- Topics: cloudflare-d1, expo, hono, lucia-auth, sqlite, tamagui
- Language: TypeScript
- Homepage: https://expo-lucia-auth-example-web.pages.dev/
- Size: 863 KB
- Stars: 71
- Watchers: 4
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Expo Lucia Auth Example
This project demonstrates how to use Lucia Auth with Expo, Hono, Drizzle (Cloudflare D1), and Tamagui to create a cross-platform mobile application with authentication capabilities.
Supports iOS, Android, and Web.
Feedback appreciated!
## Preview
https://expo-lucia-auth-example-web.pages.dev/
## Features
- OAuth support for Google, Apple and GitHub - easy extensible to other providers
- Automatic and manual Account Linking with OAuth
## Getting Started
### Installation
1. Install dependencies:
```sh
bun install
```
### Running the Project
1. Start the development server with Bun:
```sh
bun dev
```
2. Setup Environment Variables:
```sh
cp ./apps/expo/.env.example ./apps/expo/.env
cp ./apps/api/.dev.vars.example ./apps/api/.dev.vars
```
3. Hono:
```sh
bun run api
```
4. Expo:
```sh
cd apps/expo
bun run ios # or bun run android
```
# Setup OAuth Providers
## GitHub Sign In
https://github.com/settings/applications/new
Authorized callback URL: /auth/github/callback
Replace `GITHUB_CLIENT_ID` and `GITHUB_CLIENT_SECRET` in the .dev.vars file.
## Google Sign In
For iOS / Android: [Setup EAS Build and Submit to App Store](#setup-eas-build-and-submit-to-app-store)
https://console.cloud.google.com/apis/credentials
iOS:
Create OAuth-Client-ID with the iOS Bundle ID.
Copy iOS-URL-Scheme, go to app.json and replace `iosUrlScheme` with your iOS URL scheme.
Copy the Client ID and set it as the `EXPO_PUBLIC_GOOGLE_IOS_CLIENT_ID` in the .env file.
Web:
Authorized JavaScript origins:
Authorized redirect URIs: /auth/google/callback
Replace `GOOGLE_CLIENT_ID` and `GOOGLE_CLIENT_SECRET` in the .dev.vars file.
## Apple Sign In Setup
For iOS / Android: [Setup EAS Build and Submit to App Store](#setup-eas-build-and-submit-to-app-store)
Go to https://developer.apple.com/account/resources/authkeys/add
Set a name for the key and enable Sign in with Apple.
Click on Configure and select your app.
Download the key.
Go to detail page of the key and copy the Key ID.
Get your Team ID from the Membership page.
Client ID is your App ID.
Web/Android:
Create a service ID with the App ID and enable Sign in with Apple.
https://developer.apple.com/account/resources/identifiers/list/serviceId
Set the redirect URL to /auth/apple/callback
Get the Identifier from the detail page and set it as the `APPLE_WEB_CLIENT_ID` in the .env file.
Environment Variables:
```sh
APPLE_CLIENT_ID=com.expoluciaauth.app
APPLE_WEB_CLIENT_ID=com.expoluciaauth.web
APPLE_PRIVATE_KEY=-----BEGIN PRIVATE KEY-----xxx-----END PRIVATE KEY----
APPLE_TEAM_ID=YOUR_TEAM_ID
APPLE_KEY_ID=YOUR_KEY_ID
```
## Setup EAS Build and Submit to App Store
For Android Google Sign In and Apple Sign In you first need to submit your app to the App Store and Google Play Store.
```bash
eas build:configure
```
```bash
eas build --profile production
```
Play Store:
```bash
eas submit --platform android
```
If this is your first time submitting to the Play Store via EAS, you first need to create a Google Service Account Key, see https://github.com/expo/fyi/blob/main/creating-google-service-account.md
The first time you need also do it manually in the Play Console.
https://github.com/expo/fyi/blob/main/first-android-submission.md