Instantiate a Smartcar object in the constructor of the App component.
# ./main.py # TODO: Authorization Step 1: Launch Smartcar authentication dialog client = smartcar.AuthClient(test_mode=True)
A Server-Side Rendered application will redirect to Smartcar Connect to request access to a user’s vehicle. On Connect, the user logs in with the username and password for their vehicle’s connected services account and grants the application access to their vehicle.
To launch Connect, we need to redirect the user to the appropriate url. We can make use of the
getAuthUrl function in our
Smartcar object and pass the generated URL to our view in
views/home.hbs which will redirect to the URL on a button click.
views/home.hbs is a simple view that renders an HTML button.
# ./main.py @app.route('/login', methods=['GET']) def login(): # TODO: Authorization Step 2: Launch Smartcar authentication dialog scope = ['read_vehicle_info'] auth_url = client.get_auth_url(scope) return redirect(auth_url)
Once a user has authorized the application to access their vehicle, the user is redirected to the
redirect_uri with an authorization
code as a query parameter.
In the previous section, we had set our
localhost:8000/exchange. Now, our server can be set up as follows to receive the authorization
# ./main.py @app.route('/exchange', methods=['GET']) def exchange(): # TODO: Authorization Step 3: Handle Smartcar response code = request.args.get('code') print(code) return '', 200
Let’s try authenticating a vehicle in
Restart your server, open up your browser and go to
http://localhost:8000/login. Notice once you log in, Smartcar showcases all the permissions your application is asking for, in this case,
read_vehicle_info. A user has to consent to all the permissions.
Once you have logged in and accepted the permissions, you should see your authorization
code printed to your console.
In the next section, we will cover how to exchange the authorization
code for an
access_token and make your first request to Smartcar API with it!