✨ Youtube PubSubHubBub With Firebase

Overview

Youtube PubSubHubBub With Firebase

Firebase cloud function to handle verification and save/update youtube feed in firestore.


Basic Setup

  1. Clone the github repository : git clone https://github.com/zainulhassan815/youtube-pubsub.git

  2. cd functions and run npm install to get all packages

  3. Navigate back to root directory and open .firebaserc file. Replace Your-Project-ID with your firebase project id.

  4. Update YOUTUBE_API_KEY in functions/src/constants.ts file. See Getting Started Guide for creating a new api key.

  5. Run npm run deploy to deploy functions to firebase. Copy youtube-feed endpoint to clipboard.

  6. Go to GoogleAppspot/Subscribe and fillin the details as follows:

    GooglePubSubHubBubSubscriptionForm

    • Replace https://cloud-function/youtube-feed with your cloud function endpoint
    • Replace Channel_Id in https://www.youtube.com/xml/feeds/videos.xml?channel_id=Channel_Id with your own channel id.
    • Click do it.
    • In your firebase console, you should see that the function youtube-feed is invoked with response 200.
  7. Check whether the endpoint is verified or not.

    GooglePubSubHubBubVerificationForm

    • Replace https://cloud-function/youtube-feed with your cloud function endpoint
    • Replace Channel_Id in https://www.youtube.com/xml/feeds/videos.xml?channel_id=Channel_Id with your own channel id.
    • Click Get Info it.
    • You should get following result with state as verified.

    VerificationCheck

License

Licensed under GNU General Public License, version 3 (GPLv3). View License

You might also like...

An experimental framework-aware Firebase CLI

Firebase Experimental framework-aware CLI Usage $ npm i -g firebase-frameworks $ cd MY-APP $ firebase-frameworks init $ firebase-frameworks build $

Dec 27, 2022

Twitter clone using Nextjs, Tailwind CSS and Firebase

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Aug 16, 2022

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentication feature thanks to Firebase.

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentication feature thanks to Firebase.

Features Here's the feature's included in this project 👨‍👩‍👧‍👦 Login Page 📦 Products Page 🛒 Cart and Checkout Page 📝 Sign up function with Goog

Aug 22, 2022

This is a Simple Realtime Chat app using Firebase.

Realtime Web Chatapp A Simple Realtime Chat app using Firebase View Demo · Report Bug · Request Feature About The Project This is a simple Realtime Ch

Oct 25, 2022

Firebase adepter auth process with custom token example in Next Auth

Firebase adepter auth process with custom token example in Next Auth Example of a firebase adapter that works with firebase authentication. A firebase

Oct 14, 2022

📋 Todo List CRUD and OAuth with Firebase

📋 Todo List CRUD and OAuth with Firebase

Todo List CRUD and OAuth with Firebase Esta es una app hecha con React y Firebase en la que puedas crear, leer, actualizar y borrar tareas dentro de u

May 28, 2022

⚡ It is a simplified database module with multiple functions that you can use simultaneously with sqlite, yaml, firebase and json.

Prisma Database Developed with 💙 by Roxza ⚡ An easy, open source database 📦 Installation npm i prisma.db --save yarn add prisma.db 🔮 Importing impo

Jan 3, 2023

Aplicação Angular CRUD para uso e prática do Firebase com Authentication, Firestore e Storage

DiariosApp This project was generated with Angular CLI version 13.3.3. Development server Run ng serve for a dev server. Navigate to http://localhost:

Jun 3, 2022

This is a project manager X note taker built with Next js, Planetscale and Firebase.

Blaze is a project developed with NextJs, PlanetScale and Firebase. It's a task manager that doubles as a note taker To contribute to this project, Ki

Aug 8, 2022
Owner
Zain Ul Hassan
Zain Ul Hassan
LinkedIn-Clone - a LinkedIn clone with firebase, redux and styled components

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Asher Price 1 Jan 3, 2022
Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sinan Bekar 11 Dec 4, 2022
Firebase Angular Skeleton - Quickly create an application with a fully functional authentication, authorization and user management system.

FAngS - Firebase Angular Skeleton FAngS lets you quickly create an application with a fully functional authentication, authorization and user manageme

Ryan Lefebvre 7 Sep 21, 2022
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase

A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase. With google authentication, routing and deployment capabilities built in.

Hussain Pettiwala 5 Feb 22, 2022
Short sample and instructions for configuring a Flutter Web application to deploy-on-push to Firebase Hosting

Short sample and instructions for configuring a Flutter Web application to deploy-on-push to Firebase Hosting

Kevin Moore 18 Nov 17, 2022
Solid hooks for Firebase v9.

solid-firebase Solid hooks for Firebase. Quick start Install it: yarn add firebase solid-firebase Configure firebase app: import { render } from 'soli

Robert Soriano 40 Dec 23, 2022
Firebase SDK 9 + Google Sign In + Chrome Extension Manifest Version 3 + Webpack

Firebase SDK 9 + Google Sign In + Chrome Extension Manifest Version 3 + Webpack Demo Find this Chrome Extension Setup and working demo here or on Yout

Rasika Warade 40 Dec 28, 2022
Twitter-Clone (For Learning Purpose) made with Next.js,Firebase,TailwindCss

Project Name : Twitter-Clone This is a clone of Twitter . This build is for learning purpose only. Technology Used To Build This How it look's Some im

Ankit Singh 8 Oct 4, 2022
Full-Stack CRUD Application With Angular + Firebase Database + Authentication + REST APIs

BookCompany Full-Stack CRUD Application With Angular + Firebase Database + Authentication + REST APIs Technologies & Features Angular front-end framew

Rodrigo Bravo 3 Apr 10, 2022