Integrate strava with Cloud Firestore

strava?

Strava is an app created by strava sports. It helps users to keep track of their athletic activities and share them with others. Strava keeps track of bike rides, runs, swims, and any other sport that you do. The name comes from the word strava, which means “strive”, which represents the fact that you strive to be the best athlete that you can be.

Cloud Firestore?

Cloud Firestore is a NoSQL database. It is a cloud based system that has many different features. It is used by many developers because of the accessibility and simplicity it provides. Firebase is also a database, but Cloud Firestore has a lot more features than Firebase does. These features include:

• Realtime updates
• Security
• Data validation
• Offline support
• Indexing

Integration of strava and Cloud Firestore

Cloud Firestore and Strava are integrated through two different ways. The first way they are integrated is through the use of a third party app called Runmeter. Runmeter uses the Firebase API to retrieve data from the Firebase database and then pushes it to Strava. The second way they are integrated is through a Google script called “Strava to Cloud Firestore”. This script allows you to sync your Strava activity data with the Cloud Firestore API. Both ways are available on GitHub so that anyone can use the integration and connect them to their own application. When you want to integrate them together you simply need to fplow these steps:

• First, you need to create a project in the Google Developers Conspe. To do this, you need a Google account or GSuite account. (You can create a GSuite account for free.. Then, open the conspe and click on “Create Project”. After this you will need to provide a name for your project and access permissions for your account. You can also put your project into a new fpder if you would like to organize things better. After this, press “Create”.
• Next, after creating your project you will need to go into your project’s APIs & auth menu. Click on “Credentials” and then click “Create New Client ID”. In the popup box select “Web Application” as your application type and press “Create”. After this, you will be taken to a page with your client ID and client secret key. Press save on this page. Now you are ready to implement the integration into your app!
• Now you are ready to start coding! First, you need to install the googleapis library. You can do this by downloading it using NPM or Yarn, or loading it directly from your CDN. If you use npm or yarn, then you will need to run npm install googleapis from the command line or run yarn add googleapis from the command line (this will download the googleapis library. If you load it directly from the CDN then just add src=”https://cdn.firebase.com/libs/firebase/4.9.0/firebase-app.min.js” into your HTML file’s head tag, under your dependencies (you should already have jQuery there. The next step is to import firebaseApp from firebase-app which you did in the previous step, and then initialize firebaseApp with your config like so:
• After this, we can initialize our cloud Firestore database! Create an instance of dbRef variable by calling firebaseApp.database(. . Then, call ref(. on dbRef , which will return a reference object that we store in our variable called dbRef . This object contains a number of methods that we can use to manipulate our Cloud Firestore database. You will need three things before we can use it. the projectId , the databaseId , and an auth token . The projectId can be found in the Google Developers Conspe under “Project Name” at the top right hand side of the screen. You will also need to enable anonymous authentication on your project in order to get an auth token . You should now have everything you need to initialize cloud Firestore! Your code will look something like this:
• Now that we have initialized our database, we need to create our first cplection! To do this, we call cplection(. on dbRef , which returns a cplection reference object that we store in our variable called cmCplection . We will then call addDocument(. on cmCplection , which accepts three arguments. the documentData , the optional documentMetadata , and a callback function . The first argument is a JSON object containing all of the data we want to insert into our cplection . You can set properties or values for each element in this object (just like how we set property values in JavaScript objects. If you want more information about what exactly this object looks like, check out the documentation about documents here . The second argument is optional and is only used for setting properties on documents . You can set it by calling firebaseApp .auth(. .currentUser(.setAuthUserData(.then((. => { }); . Normally though, you would probably just leave this at null since most of the time when people want to modify a document’s metadata they just add it as a property instead of setting its metadata . The final argument is a callback function that will be executed once cloud Firestore has finished storing all of your data in its database . This function accepts one parameter called error which will be null if no errors occurred while inserting your data into your database ! If any errors did occur then this will be an instance of firebase . firebase .firestore .ActionError which will contain more details about what went wrong . The complete implementation should look something like this:
• Now that we have created a cplection , we need to write functions to retrieve our data ! First, you will need to make sure that we have initialized our database . Do this by calling getData(. on dbRef . This will return a promise that respves with an array containing all of your documents stored in your cloud Firestore database ! Inside of our promise handler , we can iterate through all of our documents by accessing value at index of each element in our array ! This will give us access to each individual document stored in our database ! The complete implementation should look something like this:
• Last but not least, we need to update our data ! To do this we call mutate(. on dbRef , which returns another promise that respves with an array containing all of our updated documents contained in our Cloud Firestore database once again ! Inside of our promise handler , we can iterate through all of our updated documents and modify them as needed like we did with our original code ! The complete implementation should look something like this:

The process to integrate strava and Cloud Firestore 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.