https://github.com/rlancer/gapi-starter

A boiler plate for dealing with the Google Javascript APIs in a ReactJS and Webpack environment
https://github.com/rlancer/gapi-starter

Last synced: about 2 months ago
JSON representation

A boiler plate for dealing with the Google Javascript APIs in a ReactJS and Webpack environment

• Host: GitHub
• URL: https://github.com/rlancer/gapi-starter
• Owner: rlancer
• Created: 2015-05-28T13:34:43.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-10-27T16:26:13.000Z (about 7 years ago)
• Last Synced: 2023-08-11T20:17:37.813Z (over 1 year ago)
• Language: JavaScript
• Size: 141 KB
• Stars: 21
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
Google Login & API + ReactJS + Flow + Webpack starter kit

=========================================================

Google API's are great but they were designed before the module partner of Javascript programing became popular.

This starter fixes that handing Google login and library loading for you.

# Get the Code!

    git clone https://github.com/rlancer/gapi-starter.git

    cd gapi-starter

    npm install

# Add in your Project's Settings

Create a file titled **app_settings.json** in the root directory.

```JSON

{

  "client_id": "Your apps client ID from the Google API console",

  "libraries": [

    {

      "name": "compute",

      "version": "v1"

    },

    {

      "name": "drive",

      "version": "v2"

    },

    {

      "name": "gmail",

      "version": "v1"

    },

    {

      "name": "calendar",

      "version": "v3"

    },

    {

          "name": "all the other libs you wont to work with",

          "version": "v3"

        }

  ],

  "scopes": [

    "profile scope added automatically",

    "https://www.googleapis.com/auth/compute.readonly",

    "https://www.googleapis.com/auth/compute",

    "https://www.googleapis.com/auth/cloud-platform"

  ]

}

```

# Run the Webpack Dev Server

    webpack-dev-server --progress --colors --port 9030

# Ensure that the Javascript Origin is Set

In the [Google API Console](https://console.developers.google.com)

Under Credentials, make sure that the project has the proper Javascript origin set for both production and development.