Skip to main content

How to Use L5-Swagger for API Documentation in Laravel

Integrating Swagger in Laravel: Annotations, JSON, and YAML

What is Swagger?
Swagger (OpenAPI) is a powerful tool for generating interactive API documentation. It helps developers understand and test your API easily.

✅ Step-by-Step Guide to Setup L5-Swagger

1. Install L5-Swagger Package

composer require "darkaonline/l5-swagger"

2. Publish Config & View Files

This command publishes the config file to config/l5-swagger.php:

php artisan vendor:publish --provider "L5Swagger\L5SwaggerServiceProvider"

3. Configure Swagger (Optional)

Edit the file config/l5-swagger.php to update:

  • API Title
  • Base Path
  • Directories to scan for annotations

4. Add Swagger Annotations

Add these before your controller class:

/**
* @OA\Info(
*     version="1.0.0",
*     title="Your API Title",
*     description="API documentation for your project",
*     @OA\Contact(
*         email="support@example.com"
*     )
* )
*
* @OA\Server(
*     url=L5_SWAGGER_CONST_HOST,
*     description="API Server"
* )
*/

Annotate methods with routes:

/**
* @OA\Get(
*     path="/api/users",
*     tags={"Users"},
*     summary="Get all users",
*     @OA\Response(
*         response=200,
*         description="Success"
*     )
* )
*/

Import Swagger annotations:

use OpenApi\Annotations as OA;

5. Generate Swagger Docs

php artisan l5-swagger:generate

๐Ÿ› ️ Example: Setting up API Routes & Controller

Create API and Controller

php artisan install:api
php artisan make:controller UserController

Define Routes

// routes/api.php
Route::get('/users', [UserController::class, 'index']);
Route::get('/users/{id}', [UserController::class, 'show']);

UserController with Swagger Annotations

<?php

namespace App\Http\Controllers;

use App\Models\User;
use Illuminate\Http\Request;
use OpenApi\Annotations as OA;

/**
* @OA\Info(
*     version="1.0.0",
*     title="Your API Title",
*     description="API documentation for your project",
*     @OA\Contact(
*         email="support@example.com"
*     )
* )
*
* @OA\Server(
*     url=L5_SWAGGER_CONST_HOST,
*     description="API Server"
* )
*/
class UserController extends Controller
{
    /**
    * @OA\Get(
    *     path="/api/users",
    *     tags={"Users"},
    *     summary="Get all users",
    *     @OA\Response(
    *         response=200,
    *         description="Success"
    *     )
    * )
    */
    public function index(Request $request) {
        return User::all();
    }

    /**
    * @OA\Get(
    *     path="/api/users/{id}",
    *     tags={"Users"},
    *     summary="Get User by ID",
    *     @OA\Parameter(
    *         name="id",
    *         in="path",
    *         required=true,
    *         description="ID of the user",
    *         @OA\Schema(type="integer")
    *     ),
    *     @OA\Response(
    *         response=200,
    *         description="Success"
    *     ),
    *     @OA\Response(
    *         response=404,
    *         description="User not found"
    *     )
    * )
    */
    public function show(Request $request, $id) {
        return User::find($id);
    }
}

๐Ÿš€ Final Result

Visit /api/documentation in your Laravel app to see the interactive Swagger UI with all your documented endpoints.

๐ŸŽฏ Why Use L5-Swagger?

  • Auto-generates interactive API docs.
  • Improves API collaboration between frontend & backend teams.
  • Makes testing APIs easier with a user-friendly UI.

๐Ÿ”— GitHub Project

You can find the full source code for this integration on GitHub:
๐Ÿ‘‰ github.com/RanaGithub30/laravel-swagger-example

Comments

Popular posts from this blog

How to Send Emails in Node.js using Nodemailer and Ethereal

How to Send Email in Node.js using Nodemailer Email functionality is essential in modern web applications. Whether you're sending confirmation emails, password resets, or notifications, Node.js with Nodemailer makes this simple. In this blog, we'll walk through setting up email sending using Node.js , Express , and Ethereal Email for testing. ๐Ÿงพ Prerequisites Node.js installed Basic knowledge of Express.js Internet connection ๐Ÿ“ Project Structure project-folder/ ├── index.js ├── .env ├── package.json └── app/ └── controller/ └── emailSendController.js ๐Ÿ“ฆ Step 1: Install Dependencies npm init -y npm install express nodemailer dotenv npm install --save-dev nodemon ๐Ÿ” Configure nodemon (Optional but Recommended) Update your package.json with a custom start script: "scripts": { "start": "nodemon index.js" } ๐Ÿ” Step 2: Create a .env File Create a .env file a...

How to Integrate RevenueCat Webhook in Laravel

How to Integrate RevenueCat Webhook in Laravel If you're using RevenueCat to manage in-app subscriptions for your mobile app (iOS, Android, etc.), it’s important to connect it with your backend. Laravel makes it easy to handle incoming webhooks for real-time events like purchases, renewals, cancellations, and more. ๐Ÿ“Œ What is RevenueCat? RevenueCat is a powerful subscription management platform for mobile apps. It simplifies in-app purchases across iOS, Android, and Stripe. With webhooks, it notifies your server in real-time when important events happen, such as a new purchase or a cancellation. ๐Ÿ”— Webhook Events from RevenueCat Common webhook events include: INITIAL_PURCHASE RENEWAL CANCELLATION BILLING_ISSUE EXPIRATION SUBSCRIBER_ALIAS ๐Ÿ”— For a full list of event payloads, visit: RevenueCat Sample Events ✅ Step-by-Step Guide to Integration 1. Create the Route // routes/ap...