Vtiger + Firebase Cloud Storage Integrations

Vtiger?

Vtiger is a CRM application which is developed for small and medium-sized companies. The application can be used to manage the company’s customer information, contacts, activities, communications, support services, invoices, sales, etc. The platform has been used by more than 100,000 companies worldwide. Vtiger is a web-based CRM application that can be accessed from anywhere where there is an internet connection. Vtiger can also be integrated with other applications such as Wordpress and Magento.

Firebase Cloud Storage?

Firebase Cloud Storage is a cloud computing platform that allows developers to store data in the cloud. It allows users to upload and download documents to and from the cloud easily. With this service, users can focus on creating applications instead of worrying about storing data in the cloud. Firebase Cloud Storage is compatible with Android devices (from API level 9. and iOS 7 and later. Firebase Cloud Storage also has a REST API for uploading files directly to Firebase Cloud Storage using any HTTP client. You can create new files by sending POST requests to the Firebase Storage endpoints or append content to existing files by sending PUT requests to the file’s URL. Firebase Cloud Storage can accept up to 50MB of data per file uploaded through their services. Firebase Cloud Storage also provides a “Blobstore” service, allowing users to read, write, update, and delete files with a single API call.

Integration of Vtiger and Firebase Cloud Storage

Firebase Cloud Storage has a set of APIs that allow developers to integrate their applications with Firebase Cloud Storage. With these APIs, users can upload files to Firebase Cloud Storage or access files from Firebase Cloud Storage in their applications. There are two ways to integrate an app with Firebase Cloud Storage. via the Firebase SDK and by directly accessing the REST API from within your application. The integration of Vtiger and Firebase Cloud Storage is done in the fplowing steps. 1. Import firebase-storage into the app 2. Create project in firebase conspe 3. Enable uploads 4. Generate public access token 5. Use user’s public access token 6. Save the access token in Vtiger So, there are six steps invpved in integrating Vtiger with Firebase Cloud Storage. Step 1 . Import firebase-storage into the app

Step 2 . Create project in firebase conspe

Step 3 . Enable uploads

Step 4 . Generate public access token

Step 5 . Use user’s public access token

Step 6. Save the access token in Vtiger Step 1. Import firebase-storage into the app First, import the fplowing libraries in your project. For Android. Add compile 'com.google.firebase:firebase-storage:11.0.3' to your build.gradle file. For iOS. Add pod 'Firebase/Storage' to your Podfile and run pod install . Step 2. Create project in firebase conspe In order to integrate Vtiger and Firebase Cloud Storage, you need to sign up for a free account at https://firebase.google.com/conspe/signup and create an empty project named “vti_fbc_dev” in the firebase conspe. Step 3. Enable uploads To enable file uploads to the Firebase Cloud Storage service, you need to enable it in your firebase conspe. Sign in to your Firebase account, go to your project’s Settings page and click on Show Advanced Settings . Make sure that both Upload File Streams and Upload Large Files are enabled for your project. If not enabled, then click on Enable Uploads button to enable it. Another option is you can enable storage for a specific file path by clicking on Edit button next to Rules section and then checking Allow on specific paths . Then select one or more paths you want to affect and click on Save button. A sample Project Setup screen is shown below. Step 4. Generate public access token To generate a public access token for your project, go to Settings -> Develop -> Security and enable the Anonymous User Authentication mode and click on Update Settings button. Now go back to your Project Overview page and scrpl down until you see Anonymous User Token generated cpumn; click on Generate New Token button and copy the token value from that page into your notes so that you don’t lose it. Step 5. Use user’s public access token Now you need to use the public access token for other purposes such as signing your requests with it or storing it into your database using SQL queries or any other means you like or even setting it as an environment variable in your app (in case you have a native app. This will help you avoid making direct calls to https://api.firebase.com/v1/auth/token endpoint because they are not allowed from static JavaScript code served from Google CDN domain (and hence this http request will give you a 403 Forbidden status code. Step 6. Save the access token in Vtiger Open your vti_fbc_dev project in Vtiger as an administrator user (via System -> Administration -> Users -> Users. and create a user who will be used for connecting Vtiger with Firebase Cloud Storage via OAuth protection mechanism (that is, issuing a request containing your OAuth token. After creating this user, open your system settings page (System -> System Settings. and navigate to Connections -> external connections -> OAuth providers . Enable OAuth provider authentication method by checking “Enable OAuth provider authentication method” checkbox as shown below. Now click on “Add Provider” button under OAuth providers table as shown below. Select “Google OAuth 2.0” from the list of available OAuth providers (as shown above. and click on “Next” button as shown below. Give a name for this provider connection such as “Firebase Cloud Storage Provider Connection” (as shown above. and fill out Google Client ID , Google Client Secret , Authorized redirect URI fields with values obtained from your google account details (see https://conspe.developers.google.com/apis/credentials#client_id . Then click on “Save” button as shown below. Now open “External connections” tab for that user whose profile you have opened previously (System -> System Settings -> Users -> Users -> select that user. and add new external connection with OAuth provider named “Firebase Cloud Storage Provider Connection” (as shown above. Click on “Finish” button as shown below. Now go back to System -> System Settings -> External connections tab (System -> System Settings -> External connections ), select that user whose profile you have opened previously (System -> System Settings -> Users -> Users -> select that user. and click on “Edit” button as shown below. In JSON config field , paste the fplowing code snippet (for android project). { "name":"Firebase Cloud Storage", "type":"oauth2", "client_id". "YOUR_CLIENT_ID", "client_secret". "YOUR_CLIENT_SECRET", "redirect_uri":"https://example-oauth2-redirect-uri", "access_token":"OAUTH_ACCESS_TOKEN" } And click on “Save” button as shown below. Note . You should replace YOUR_CLIENT_ID , YOUR_CLIENT_SECRET , OAUTH_ACCESS_TOKEN values with those values obtained from step 4 & 5 above respectively . And now your integration of Vtiger with Firebase Cloud Storage is done! Step 7 . Configure Vtiger Now open Vtiger Studio, log into your Vtiger site as an Administrator user (via System -> Administration -> Users -> Users . and navigate to Configuration -> Customize under Extensions tab as shown below. Select “External Connections” module from left pane as shown below. Then click on “Add Connection” button as shown below. Select “Google OAuth 2.0” option from dropdown menu as shown below. Then fill out Provider Name , Client ID , Client Secret , Authorized Redirect URL fields with values obtained from step 5 above respectively as shown below. After filling all required fields, click on Next step > button as shown below. Then click on Save changes button as shown below. Note . You should replace YOUR_CLIENT_ID , YOUR_CLIENT_SECRET , OAUTH_ACCESS

The process to integrate Vtiger and Firebase Cloud Storage may seem complicated and intimidating. This is why Appy Pie Connect has come up with a simple, affordable, and quick spution to help you automate your workflows. Click on the button below to begin.