GithubHelp home page GithubHelp logo

googleurlshortner's Introduction

GoogleURLShortner

A basic url shortner using AJAX and google APIs

Google URL Shortener API

  1. First, make sure you have a regular Google account. If you don't, you can create one here.

  2. Make sure that you are logged into the Google account that you want to associate with your project if you have more than one.

  3. Navigate to the Google Developers page and click "Sign In" in the upper right hand corner.

  4. Then, navigate to the Developer Dashboard and click Enable API.

  5. In the field that says Search all 100+ APIs, search for URL Shortener and select URL Shortener API (see below). IMAGE ALT TEXT HERE

  6. You will then be redirected to a screen that says "A project is needed to enable APIs" Click Create Project. You may have to click Create again.

  7. Name your project whatever you wish. Then click Create.

  8. You'll be redirected to the search page again. Click Enable above the search bar. There will be another bar that says "To use this API, you may need credentials. Click Create credentials in the top right corner to get started." IMAGE ALT TEXT HERE

  9. When you click Create credentials, you will be redirected to the Credentials page.

  10. For "Which API are you using," it should already say "URL Shortener API" but select that if it does not.

  11. Then, under "Where will you be calling the API from," select "Web browser (Javascript)."

  12. Then, select "Public data" under "What data will you be accessing?" Your entries should include the following: IMAGE ALT TEXT HERE

  13. Click "What credentials do I need?" You should be redirected to a page that says "Add credentials to your project." It should give you an API Key. That api key will always be available in the credentials console.

Congratulations! You have enabled the Google URL Shortener API and obtained an API Key!

What To Do Next

  • In the public/main.js file, save the API key you just created to the const called apiKey.
  • Then just open the index.html file in your browser and you are set to go.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.