Add A Draytek Site in Spotipo
A Site represents each location. A site can have multiple routers (of the same type)
Go to Site Selector on the top right corner and use the Create A New location button. Select the device type as Draytek
In the next step choose the type of login mechanism the portal should have and press Create Location.
Once the location is created, navigate to Settings -> Draytek and get the portal URL etc
Configure Draytek Vigor Router
Login to your Draytek router and navigate to Hotspot Web Portal -> Profile Setup and click on index 1.
Under Login Method,
Enable the profile
Set the portal method as an external portal server
Update the Captive Portal URL with the one from your Spotipo Dashboard ( splash URL)
Keep the MAC address format as AA:BB:CC:DD:EE:FF
Fill Radius NAS-Identifier with Identity value from Spotipo
Now click the External Radius Server link and set up an external Radius profile.
Select External Radius
Enable Radius Auth and Accounting
Fill in Primary And secondary server details from Spotipo
FIll the Secret from Spotipo
Keep the Interim Update Interval as 10mins
Press OK. The router will reboot after that.
Wait for the router to reboot and navigate back to Hotspot Web Portal -> Profile Setup -> Index 1.
Under Whitelist Setting, fill app.spotipo.com as the destination domain and enable the rule.
If you are planning to collect payments from guests, also add these domains. After adding all the domains, press Save and Next.
js.stripe.com
api.stripe.com
q.stripe.com
m.stripe.com
In the last step
Enable HTTPS redirection ( this might cause certificate errors for some users, you can also disable it to avoid such issues)
Enable captive portal detection
Set the landing page after authentication to "user requested URL"
Select which interfaces should the portal enabled and press Save
Sit Back Relax and Test
Now wait for 5mins and test your brand new captive portal :)