Function Node Section

Function Nodes

All the nodes that help you achieve some functionality are present under this section for example upload files, authentication, payments.
Now, Let's go over each node in this section.

Function Node

This Node helps you to generate the function in which you can add some input argument and these arguments are available as functions output. To add an argument just click on the add input button which will add an arg input node point where you can add any type of input node.
Standalone this node doesn’t serve much purpose but this node is very helpful when combined with some other nodes from the function section.

File Picker Node

This node helps you to pick a file from your mobile phone, for example, you want to pick an image that is present in the gallery of your phone. So, with a click on the button, you can achieve that functionality with the help of this node.
To achieve that defines the type of file in the dropdown you want to pick from storage for example if you only want to pick an image just select the image only option or if you want to select the videos only option from the drop-down.
If you want to pick multiple files at once check the Allow multiple files checkbox at the bottom of the node.

How to Use File Picker Node

Consider a scenario, that with the click of a button you want to pick an image from a phone gallery. Now let's see you achieve that functionality with this node.
Step1. Get the file Picker node from the arsenal in blup lightning.
Step2. Choose the type of file you want to pick for example if you want to pick images then choose the images only option from the drop-down.
Note if you want to allow the user to choose multiple files then checked the Allow multiple files checkbox at bottom of the node. If this check box is unchecked user is only able to pick a single file only.
Step3. Now to get the desired output like a file path or file name, click onfilePicked output node point and stretch it as soon you leave it, you can see a function node point is generated which consist of output node point like file type, file name, file path.
Now to run the file picker node on click of a button just connect the on click node point to your run input node point.
That’s it, all the steps are done.

File Uploader To BSS Node

This node helps you to upload files [any types] to the blupsheet database only, if you want to upload files to the servers you can use the other node TUS file uploader. This node is mostly used in pair with the file picker node to first pick the file from the device storage and then pick upload it to the blupsheet database.

Components Of Node

  1. 1.
    Run input node point – this input node point acts as a starting point for the node to perform its functionality.
  2. 2.
    List of File paths – this input node point takes a list of files path which you want to upload to the blupsheet database.
  3. 3.
    onUploadSuccess() – this output node helps you to execute any logic if you uploading successfully done. Note to get an additional output node point it needs to be stretched.
  4. 4.
    OnUploadingFailuire() – this output node help you to execute any logic if your uploading failed and similar to onUploadingSuccess if you want to get additional output node points you have to stretch it.
  5. 5.
    onUploading() – this output node point help you to perform some logic while your data is being uploaded to the database, similar to onUploadingSuccess if you want to get additional output node points you have to stretch it.
Since you know all the components let see how to use this node.

How to Use File Uploader To BSS Node

Consider a small scenario in which on click of a button you want to upload a file to the blupSheet database and get the URL to the uploaded file.
Step 1. Get the file uploader Bss node from the arsenal panel in blup lightning.
Step 2. Provide the run trigger from where you want to run the node functionality in your case that can be on click of a button or we can bind this node with the file picker node.
Step 3. Provide the second input which is a list of file paths, for which, if you directly know the file paths you can provide the list of file paths or you can use the file picker node for this.
Step 4. To get the download URL of the file uploaded you need to stretch the onUploadsucces output node point, as soon as you do it you can see a new function node is generated which consist of a list of download URL.
Note - If you want to perform some functionality if uploads fail can use the OnUploadFailure output node point.
Similarly, if you want to perform some logic while your file is being uploaded you can use the onUploading node point this point also provides you additional node points like progress or current index etc.
That’s it you are done with all the steps.

TUS File Uploader Node

The functionality that you perform with the helps of this node is very similar to the file Uploader BSS node the major difference is that this node helps you to upload the file anywhere like your own server, whereas the file uploader BSS node only helps you to upload file to blupsheet database.

Components of file Uploader node to BSS

  1. 1.
    Run input node point – this input node point acts as a starting point for the node to perform its functionality.
  2. 2.
    List of File paths – this input node point takes a list of files path which you want to upload.
  3. 3.
    Upload to Url – this input node point is used to provide the URL where you want to uploader your file like endpoint to your server.
  4. 4.
    onUploadSuccess() – this output node helps you to execute any logic if you uploading successfully done. Note to get additional output node points like download Url to files, it needs to be stretched.
  5. 5.
    OnUploadingFailuire() – this output node help you to execute any logic if your uploading failed and similar to onUploadingSuccess if you want to get additional output node points you have to stretch it.
  6. 6.
    onUploading() – this output node point helps you to perform some logic while your data is being uploaded to the database, similar to onUploadingSuccess if you want to get additional output node points you have to stretch it.
To see you use this node please refer to the upload BSS node which is quite similar.

Shared Preferences Sub-Section

This section provides you with the node that helps you to store data [key-value pairs] in system memory, which means that even if the user closes your apps it retains the data stored through these nodes.

SPF| Store Data node

This node helps you to store data[key-value Pairs ] in system memory so that they can be preserved even if the user closes the apps or removes it from a background as well.

