Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Create a Drupal Site and Add Authentication With Auth0

DZone's Guide to

Create a Drupal Site and Add Authentication With Auth0

For devs out there looking for a quick and easy way to get a site up and running so you can get to coding, read on to learn how to make a Drupal site.

· Web Dev Zone
Free Resource

Tips, tricks and tools for creating your own data-driven app, brought to you in partnership with Qlik.

Drupal has a vibrant community just like its counterpart Wordpress. Drupal is a free, open-source PHP content management system for building web sites and applications. It helps you to launch, manage, and scale ambitious digital experiences very quickly.

Drupal is a registered trademark of Dries Buytaert. Dries founded Drupal and made the initial release public in 2001. Since then, Drupal has grown in leaps and bounds. The latest Drupal release is 8.3.5 at the time of writing.

Let's Get Started

Without much ado, let's build our first website with Drupal. Head over to Drupal's website and download the latest release. You can download either the .tar.gz or zip file. Simply download the zipped file, extract it, and copy it to your workspace.

Note: Ensure you have a fully functional local PHP server.

Installation

Navigate to the extracted Drupal folder and run the app:

php -S localhost:8000

Right now, the website should open in your browser and take you to the installation page:

Drupal First Page

Select the Standard Profile.

Standard Profile

Verify Requirements.

Verify Requirements

Now, on to the database section. Ensure you have MySQL or MariaDB installed. Enter the right database credentials.

Database

Proceed with installation.

Installing Drupal

Now, go ahead and configure your site:

Configure your site

Once you are done configuring, save and continue. You will be redirected to the dashboard.

Add Pages

Let's add a few pages to our new Drupal website. Click on add content in the Tools section to your left. You will be redirected to a new page. Click on Basic Page, then add the title and body.

Click on the URL PATH SETTINGS on the right and give the new page a URL alias, /about. Then hit the Save and Publish button.

Add Page

You can create several pages on your website using this simple process. Next, let's focus on authentication.

Authentication

Fortunately, Drupal comes with a basic user authentication system. The moment we configured our site, it registered the site maintenance account details and created the first user with those credentials. Log out and try to log in again.

Login

A new user can easily create an account too:

Create new account

This is good. However, it is limited. If you want other forms of authentication such as Social Logins and Single Sign On functionalities, then you need to look for alternatives. Thankfully, Auth0 takes care of all your authentication needs.

Authentication With Auth0

Auth0 is a cloud-based service that makes authentication a breeze. It allows us to issue JSON Web Tokens(JWTs). Auth0 offers a generous free tier so you can get started with modern authentication right away.

There is a community maintained Auth0 Drupal Plugin that provides Single Sign On, Social Login, SAML, and AD/LDAP Integration and User Management.

  • Download the auth0-drupal zip file
  • Head over to http://localhost:8000/admin/modules/install
  • Select the auth0-drupal zipped file from your local computer and click install. Install auth0 drupal plugin
  • After installing successfully, head over to the modules section, http://localhost:8000/admin/modules, check the Auth0 module and click the install button to activate the Auth0 module. Activate the Auth0 module
  • Go to https://manage.auth0.com, click on the new client button, select web application as the type of app and create the client. In the Settings tab, add http://localhost:8000/auth0/callback to the Allowed Callback URLs section. Add http://localhost:8000 to Allowed Origins (CORS).
  • Head over to http://localhost:8000/admin/config/auth0. Here, we'll add our Auth0 credentials. Copy the Client ID, Domain, and Client Secretfrom your Auth0 dashboard and paste it here. Also select HS256 as the JWT Algorithm like so: Auth0 Config

Note: HS256 is the default algorithm. Check out this excellent article to see why RS256 is recommended. Again, you can still use HS256 like I used here.

  • Select the Advanced section of http://localhost:8000/admin/config/auth0. Check the box for Redirect login for SSO and save. We are doing that to ensure the system uses the Auth0 hosted lock page. Advanced Config

Install Dependencies

It is very important to take note of this step. Open the source code of your app in a text editor or IDE. Open the composer.json file and add this to the requiresection:

"auth0/auth0-php": "^5.0",
"ircmaxell/random-lib": "^1.2"

So the require section of your composer.json file should look like this:

"composer/installers": "^1.0.24",
"wikimedia/composer-merge-plugin": "~1.4",
"auth0/auth0-php": "^5.0",
"ircmaxell/random-lib": "^1.2"

Now, run composer update in your terminal to install all the dependencies. Look at the terminal and ensure the auth0-php library was installed.

Go ahead and run your app again. Click on login. You will be redirected to the Auth0 Hosted Lock page and shown the sign in the widget.

Auth0 LoginLog In

LoggedIn StateAuthenticated State

Oh, snap! That's all? Is it that simple? Yes, it is! You can check out the source code for reference.

Conclusion

Well done! You have just built your first site with Drupal. As we saw in this tutorial, you can easily add authentication to your Drupal sites/apps. This tutorial is designed to help you get started on building your own web sites and applications with Drupal. You can leverage the knowledge gained here to build bigger and better web sites.

Explore data-driven apps with less coding and query writing, brought to you in partnership with Qlik.

Topics:
web dev ,drupal ,authentication

Published at DZone with permission of Prosper Otemuyiwa, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}