Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Full-Stack Web Development with Vue.js and Node

You're reading from Full-Stack Web Development with Vue.js and Node Build scalable and powerful web apps with modern web stack: MongoDB, Vue, Node.js, and Express

Product type Paperback

Published in May 2018

Publisher Packt

ISBN-13 9781788831147

Length 366 pages

Edition 1st Edition

Languages

JavaScript

Tools

MongoDB

Concepts

Full Stack Web Development

Author (1):

Sharma

View More author details

Table of Contents (17) Chapters

Title Page

Copyright and Credits

PacktPub.com

Contributors

Preface

1. Introducing MEVN FREE CHAPTER

2. Building an Express Application

3. Introducing MongoDB

4. Introducing REST APIs

5. Building the Real Application

6. Building Authentication with passport.js

7. Building OAuth Strategies with passport.js

8. Introducing Vuex

9. Testing an MEVN Application

10. Going Live

1. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Configuring Passport's Google strategy

The configuration for all the strategies is somewhat similar. For the Google strategy, the following are the steps we have to follow for configuration:

Creating and registering an application on Google. This will provide us with a consumer key (API key) and a consumer secret (API secret).
Adding a button to our login page that allows our users to log in via Google.
Adding the necessary routes.
Adding a middleware method to check authentication.
Redirecting the user to the home page and displaying the logged-in user's email in the top bar.

Let's dive into the details for each of the preceding steps.

Creating and setting up a Google app

Just as we did for the Facebook and Twitter strategies, to be able to use the Google Strategy, we have to build a Google application. The developers, portal for Google is at https://console.developers.google.com/.

Then, click on the drop-down list of the projects, which lies at the top-left corner of the page. A popup will show...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $15.99/month. Cancel anytime

Authors (1)

Sharma

Sharma

Aneeta Sharma is a software engineer from Kathmandu, Nepal who has been in the tech industry for more than seven years. She started her career as a Web Designer, before becoming a PHP Developer and then a Ruby on Rails engineer. She has been working on both frontend and backend aspects of web application development since she started her career and has been developing web applications professionally since 2009. Currently, she is working as a Ruby on Rails Engineer at CloudFactory. She likes to explore new technologies and has learned to work with lots of them over the years. Most recently, she has been working with full-stack solutions with Ruby on Rails, along with frontend frameworks such as Vue.js and React.js.

See other products by Sharma

Other recommended products

Related to this chapter

Learn Node.js by Building 6 Projects

Learn Node.js by Building 6 Projects

This book contains 6 advanced Node.js projects. This book is your perfect companion to learn Node.js server programming in a very practical manner, by implementing 6 carefully hand-picked, real-world projects.

Mar 2018 10h 20m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you'll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

ASP.NET Core and Vue.js

ASP.NET Core and Vue.js

ASP.NET Core and Vue.js is a practical web application development book that will help you develop modern full-stack web apps, which can withstand scale and performance challenges. You'll learn all the core aspects and effectively implement them using best practices in coding and project structuring.

Jun 2021 15h 56m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you'll learn how to work with the latest ECMAScript features. By the end of this book, you'll be saved from a lot of trial and error and developmental headaches, and you'll be on the road to becoming a React expert.

Aug 2018 19h 20m

Vue.js 2 Design Patterns and Best Practices

Vue.js 2 Design Patterns and Best Practices

Vue.js is a lightweight and easy-to-learn JavaScript library for building user interfaces. With its faster and lighter Virtual DOM implementation, easier to learn, flexible, less opinionated solution, and many features, Vue.js is giving a good competition to the popular frameworks and libraries such as React and Angular. This book takes a complete journey to exploring the important design patterns in Vue and implementing them in real life scenarios

Mar 2018 11h 28m

MongoDB, Express, Angular, and Node.js Fundamentals

MongoDB, Express, Angular, and Node.js Fundamentals

Taking control of the MEAN stack and getting familiar with different JavaScript technologies during the process will transform you into a full-stack JavaScript developer. MongoDB, Express, Angular and Node.js Fundamentals shows you how to develop highly scalable, asynchronous, and event-driven APIs quickly with Express and Node.js. You'll be able to demonstrate the full-stack skill by building two full-fledged MEAN applications with the user authentication feature from scratch.

Mar 2019 12h 4m

Front-End Development Projects with Vue.js

Front-End Development Projects with Vue.js

Front-End Development Projects with Vue.js introduces you to Vue 2 and helps you get started with web application development using this popular framework. You'll master the knowledge and skills needed to become an effective front-end developer and apply them to tackle real-world development challenges.

Nov 2020 25h 48m

Vue.js 2 Cookbook

Vue.js 2 Cookbook

Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex single page applications a breeze. Its component-based approach, intuitive API, blazing fast core, and compact size make Vue.js a great solution to craft your next front-end application. From basic to advanced recipes, this book arms you with practical solutions to common tasks when building an application using Vue.

Apr 2017 15h 8m

Hands-on Nuxt.js Web Development

Hands-on Nuxt.js Web Development

Nuxt.js is a progressive web framework for adding SSR capabilities to Vue.js apps. This practical guide will help you up and running with the fundamentals of Nuxt.js, how to integrate it with the latest version of Vue.js and enable you to build an entire project including authentication, testing, and deployment with Nuxt.js and Vue.js.

Aug 2020 23h 16m

Full-Stack Vue.js 2 and Laravel 5

Full-Stack Vue.js 2 and Laravel 5

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end. In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

Dec 2017 12h 32m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m