{"id":6309,"date":"2018-07-16T12:58:23","date_gmt":"2018-07-16T12:58:23","guid":{"rendered":"https:\/\/9series-blog.staging9.com\/?p=6309"},"modified":"2026-03-03T10:47:27","modified_gmt":"2026-03-03T10:47:27","slug":"firebase-mvc-core-2-1","status":"publish","type":"post","link":"https:\/\/www.9series.com\/blog\/firebase-mvc-core-2-1\/","title":{"rendered":"Firebase with MVC Core 2.1"},"content":{"rendered":"

\"Firebase-with-MVC-Core-2.1<\/a><\/p>\n

Firebase is a\u00a0platform that allows you to build mobile & web apps without a\u00a0server-side programming language.\u00a0Here we will only discuss how to include Firebase with a program.<\/p>\n

If u want to know about how to create a file in MVC Code 2.1 u can see this link
\nhttps:\/\/docs.microsoft.com\/en-us\/aspnet\/core\/tutorials\/?view=aspnetcore-2.1
\nBut we can also see some images for Creating Project in MVC CORE 2.1.<\/p>\n

[1]. Home Page of Visual Studio:<\/strong><\/p>\n

\"1\"<\/a><\/p>\n

[2] Creating New Project:<\/strong>
\nGo to File > New > Project<\/p>\n

\"2\"<\/a><\/p>\n

[3] Name of New Project and Press Ok.<\/strong><\/p>\n

\"3\"<\/a><\/p>\n

[4] Categories of New Project, Select Web-Application (Model-View-Controller) and press OK<\/strong><\/p>\n

\"4\"<\/a><\/p>\n

[5] \u00a0This is Home Page of New Created Project and on Left hand side File Structure of MVC Core 2.1.<\/strong><\/p>\n

\"5\"<\/a><\/p>\n

First, we need to know what is Firebase???<\/b><\/p>\n

Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google in 2014. <\/span><\/p>\n

Firebase is a Backend-as-a-Service (BaaS) that started as a \u2018YC11\u2019 startup and grew up into a next-generation app-development platform on Google Cloud Platform.<\/span><\/p>\n

Firebase has a very smart and well-developed API. Firebase works like a server, API, and Database. These APIs can be modified as per our needs.<\/span><\/p>\n

Now, we need to sign-in in Firebase Console with our Gmail accounts.<\/span><\/p>\n

Then it should be like this.<\/strong><\/p>\n

[1] First go to https:\/\/console.firebase.google.com\/<\/a> and Press ok of Term and Condition<\/strong><\/p>\n

\"6\"<\/a><\/p>\n

[2] Click on \u201cAdd Project\u201d then name new Project like \u201cTestFirebase\u201d and click on Create Project.<\/strong><\/p>\n

\"7\"<\/a><\/p>\n

[3] It will show us like this and go to \u201cDevelop\u201d > \u201cDatabase\u201d.<\/strong><\/p>\n

\"8\"<\/a><\/p>\n

[4] It will Show us Database Approach use in Firebase.<\/strong><\/p>\n

\"9\"<\/a><\/p>\n

[5] Go to Settings> General.<\/strong><\/p>\n

\"10\"<\/a><\/p>\n

\"11\"<\/a><\/p>\n

[6] Click on \u201cAdd Firebase to your web app\u201d and Get Firebase Generated Unique Key Script<\/strong><\/p>\n

We will get our individual project script of firebase we need to copy the script and get to include this in our MVC CORE 2.1 project file.<\/p>\n

Like I have this,<\/p>\n

\"12\"<\/a><\/p>\n

 <\/p>\n

Firebase offers many features like,<\/strong>
\n– Real-time database,
\n–\u00a0Push notification,
\n–\u00a0Firebase Analytics,
\n– Firebase Authentication,
\n–\u00a0Firebase Cloud Messaging,
\n–\u00a0Firebase Storage,
\n–\u00a0Firebase Hosting,
\n–\u00a0Firebase Test Lab For Android,
\n–\u00a0Firebase Crash reporting,
\n–\u00a0Firebase Notification,
\n–\u00a0Firebase App Indexing,
\n–\u00a0Firebase Dynamic link,
\n–\u00a0Firebase Invites,
\n– Firebase Adwords<\/p>\n

Firebase has core features like<\/strong>
\nReal-time database :<\/strong>
\nA regular database requires Http call sync and get data from the database. But firebase works with Web Socket. Web Sockets are much faster than HTTP.<\/p>\n

Firebase Storage :<\/strong>
\nFile storage provides binary files to save file. It has its own system of security rules to protect your Google Cloud bucket from the masses while granting detailed write privileges to your authenticated clients.<\/p>\n

Authentication :<\/strong>
\nFirebase authentication has been built with an email and password authentication system. It also provides Direct authentication from Google, Facebook, Twitter and GitHub.<\/p>\n

Firebase Hosting :<\/strong>
\nFirebase includes hosting service for our files. It serves them from a global CDN with HTTP\/2.<\/p>\n

It also has Remote Config, TestLab, Crash Reporting, Push Notification, Dynamic Links, AdMob etc.<\/p>\n

There are many Pros and Cons of Firebase:<\/strong>
\nPros:-<\/strong>
\n– JSON (JavaScript Object Notation) storage means no barrier between data and objects
\n–\u00a0Email and Password, Google, Facebook and GitHub authentication
\n–\u00a0Real-time data
\n–\u00a0Well Developed API
\n–\u00a0File Hosting
\n–\u00a0Firebase storage File Hosting
\n–\u00a0Google Cloud Storage
\n–\u00a0Built-in security at data node level
\n–\u00a0Serverless<\/p>\n

Cons:-<\/strong>
\n–\u00a0Limited free data storage.
\n–\u00a0It only contains simple CRUD operation. Firebase doesn\u2019t use complex queries like join.
\n–\u00a0No MapReduce<\/p>\n

Firebase with MVC CORE 2.1:<\/strong>
\n–\u00a0Firebase works as a simple script in MVC core 2.1.
\n–\u00a0Firebase uses foreach loop for retrieving data from firebase node structure.
\n–\u00a0Firebase has an n-level node structure.
\n–\u00a0Firebase includes Create, Update, Delete function to run API.
\n–\u00a0We can use Firebase with both sides like
\n1. Changing Data from Code
\n2. Changing Data from Firebase Console Database<\/p>\n

It works like API, so it can catch in the backend with HttpPost method. Then it is simple to process to a database. This firebase script runs on View Page in MVC Core 2.1.<\/p>\n

We can Connect this Script with Core like this,<\/strong>
\n[1] Add new Javascript file in Project. Go to wwwroot > js > Add > New Item.<\/strong><\/p>\n

\"13\"<\/a><\/p>\n

 <\/p>\n

[2] Choose Javascript file Category and Name that File like \u201cFireBaseScript\u201d.<\/strong><\/p>\n

\"14\"<\/a> <\/strong><\/p>\n

[3] Paste the Firebase Key Script Here.<\/strong><\/p>\n

\"15\"<\/a><\/p>\n

[4] And call Javascript File Like this in View page.<\/strong><\/p>\n

\"16\"<\/a><\/p>\n

To Update database from firebase we need these type of codes in Script<\/span><\/p>\n

\"17\"<\/a><\/p>\n

And We can Update Data of Firebase from Firebase with this type of code in Script,<\/span><\/p>\n

\"18\"<\/a><\/p>\n

 <\/p>\n

Conclusion:
\n<\/strong>Developers can find all the required information for implementing firebase to MVC Core 2.1. It discusses the basic features of Firebase, its advantages, and disadvantages. One can also know how to Create Project in MVC Core 2.1, how to use Firebase database and how to implement Firebase script in MVC Core 2.1<\/p>\n

[References]<\/b>
\n1. Google Firebase: https:\/\/firebase.google.com
\n2. https:\/\/docs.microsoft.com\/en-us\/aspnet\/core\/tutorials\/?view=aspnetcore-2.1
\n3. https:\/\/en.wikipedia.org\/wiki\/Firebase
\n4. https:\/\/howtofirebase.com\/what-is-firebase-fcb8614ba442
\n5. https:\/\/medium.com\/@puthnith\/firebase-for-ios-invalid-api-key-cdde76ff92c4
\n6. https:\/\/www.quora.com\/What-is-firebase
\n7. https:\/\/console.firebase.google.com\/
\n8. https:\/\/stackify.com\/wp-content\/uploads\/2017\/10\/NET-core-2.1-1-793×397.png<\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Firebase is a\u00a0platform that allows you to build mobile & web apps without a\u00a0server-side programming language.\u00a0Here we will only discuss how to include Firebase with a program. If u want…<\/p>\n","protected":false},"author":1,"featured_media":6310,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"dsgo_overlay_header":false,"dsgo_overlay_header_text_color":"","dsgo_overlay_skip_top_bar":false,"_designsetgo_exclude_llms":false,"footnotes":""},"categories":[1446,1429],"tags":[],"class_list":["post-6309","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-net-mvc","category-microsoft"],"_links":{"self":[{"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/posts\/6309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/comments?post=6309"}],"version-history":[{"count":1,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/posts\/6309\/revisions"}],"predecessor-version":[{"id":6329,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/posts\/6309\/revisions\/6329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/media\/6310"}],"wp:attachment":[{"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/media?parent=6309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/categories?post=6309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.9series.com\/blog\/wp-json\/wp\/v2\/tags?post=6309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}