# AppGyver/Backendless Registration

## Appgyver Data Configurator

We can now go to data configurator, select rest API direct integration, and paste our previously copied backendless request URL into the resource URL field. We can choose any name as resource ID. &#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJIEHbZp_dNq1K539Gx%2F-MJIGYVlqSj6bIjj1chA%2FInkedomg_LI.jpg?alt=media\&token=c55ddbca-221b-4ed9-bd23-ddbbe0f4c170)

```
https://api.backendless.com/application-id/REST-api-key/users/register
```

{% hint style="info" %}
The redaction is only meant to keep others from using my API key. Please do not delete that data from your resource URL.&#x20;
{% endhint %}

Select Create Record and Enable Method

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAKB6uTPHaYT0ho5d8%2FInkedcreaterecord_LI.jpg?alt=media\&token=9f653925-6e7f-4c88-a9b8-2961d09c3ace)

Select Schema

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJIKgiBni4_d6_TFP61%2F-MJILXW_egWcU-B0LxUc%2FInkedtestapikey_LI.jpg?alt=media\&token=2174ae59-703a-4602-a8cd-e89decee1682)

Select custom schema from the Create record (POST) drop down box.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAK7USIkvcqHysuk3V%2Fcustomschema.png?alt=media\&token=9402cc4f-7e21-46aa-a1ae-d358bb3eeb15)

Create email, name and password properties with a text value type.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAKxxnD8Ucg8PT1BHH%2Fschemarequestproperties.png?alt=media\&token=35ea420f-156f-4502-83b6-fe61ac313935)

Go to **Test tab** and click on custom object

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAMRTWGiO_B2QRIHiy%2FInkedtestschema_LI.jpg?alt=media\&token=aaf31e3c-7f18-42e0-9d72-5ca332d32b52)

We can now type in the required fields and click save.

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAMlCXEWGNMAFjBie-%2Ftypeinschema.png?alt=media\&token=04f8ac83-7cc1-4f9e-a725-e7a857c0dd9d)

Select **"Run Test".** After you receive `status:ok`, click **"Set Schema From Response"**. This will automatically generate your response schema, which you can view in the Schema tab. &#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJANOdS0YjMBBrBwywr%2Fclicktest.png?alt=media\&token=15ec4868-9e6e-472f-a449-eeb0d4cb96ce)

We should now see the new user posted in our **backendless database** under the data browser tab.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJANrVuWSwLUwnkRK2F%2Fbackendlessdatabase.png?alt=media\&token=52904865-4d61-40ba-922e-c9e3e925d3b1)

## AppGyver Registration UI

To keep it simple, I created three inputs and a button. &#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAPI6ncW7UA_v4wSsF%2FUI%20registration%20page.png?alt=media\&token=a6facbc3-07e9-4e87-8caf-09b5c3133a4c)

We now need to create three **page variables**, and bind them to the input fields.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAR0v6TANwPFpkjKFN%2FInkedUI%20registration%20page_LI.jpg?alt=media\&token=8edc0a8e-a4e6-47cd-b930-ab9bc1865189)

Select page variables, and create three variables that will bind to the input fields.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJARLSZko-OfNaOLr6_%2Fpagevariablesthree.png?alt=media\&token=74023539-0480-4921-a5f1-15d72ef8e2c4)

## Binding page variables to input fields&#x20;

We can now go back to view, select an input, and select the value box.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJASH6TnZ945slb0gh1%2FInkedbindinputvalue_LI.jpg?alt=media\&token=77490663-59a8-4250-8117-ede5ea0aab96)

Select data variable

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJATQXNoddt_lPnyCet%2Fdatavariable.png?alt=media\&token=e88091e3-3f49-4329-9a9d-089b07d2e795)

Select Page Variable

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJATePJHIIHcYCB_zsF%2Fpagevariable.png?alt=media\&token=7daf84a3-993d-470a-83ef-6614f79c6726)

Bind page variable to the correct input

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJATsLCF_nNuIgS8Etf%2Fbindtocorrectsource.png?alt=media\&token=7478bdba-cd30-4647-9f5a-cb58439b62b2)

The result should look like this.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAURyyug_Attab-Jxd%2Fendresultpagevar.png?alt=media\&token=b57472e0-a128-4d74-a9a3-087f23353d08)

{% hint style="info" %}
I removed the preview value (lorem ipsum).&#x20;
{% endhint %}

## Button Register Logic

Click on the register button, open flow logic, and add create record. Select the database resource name, and select custom object. &#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAY2pCu4Vvvob1lyTB%2FInkedcreatedatabserecord_LI.jpg?alt=media\&token=3d8ce8ea-9da8-4dbf-acb4-f7d3673c31cb)

Bind them to the page variable.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAZY28RD_hEOVxtQF-%2Fbindtoresourcedatabase.png?alt=media\&token=f3aa97f5-2d48-49fa-867e-3d23da21c164)

Select data and variables

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAZjXVcGJRVoJ8-3ON%2Fbindtodata.png?alt=media\&token=f3e8a3da-6360-4441-b599-c954e4814389)

And bind them to the correct page variable.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJAZvc5nWt8RXBfWlvr%2Fcorrectcreaterecord.png?alt=media\&token=0f92a432-cee2-48a8-8fc3-2b444f5e993f)

We can add an alert and toast to inform the user.&#x20;

![](https://1703088105-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJA2ZiAocnDxiBB3Nrr%2F-MJA2z8oohAhuIr2UGPs%2F-MJA_b6EgRn5ZcnaQbSW%2Ftestreigstration.png?alt=media\&token=073a377d-11bb-4921-8c8f-8b5d7b66e979)

We can now test the registration process through the appgyver app, and confirm in the backendless database that user records are being created :)&#x20;