mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 07:12:53 +01:00
52 lines
2.1 KiB
Markdown
52 lines
2.1 KiB
Markdown
---
|
||
title: Xano
|
||
hide_title: true
|
||
---
|
||
|
||
# Xano
|
||
|
||
This prefab gives you a few components that allows you to connect to Xano and manage user authentication.
|
||
|
||
> This prefab is built by [Guillaume Maison](https://twitter.com/gmaison). Please show him some love if you find this prefab useful.
|
||
|
||
<div className="ndl-image-with-background l">
|
||
|
||
|
||
|
||
</div>
|
||
|
||
## Included components
|
||
|
||
### Base Components
|
||
|
||
- **[Xano - Setup XanoClient](./components/setup-xanoclient/README.md)**: Sets up the Xano SDK client to access your instance and workspace. Must be placed in your projects home component.
|
||
- **[Xano - Request](./components/xano-request/README.md)**: Does an API Call to a Xano Endpoint and returns the result.
|
||
|
||
### User Components
|
||
|
||
- **[Xano – Sign Up](./components/xano-sign-up/README.md)**: Signs up a new user.
|
||
- **[Xano – Log In](./components/xano-log-in/README.md)**: Logs in a user.
|
||
- **[Xano – Log Out](./components/xano-log-out/README.md)**: Logs out a user.
|
||
- **[Xano – Current User](./components/xano-current-user/README.md)**: Gets the user data of the currently logged in user and saves it to a global `currentUser` object.
|
||
- **[Xano – Update Current User](./components/xano-update-current-user/README.md)**: Updates user data for the currently logged in user, both in Xano and the `currentUser` object.
|
||
- **[Xano – authToken – Refresh](./components/xano-authtoken-refresh/README.md)**: Triggers a refresh of the auth token. Mostly for internal use inside of the Xano prefab, but exposed for advanced users.
|
||
|
||
## Quickstart
|
||
|
||
First, drop a **Xano – Setup XanoClient** in your project home component. Then set the `API Group Base URL` and the `Datasource`. Finally, open the Project Settings sidebar, find the **Head Code** input and paste the following at the top:
|
||
|
||
```html
|
||
<script
|
||
type="text/javascript"
|
||
src="https://cdn.jsdelivr.net/npm/@xano/js-sdk@latest/dist/xano.min.js"
|
||
></script>
|
||
```
|
||
|
||
To automatically refresh the users **authToken** and keep them logged in for longer periods of time, add this to your project home component:
|
||
|
||
<div className="ndl-image-with-background l">
|
||
|
||
|
||
|
||
</div>
|