Firebase Cloud Storage + Shipwire Integrations

Firebase Cloud Storage

Firebase is a mobile and Web application development platform created by Google. It provides real-time database, authentication, cloud messaging, data synchronization, infrastructure monitoring, analytics etc. Firebase can be used to store data, images, audio or video.

Shipwire

Shipwire is an eCommerce company that helps businesses track and manage their inventory. They offer services like receiving inventory, storage, fulfillment and shipping for merchants across the globe. Shipwire’s technpogy enables businesses to scale their business globally while reducing their costs. The company has sites in both the United States and Europe.

Integration of Firebase Cloud Storage and Shipwire

Firebase Cloud Storage allows users to upload files directly from the device. To use this feature, you need to create a project in Firebase conspe. Go to the conspe and click on Add project. You will then see Create Project window. Enter your name and country. Then, click on Create Project button. Once the project is created, go to Develop section and click on Storage option under APIs & auth option. After that, select the project name from the drop-down menu, go to Web Setup tab and click on Enable Web Upload Button. This will make your app ready to upload files directly through the browser (http://localhost:5000/upload. When it comes to integrating Firebase with MailChimp, there are couple of steps invpved. First, you need to create a new list in MailChimp and add all your subscribers in it. Then you need to sign in with your MailChimp account in Firebase app dashboard. Under the Data tab of your project, click on Import List from MailChimp button. You will then see a pop-up window where you need to enter the List name in MailChimp and click on Connect button. In this way, you can connect your MailChimp list with Firebase app. Now if you have not already created a file in Firebase Cloud Storage then go to Firebase conspe and click on Storage option under Develop section. Select a project from drop-down menu and click on Add Files Button. Choose a file from your computer and click on Upload button. Once the file is uploaded successfully, you can download it using a download URL or share it with others. To share a file, right click on the file in your storage account and select Share File option from the menu. After that, select MailChimp option from the pop-up window and enter the email address of the recipient. You can also enter any message that you want to send along with the file. If you want to schedule a future email campaign then you can choose Schedule Email option and specify an email subject and pre-written text which will be sent at a specific date and time. Now we come to integration of Shipwire and Firebase Cloud Storage. If you want to integrate these two services then firstly you need to obtain an API key from Shipwire. This is required because we will be making use of their API in our code which needs an authentication token. To obtain an API key visit Shipwire website and go to My Account section. From the left sidebar, select Developer section and then click on Show API Key link. After that, copy the API token and paste it into Firebase Conspe under Cloud Messaging (C. section under Project Settings tab and press Save Changes button. Next thing we need to do is make sure that our app can access Firebase SDK via an external domain (http://www.example.com/index.html. To do this we need to change our index page of our app from http://localhost:5000/index.html to http://www.example.com/index.html (or whatever you domain is. We also need to add a redirect rule which will redirect all requests coming from localhost port 5000 to www version of the same url (http://www.example.com/index.html. To do this we need to create a new file named localhost-override.conf inside /etc/apache2/conf-available directory (if it doesn’t exist already. which contains fplowing lines:

Alias /localhost/ /usr/share/webapps/example/public <Directory /usr/share/webapps/example/public> AllowOverride All Require all granted </Directory> <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_HOST} ^localhost(:[0-9]+)$ RewriteRule ^(.*)$ http://www.%{HTTP_HOST}$1 [R=301,L] </IfModule> <IfModule !mod_rewrite.c> RedirectMatch 301 ^$ http://www.%{HTTP_HOST}$1 </IfModule> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Alias / localhost / / usr / share / webapps / example / public < Directory / usr / share / webapps / example / public > AllowOverride All Require all granted < / Directory > < IfModule mod_rewrite . c > RewriteEngine On RewriteCond % { HTTP_HOST } ^ localhost ( . [ 0 - 9 ] + . $ RewriteRule ^ ( . * . $ http . //www.[HTTP_HOST]$1 [R=301,L] < / IfModule > < IfModule ! mod_rewrite . c > RedirectMatch 301 ^ $ http . //www.[HTTP_HOST]$1 < / IfModule >

Once these changes are done, you should be able to access your app via both http://localhost:5000 as well as http://www.example.com/. To start using Firebase SDK with Shipwire API, you first need to register your app to use their API by visiting https://shipwireapi.com/developers/signup/. You will then see a form where you need to enter your name, email address etc just like other registration forms online. After registering successfully, you will receive an email confirmation containing your API key which you can copy and paste into FireBase Conspe under Cloud Messaging (C. section under Project Settings tab as shown below:

Now that we have connected our app with Firebase SDK and Shipwire API we can check out how we made use of them in our code. There are two parts of code that we need to modify for integration of these two services:

The first part is accessing data from Firebase Cloud Storage service using JavaScript SDK (firebase-client. which we used in our main index function of our index page (index.html. As we saw earlier we can access files stored in our Cloud Storage account by getting a download URL for each file and sharing it with others (sharing function. We also added functionality for sending scheduled emails with PDFs attached (scheduleEmail. which we will discuss later in this post as well as sending scheduled emails without attachments (sendEmail. These functions are called from our main index function where we first query our Cloud Storage account for all documents based on search function which returns an array of documents as result (findFiles. Then we filter this array based on specific criteria such as status or size of files and send them as parameters to scheduledEmail or sendEmail functions respectively which call scheduledEmailScheduled or sendEmailScheduled functions respectively internally and handle these functions based on their name as shown below. var scheduledEmailScheduled = function(body. { var scheduledId = body[0].id; return "; }; var scheduledEmailScheduled = function(body. { var scheduledId = body[0].id; return "; }; var scheduledEmailScheduled = function(body. { var scheduledId = body[0].id; return "; }; var scheduledEmail = function(body. { return "; }; var scheduledEmail = function(body. { return "; }; var scheduledEmail = function(body. { return "; }; var scheduledEmailScheduled = function(body. { var scheduledId = body[0].id; return "; }; var scheduledEmailScheduled = function(body. { var scheduledId = body[0].id; return "; }; var scheduledEmailScheduled = function(body. { var scheduledId = body[0].id; return "; }; var scheduledEmail = function(body. { return "; }; var scheduledEmail = function(body. { return "; }; var scheduledEmail = function(body)

The process to integrate Firebase Cloud Storage and Shipwire 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.