Create Google APP for Hotspot Web Portal

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.

Create Google API Credentials for Hotspot Portal

1. Go to https://console.cloud.google.com/, login with a Google account then click Select a project >> NEW PROJECT.

2. Type Project name, then click CREATE.

3. Go to the dashboard and click ENABLE APIS AND SERVICES.

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

5. Click ENABLE for this project.

6. Click CREATE CREDENTIALS.

7. Choose People API for Which API are you using and User data for What data will you be accessing, then click NEXT.

8. Enter App name, User support email and Email addresses,then click SAVE AND CONTINUE.

9. Choose Web application for Application Type, enter Name, and input Authorized JavaScript origins as https://portal.draytek.com:8143 (it's the URL used by the router for Hotspot portal page), then click CREATE.

10. Go to Credentials and click WebPortal_Google.

11. Get Client ID and Client secret, copy this information for the router's Hotspot Web Portal setup.

Router Setup

1. Navigate to IAM / Hotspot Web Portal, click Edit to set up the Default_Hotspot_Profile.

2. Navigate to IAM / IAM Policies / Access Policies. Select Guest Hotspot as the Access Control Mode and the Hotspot profile.

3. Navigate to IAM / IAM Policies / Apply Policies to LAN, select the Default_Access_Policy, then Apply it. The Hotspot Web Portal configuration on the router is finished.

4. From a LAN client, browse any web page and the router will redirect the user to the Portal Login page. The user can then sign in with their Google account by clicking Sign in with Google, and will be granted Internet access through the router.

5. User information can be viewed under IAM / Hotspot Web Portal / Users Information.

Note:

1. The client must be able to resolve the domain name of the Portal URL to the Vigor router’s LAN IP before the direction work.

2. Use the domain with Let’s Encrypt certificate can avoid the insecure connection prompt from the browser.