Arvel  Miller

Arvel Miller

1622258742

9 Chrome Extensions To Make Your Life Easier

It’s 2021 and I am brought here some fresh new chrome extensions. And no, I will not be covering popular ones like Grammarly, uBlock Origin, Dark Reader, etc.

#chrome-extension #google-chrome #chrome #web-development #developer

What is GEEK

Buddha Community

9 Chrome Extensions To Make Your Life Easier
Arvel  Miller

Arvel Miller

1622258742

9 Chrome Extensions To Make Your Life Easier

It’s 2021 and I am brought here some fresh new chrome extensions. And no, I will not be covering popular ones like Grammarly, uBlock Origin, Dark Reader, etc.

#chrome-extension #google-chrome #chrome #web-development #developer

Lenora  Hauck

Lenora Hauck

1597998780

6 Awesome Chrome Extension for Github

Here’s what I’m using
Enhanced Github
https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd?hl=en

#github #chrome extension for github #chrome extension

Myriam  Rogahn

Myriam Rogahn

1598811300

Create a Email/Password Login System for Your Chrome Extension

Create a basic login system using NodeJS, Express, and Javascript

This tutorial uses a boiler-plate Google Chrome Extension setup.

If you want to know how to get that setup,

Check out my write-up here:

Or the video tutorial here:


Let’s Begin.

We’ll start by creating our REST API.

A very basic Express server with two main routes, ‘/login’ and ‘/logout’.

We’ll need the express package of course.

>>npm init -y
>>npm install express

Note:

We’ve built an “authentication” middle ware function. It just simulates the act of looking up a user’s credentials on a database.

We won’t be creating an entire database for this lesson. Use SQL, MongoDb, whichever you like.


Let’s do some web development work before we get to actual Chrome Extension work.

We’ll create three pages.

A “Sign In” page, a “Sign Out” page, and a “Welcome Back” page. Nothing fancy

#web-development #programming #learn-to-code #google-chrome-extensions #chrome-extension #python

Google OAuth2/OpenID Chrome Extension Login System

Don’t build your own authentication system; leverage Google OAuth2 for your Google Chrome Extension

This tutorial uses a boiler-plate Google Chrome Extension setup.

If you want to know how to get that setup,

Check out my write-up here:

Or the video tutorial here:

Before we even touch a line of code, we need to setup our development workspace so that we have the ability to do two major things:

  1. Giving our specific Chrome Extension the ability to use Google’s APIs and Services.
  2. Gain the ability to interact with Google’s OAuth2 Endpoint.

Let’s Begin.

First, we’ll need to “register” our Chrome Extension with the Google store. There are two ways to do this, we either officially upload our Chrome Extension to the Google Chrome Store and receive a unique key value for our extension or we “faux register” our extension with the Google Chrome Browser and receive a unique key that way. Since we don’t want to upload a development extension to the public store, we’ll opt for the latter method.

Navigate to the address “chrome://extensions” in your Chrome Browser.

Click on “Pack Extension” and choose the location of your Chrome Extension.

This will generate two files in the directory above your Chrome Extension location, a ‘crx’ and ‘pem’; we’re concerned with the ‘crx’ file.

Drag-and-drop the ‘crx’ file into the “chrome://extensions” page. You should get a prompt asking you to add the extension, click ‘Yes’.

Image for post

Now, navigate to where your Chrome Extensions are located.

For MacOS and Linux users, this will be different, but for Windows users you’re looking for something along the lines of,

C:\Users<Your UserName>\AppData\Local\Google\Chrome\User Data\Default\Extensions

We’re looking for the folder with same name as your Chrome Extension ID. This id can be found back at your “chrome://extensions” page. Look for the “ID” attribute.

Enter into the folder with the same name as your Chrome Extension, enter into the version number folder and open the “manifest.json” file. Copy the “key” attribute.

#programming #web-development #google-chrome-extensions #learn-to-code #chrome-extension

How does tinder make money?

Essential information regarding how do dating apps make money and how does tinder make money. Moreover, we present unique ways to make money through dating apps.

#how does tinder make money #how does bumble make money #how much money do dating apps make #how dating apps make money #how do dating apps make money