This Django package makes it easy to integrate Shopify authentication into your Django app.
-
It provides a custom Django Authentication scheme based on
AbstractBaseUser
andRemoteUserBackend
, meaning shops will be authenticated as "users" of your Django app. This makes it easier to use common Django patterns and libraries (such as accessing the currently authenticated store asrequest.user
). -
It persists users' Shopify access tokens in the database, rather than in the Session, meaning your app will be able to make API calls on behalf of a user when they're not logged in.
-
It supports the authentication flow for "Embedded SDK" Shopify apps.
The original package author (@gavinballard) is currently in "non-active maintenance" mode. I am happy to review and merge pull requests that provide a clear description of the problem they solve and provide a thorough test to avoid any regressions, but as I don't use Django in my day-to-day Shopify development any more (the last version I used with much regularity was Django 1.9) I am not actively working on the code.
More recently, @stlk has been actively contributing to the project and now has commit and release privileges. Thanks!
If you're using this package on a regular basis and feel you'd be a good fit to help out with active development, please contact me.
Session token-based authentication is now required for embedded apps. Support for it is implemented in separate app.
Tests are run against Django versions defined in .travis.yml
. This package may work for
other Django versions but it's not guaranteed.
As with the original shopify_django_app
package, you'll need a Shopify partner account
and to have created an app in order to get an API key and secret.
There are a few moving parts to set up, but hopefully the following instructions will make things straightforward.
We're assuming in this setup that you're using a standard Django project layout (the sort that's created with the
django-admin.py startproject
command). We're also assuming that our project is called auth_demo
and that the primary
Django app inside our project is going to be called auth_app
.
Installation is super easy via pip
:
> pip install django-shopify-auth
Once you have the package installed, add shopify_auth
to your INSTALLED_APPS
.
Because shopify_auth
makes use of Django's authentication system, it provides a custom authentication backend
(shopify_auth.backends.ShopUserBackend
) which allows authentication through Shopify's OAuth flow.
This backend requires that the user model for your app (specified by AUTH_USER_MODEL
in your settings.py
) inherits
from shopify_auth.models.AbstractShopUser
. To do this, just add something like this to the models.py
for your
Django app:
# auth_demo/auth_app/models.py
from shopify_auth.models import AbstractShopUser
class AuthAppShopUser(AbstractShopUser):
pass
Before moving forward, ensure this model has been added to the database by running
python manage.py makemigrations
python manage.py migrate
Then make sure that you have the following line or similar in settings.py
:
AUTH_USER_MODEL = 'auth_app.AuthAppShopUser'
In addition to setting AUTH_USER_MODEL
, there are a few more required additions to settings.py
:
# Configure Shopify Application settings
SHOPIFY_APP_NAME = 'Your App Name'
SHOPIFY_APP_API_KEY = os.environ.get('SHOPIFY_APP_API_KEY')
SHOPIFY_APP_API_SECRET = os.environ.get('SHOPIFY_APP_API_SECRET')
SHOPIFY_APP_API_SCOPE = ['read_products', 'read_orders']
# Find API version to pin at https://help.shopify.com/en/api/versioning
SHOPIFY_APP_API_VERSION = "0000-00"
SHOPIFY_APP_IS_EMBEDDED = True
SHOPIFY_APP_DEV_MODE = False
# Enable after the app is approved
SHOPIFY_APP_THIRD_PARTY_COOKIE_CHECK = False
# Use the Shopify Auth authentication backend as the sole authentication backend.
AUTHENTICATION_BACKENDS = (
'shopify_auth.backends.ShopUserBackend',
)
# Add the Shopify Auth template context processor to the list of processors.
# Note that this assumes you've defined TEMPLATE_CONTEXT_PROCESSORS earlier in your settings.
TEMPLATE_CONTEXT_PROCESSORS += (
'shopify_auth.context_processors.shopify_auth',
)
# Use the Shopify Auth user model.
AUTH_USER_MODEL = 'auth_app.AuthAppShopUser'
# Set the login redirect URL to the "home" page for your app (where to go after logging on).
LOGIN_REDIRECT_URL = '/'
# Set secure proxy header to allow proper detection of secure URLs behind a proxy.
# This ensures that correct 'https' URLs are generated when our Django app is running behind a proxy like nginx, or is
# being tunneled (by ngrok, for example).
SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
Note that in the example above, the application API key and API secret are pulled from environment settings, which is a best practice for Django apps that helps avoid the accidental check-in of sensitive information to source files.
Set SHOPIFY_APP_IS_EMBEDDED
to True
if your app has been configured as an Embedded app (you choose this option at
the time of app creation). Setting this will make the app provide a Javascript-based redirect that breaks out of an
embedded app's <iframe>
during the authentication flow as per the Shopify documentation.
If SHOPIFY_APP_IS_EMBEDDED
is False
, the normal authentication flow for non-Embedded apps will be used.
Setting SHOPIFY_APP_DEV_MODE
to True
allows you to test your apps locally by skipping the external OAuth phase for
your app. As it means you can log into your app as any store, you should obviously never set this to True
in
production.
With changes to SameSite policy embedded apps now have to run in SameSite=None; Secure
mode. As there are some browsers that don't handle SameSite=None
we can't use SESSION_COOKIE_SAMESITE = 'None'
provided by Django 3.1. Instead we have to use a middleware. Place shopify_auth.cookies_middleware.SamesiteCookieMiddleware
as the first middleware and configure following values in your settings.py
.
SESSION_COOKIE_SAMESITE = None
CSRF_COOKIE_SAMESITE = None
SESSION_COOKIE_SECURE = True
CSRF_COOKIE_SECURE = True
Now that all of the settings are configured, you can run migrate
to set up the database for your new user model:
> python manage.py migrate
Include shopify_auth
URLs in your project's urls.py
:
# urls.py
from django.urls import include, path
urlpatterns = [
path('login/', include('shopify_auth.urls')),
# ... remaining configuration here ...
]
Now that you've gotten the configuration out of the way, you can start building your application.
All views inside your application should be decorated with @login_required
.
This decorator will check that a user has authenticated through the Shopify OAuth flow.
If they haven't, they'll be redirected to the login screen.
from django.shortcuts import render
from shopify_auth.decorators import login_required
@login_required
def home(request, *args, **kwargs):
return render(request, "my_app/home.html")
If you're using the Embedded App SDK, be aware that the HTML your views return must contained some Javascript in the
<head>
to properly frame your app within the Shopify Admin.
Generally, all pages you'd like embedded in the Shopify Admin should contain something like this in <head>
:
<script type="text/javascript" src="https://cdn.shopify.com/s/assets/external/app.js"></script>
<script type="text/javascript">
ShopifyApp.init({
apiKey: '{{ SHOPIFY_APP_API_KEY }}',
shopOrigin: 'https://{{ user.myshopify_domain }}'
});
ShopifyApp.ready(function() {
ShopifyApp.Bar.initialize({
title: '{{ SHOPIFY_APP_NAME }}',
buttons: {}
});
});
</script>
Recent versions of Django's startproject
add django.middleware.clickjacking.XFrameOptionsMiddleware
to the
MIDDLEWARE_CLASSES
list in settings.py
. This prevents pages being loading in an <iframe>
, meaning your app pages
will not be displayed in the Shopify admin.
To resolve this issue, you should either remove XFrameOptionsMiddleware
from your MIDDLEWARE_CLASSES
, or ensure that
all of your app views make use of the @xframe_options_exempt
decorator.
To make Shopify API calls on behalf of a user, we can use the user's session
property inside a with
statement:
def view(request, *args, **kwargs):
# Get a list of the user's products.
with request.user.session:
products = shopify.Product.find()
# ... remaining view code ...
Behind the scenes, using with request.user.session
sets up a temporary Shopify API session using the OAuth token we
obtained for that specific user during authentication.
All code wrapped within the with
statement is executed in the context of the specified user. You should always wrap
calls to the Shopify API using this pattern.
In addition to getting the package up and running in your local Django project, you'll need to configure your application via the Shopify Partner dashboard.
To avoid getting an OAuth error while customers try to install your application, make sure your application's settings
include the absolute URL to /login/finalize/
(including the trailing slash) in their whitelisted URLs. For example,
if your application resides at https://myapp.example.com
, then you should include
https://myapp.example.com/login/finalize/
in the "Redirection URL" section of your application settings.
Read up on the possible API calls: http://https://shopify.dev/concepts/shopify-introduction
Ask technical questions on Stack Overflow: http://stackoverflow.com/questions/tagged/shopify
Refer to the change log for a full list of changes.
A big shout-out to Josef Rousek for his contributions and help maintaining this package.