Skip to content
This repository has been archived by the owner on Oct 2, 2022. It is now read-only.

๐Ÿ“‘ React App to edit blog-posts created on Google Blogger

License

Notifications You must be signed in to change notification settings

elanum/google-blogger-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

41 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

AWFT

App with a connection to Google Blogger API with React to edit blog-posts created on Google Blogger

Setup

  1. Create a Google Account (if you don't have one)
  2. Visit Google API Console
  3. Create a Project in the top left corner
  4. Select the Project
  5. Add APIs through the Dashboard
  6. Select "Enable APIs and Services"
  7. Search and Activate "Blogger API v3" and "Google Analytics API"
  8. Create Credentials with the following settings:
    • Which API are you using?
      • Blogger API v3
    • Where will you be calling the API from?
      • Web browser (Javascript)
    • What data will you be accessing?
      • User data
  9. Create an OAuth 2.0 Client-ID
    • Name
      • AWFT
    • Authorized JavaScript origins
      • https://localhost:3000 (for development)
      • https://localhost:5000 (for standard build)
      • https://yourdomain.com/ (your domain)
  10. Copy your created client ID
  11. Open src/components/GoogleAuth and replace in line 25 <CLIENT-ID> with your Client-ID

Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

For environments using Node, the easiest way to handle this would be to install serve and let it handle the rest:

npm install -g serve
serve -s build

The last command shown above will serve your static site on the port 5000. Like many of serveโ€™s internal settings, the port can be adjusted using the -l or --listen flags:

serve -s build -l 4000

Run this command to get a full list of the options available:

serve -h

Known Issues

  • post.replies.totalItems will not refresh instantly
  • Visit a page through the browsers address bar will alwyas redirect to / even if you're logged in

Sources