Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/passageidentity/passage-react-native

Passkey Complete for React Native - Go completely passwordless with a standalone auth solution in your React Native app with Passage by 1Password
https://github.com/passageidentity/passage-react-native

1password android authentication biometrics ciam cross-platform ios javascript magic-links native-passkeys oauth2 oidc otp passage passage-sdk passkey-complete passkeys passwordless react-native webauthn

Last synced: about 1 month ago
JSON representation

Passkey Complete for React Native - Go completely passwordless with a standalone auth solution in your React Native app with Passage by 1Password

Host: GitHub
URL: https://github.com/passageidentity/passage-react-native
Owner: passageidentity
License: mit
Created: 2023-06-12T22:21:24.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-11-06T20:06:09.000Z (about 2 months ago)
Last Synced: 2024-11-06T20:26:34.454Z (about 2 months ago)
Topics: 1password, android, authentication, biometrics, ciam, cross-platform, ios, javascript, magic-links, native-passkeys, oauth2, oidc, otp, passage, passage-sdk, passkey-complete, passkeys, passwordless, react-native, webauthn
Language: TypeScript
Homepage: https://docs.passage.id/complete
Size: 950 KB
Stars: 6
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        ![passage-react-native](https://storage.googleapis.com/passage-docs/github-md-assets/passage-react-native.png)

[![npm version](https://badge.fury.io/js/@passageidentity%2Fpassage-react-native.svg)](https://badge.fury.io/js/@passageidentity%2Fpassage-react-native) [![React Native](https://img.shields.io/badge/React_Native-%2320232a.svg?logo=react&logoColor=%2361DAFB)](#) [![Expo](https://img.shields.io/badge/Expo-%2320232a.svg?logo=expo&logoColor=%2361DAFB)](#) [![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=fff)](#) ![GitHub License](https://img.shields.io/github/license/passageidentity/passage-react-native)

 ![Static Badge](https://img.shields.io/badge/Built_by_1Password-grey?logo=1password)

## About

[Passage by 1Password](https://1password.com/product/passage) unlocks the passwordless future with a simpler, more secure passkey authentication experience. Passage handles the complexities of the [WebAuthn API](https://blog.1password.com/what-is-webauthn/), and allows you to implement passkeys with ease. 

Use [Passkey Flex](https://docs.passage.id/flex) to add passkeys to an existing authentication experience.

Use [Passkey Complete](https://docs.passage.id/complete) as a standalone passwordless auth solution.

Use [Passkey Ready](https://docs.passage.id/passkey-ready) to determine if your users are ready for passkeys.

### In passage-react-native

Use passage-react-native to implement Passkey Complete into your React Native application to authenticate requests and manage users.

| Product | Compatible |

| --- | --- |

| ![Passkey Flex](https://storage.googleapis.com/passage-docs/github-md-assets/passage-passkey-flex-icon.png) Passkey **Flex** | ✖️ For Passkey Flex, check out [passage-flex-react-native](https://github.com/passageidentity/passage-flex-react-native)

| ![Passkey Complete](https://storage.googleapis.com/passage-docs/github-md-assets/passage-passkey-complete-icon.png) Passkey **Complete** | ✅

| ![Passkey Ready](https://storage.googleapis.com/passage-docs/github-md-assets/passage-passkey-ready-icon.png) Passkey **Ready**          | ✖️ For Passkey Ready, check out [Authentikit for Android](https://github.com/passageidentity/passage-android/tree/main/authentikit) and [Authentikit for iOS](https://github.com/passageidentity/passage-authentikit-ios) |




## Getting Started

### Check Prerequisites



 You'll need a free Passage account and a Passkey Complete app set up in Passage Console to get started. 


 _{Learn more about Passage Console →}



### Install

```shell

npm i @passageidentity/passage-react-native

```

**Expo Installation**

Add your associated domain to your `.env`:

```shell

ASSOCIATED_DOMAIN=example.com

```

Add the plugin in your app.json:

```json

{

  "expo": {

    "plugins": [

      "@passageidentity/passage-react-native"

    ]

  }

}

```

Run expo prebuild:

```shell

npx expo prebuild

```

### Import

```js

import Passage from '@passageidentity/passage-react-native';

```

### Initialize

```js

const passage = new Passage('YOUR_PASSAGE_APP_ID');

```

### Go Passwordless

Find all core functions, user management details, and more implementation guidance on our [Passkey Complete React Native Documentation](https://docs.passage.id/complete/react-native/add-passage) page.

## Support & Feedback

We are here to help! Find additional docs, the best ways to get in touch with our team, and more within our [support resources](https://github.com/passageidentity/.github/blob/main/SUPPORT.md). 




---



    

      

      

      

    





    _{Passage is a product by 1Password, the global leader in access management solutions with nearly 150k business customers.}


    _{This project is licensed under the MIT license. See the LICENSE file for more info.}