# Firebase implementation

**URL:** <https://devforum.zoom.us/t/firebase-implementation/80810>\
**Category:** Zoom Apps\
**Created:** [December 28, 2022, 5:37am UTC](https://devforum.zoom.us/t/firebase-implementation/80810 "2022-12-28T05:37:17Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![thaicao](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/thaicao/32/44091_2.png) [@thaicao](https://devforum.zoom.us/u/thaicao)\
**Post date:** [December 28, 2022, 5:37am UTC](https://devforum.zoom.us/t/firebase-implementation/80810/1 "2022-12-28T05:37:18Z")

</div>

I have a button on my zoom app that is supposed to open up a popup that takes me to the my website to authenticate with firebase. How would I go about this because the popup is blocked on the zoom app and unsure how to redirect to a new browser window.

Thank you.

---

<div class="post-metadata">

**Author:** ![biinster](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@biinster](https://devforum.zoom.us/u/biinster)\
**Post date:** [December 28, 2022, 10:33am UTC](https://devforum.zoom.us/t/firebase-implementation/80810/2 "2022-12-28T10:33:43Z")

</div>

Google has [blocked](https://developers.googleblog.com/2021/06/upcoming-security-changes-to-googles-oauth-2.0-authorization-endpoint.html) OAuth calls from embedded webviews (that’ll be Zoom Apps) and, since Firebase is Google, I’d assume the situation there is much of the same.  
You should look at how Third-party auth is implemented in their [reference app](https://github.com/zoom/zoomapps-advancedsample-react) and conjure something alike for Firebase auth flow (your app will need to make calls to Firebase’s OAuth server)

Hope this helps

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [December 29, 2022, 12:42am UTC](https://devforum.zoom.us/t/firebase-implementation/80810/3 "2022-12-29T00:42:53Z")

</div>

I have a firebase implementation that you can find here:

> **[GitHub - zoom/zoomapps-serverless-vuejs: A Serverless Zoom App built on...](https://github.com/zoom/zoomapps-serverless-vuejs)**
>
> A Serverless Zoom App built on Firebase for Zoomtopia 2022 and beyond! - GitHub - zoom/zoomapps-serverless-vuejs: A Serverless Zoom App built on Firebase for Zoomtopia 2022 and beyond!

If you’re able to share the error you’re seeing we may be able to get around it with the domain allow list.

---

<div class="post-metadata">

**Author:** ![thaicao](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/thaicao/32/44091_2.png) [@thaicao](https://devforum.zoom.us/u/thaicao)\
**Post date:** [January 16, 2023, 11:40pm UTC](https://devforum.zoom.us/t/firebase-implementation/80810/4 "2023-01-16T23:40:56Z")

</div>

Thank you so much for this. Is there any example apps that were done with third party requests with firebase oAuth? I have a current product that is hosted on Amazon web services and I want to make requests to it as well.

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [January 18, 2023, 1:30am UTC](https://devforum.zoom.us/t/firebase-implementation/80810/5 "2023-01-18T01:30:40Z")

</div>

We don’t have an example of using Firebase with other OAuth providers but in general this would be handled with a Firebase Function and data would be stored within Firestore similar to the example shared above.

Let me know if that helps.

---

<div class="post-metadata">

**Author:** ![thaicao](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/thaicao/32/44091_2.png) [@thaicao](https://devforum.zoom.us/u/thaicao)\
**Post date:** [January 19, 2023, 3:31am UTC](https://devforum.zoom.us/t/firebase-implementation/80810/6 "2023-01-19T03:31:02Z")

</div>

Sounds good here is my approach:

I call the zoom oauth user function to identify the authenticated email that was logged in then I use that email to see if that item is in the firebase database if it is then I load their firestore data.

I also wanted to know how I could open up my website’s homepage in another browser to login if the account does not exist.

Does this seem like a viable approach?

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [January 20, 2023, 2:04am UTC](https://devforum.zoom.us/t/firebase-implementation/80810/7 "2023-01-20T02:04:35Z")

</div>

> [@thaicao](#):
>
> I call the zoom oauth user function to identify the authenticated email that was logged in then I use that email to see if that item is in the firebase database if it is then I load their firestore data.

That’s definitely a viable method to store/recall user information. If you wanted to open your website from your Zoom App so that the user could authenticate then the best method is to use the [openURL()](https://appssdk.zoom.us/classes/ZoomSdk.ZoomSdk.html#openUrl) function.