Components of Node.

  1. 1.
    Dropdown Menu – this dropdown menu is used to define the type of values which is going to be stored with the key for example if you want to store strings as value with the key you can select the Strings option from the dropdown.
  2. 2.
    Key node point – this input node point is used to provide the key which acts as s unique identifier for storing the values, this key should be unique. This can accept unique Strings.
  3. 3.
    Values Node point – this input node point help you to provide the value, this value is associated with the key that you provide in the previous input. Note the type of values that can give depends on the option selected in the dropdown example if you have selected the int option then you can only provide the integer type of values to the value input node point.
  4. 4.
    Use run trigger Checkbox – this check box helps you to add run trigger to the node.

SPF| Get Data Node

This node as the name suggests helps you to get the data [key-value pairs]] that you stored in system memory with the help of SPF| store data node.

Components of Node.

  1. 1.
    Dropdown Menu – this dropdown menu is used to define the type of values that are going to be stored along with the key for example if you want to store strings as values with the key you can select the Strings option from the dropdown.
  2. 2.
    Key node point – this input node point is used to provide the key which acts as s unique identifier for storing the values, this key should be uniques. This can accept unique Strings.
  3. 3.
    Use run trigger Checkbox – this check box helps you to add run trigger to the node.

Audio Player Sub-Section

Audio Player | Init Node

Audio Player | Props

Social Login Sub-Section

Social Login | First Time

Social Login | If Already Present Node

Page Navigator

This node helps you to navigate between pages in your apps, for example, you want to navigate from one page to another page with one click of a button, it will also help you to get back to the same page on any page. This node helps you achieve that functionality.

Components of Page Navigator.

  1. 1.
    Run – this input node point acts as a starting point for the node to perform its functionality.
  2. 2.
    Navigate to the drop-down menu – this drop-down consist of all the pages that are present in your project, so if you want to navigate to some other page just select that option. Page name can also be provided with the node point instead of the drop menu just make sure the string value provided through the node point exactly matches with the Page name.
  3. 3.
    Replace current page checkbox – when you navigate from a page to another page it doesn’t replace that page, instead, it puts that page on the top of your current page, so if you press the back button on your phone it navigate back to the same page. But if you checked this checkbox the current page is replaced by another page, so if you now press the back button it will close the app because no page exists.
  4. 4.
    Add Data – this checkbox is used to send data while you navigate from one page to another page as soon as you checked this checkbox a new Add Data node point is generated to which you can attach any type of data that you want to send to the next page.
  5. 5.
    Go back checkbox – this checkbox helps you to navigate back to one page from another page. You can use this checkbox to navigate back to only one page.
  6. 6.
    Go back until CheckBox – when you want to navigate back to multiple pages at once this checkbox help you achieve that functionality as soon as you checked this it will generate a drop-down menu that consists of all the pages that you have in your application if you want to navigate back to ceratin page choose that page name in the drop-down option.

Simple HTTP Node

This node help you to interact with your API, it helps you to Get, update and delete data that is present in your server. it consists of all the methods like put, post, get which are generally used.
This node is very helpful in case you are managing your servers/backend.

Components of Simple Http

  1. 1.
    Run – this input node point acts as a starting point for the node to perform its functionality.
  2. 2.
    HTTP method drop-down – this drop-down menu helps you to select the type of operation on which you want to perform on your server/API.
    Get – this option is used when you only want to read data from your API.
    PUT – this option is used when you want to update existing data in the database.
    POST – This option is used when you want to add new data to your database.
  3. 3.
    Request URL – this node point is used to provide the endpoint [URL which helps to connect with backend service].
  4. 4.
    Request Header - this input node point is used to provide headers for the API call [headers are like extra sources to information for each API call you to make, these headers contain meta-data associated with API request].
  5. 5.
    Request query – this node point changes according to the value that you have selected in the drop-down menu.
    GET – Request Query – this node point help to pass any argument which can be used to get a particular type of data. For example, you want to get data based on a certain query.
    POST – Request Body – this node point is used to pass data that you want to add in your Database.
    PUT – Request Body – This node point is used to pass data that you want to update in your Database.
  6. 6.
    On Response – this output node point is used to perform some logic once you receive your response from your backend.
    Note – If you want an additional node point to stretch the on Response node point further then you can see a function node is generated which consist of an additional node point, also the response that you get from your backend.
  7. 7.
    On Failure – this output node point helps you to perform logic if your request got fails.
Note – Similar to on Response node, If you want additional node point stretch the on failure node point further then you can see a function node is generated which consist of additional node point, also the error that you get from your backend why your request fails.

URI Encode Node

This node is useful to encode the URI. Just pass the URI which you want to encode and from the result output node you will get encoded URI
Why we encode URI - when your URL consists of some spaces or special characters such as & or ! this can leads to the problem while hitting the API, To avoid such kind of situation we use an encoding.

Components Of Node

  1. 1.
    Input - this node point is used to take the URI which you want to encode.
  2. 2.
    Use run trigger checkbox – this check box helps you to add run trigger to the node.
  3. 3.
    Output -this output node point provide you with the result of the encoded URI which you have passed in the input node point.

Share Node

This node is used to share the files with the other apps. for example you have an image in the app which you want to share with your friends on what’s app this node helps you achieve that functionality. Components of Node

Comment Node

This node is used for putting any short note or a simple piece of information. This Node is quite useful when you have created a logic that consists of multiple nodes, so you can put a short node or any small piece of information to help you in any way if in future you wanted to visit the logic, or update logic you know what you are doing. To put a note in the node just use the Input box provided in the node and drag anywhere in the blup lightning.