< Knowledge Base

Create Google APP for Hotspot Web Portal

Published On: Jan 24, 2017 

DrayTek Hotspot Web Portal supports social login. By using Google API, we can give visitors Internet access after they log in with a valid Google account. This document introduces how to create a Google project and get the APP ID and APP Secret required for Web Portal setup.

a screenshot of DrayOS hotspot setup

1. Go to https://console.developers.google.com, log in with a Google account then click Project >> Create project.

a screenshot of google developer

2. Type Project name, select "Yes" if you agree to the Terms of Service of Google, then click CREATE.

a screenshot of google developer 

3. Go to the dashboard and click ENABLE API.

a screenshot of google developer

4. Select Google+ API from the category Social APIs.

a screenshot of google developer

5. Click ENABLE for this project.

a screenshot of google developer

6. Go to Credentials >> OAuth consent screen, enter Product name shown to users, then click Save.

a screenshot of google developer

7. Go to the Credentials tab, click Create credentials, select "OAuth client ID".

a screenshot of google developer

8. Choose Web application for Application Type, enter Name, and input Authorized JavaScript origins as
http://portal.draytek.com:8001 for HTTP, or https://portal.draytek.com:8043 for HTTPS (it's the URL used by the router for Hotspot portal page)
then click Save.

a screenshot of google developer

9. Get client ID and client secret, copy this information for the router's Web Portal setup.

a screenshot of google developer

Was this helpful?     


Related Articles