Integrate wpDiscuz Comments in Laravel Project

Posted on by

Step-by-Step Instructions

1. Set Up the WordPress REST API

  1. Ensure that the WordPress REST API is enabled. WordPress has the REST API enabled by default.
  2. Verify that the wpDiscuz plugin supports REST API endpoints for comments.

2. Create a Custom Endpoint in WordPress (if necessary)

Add the following code to your WordPress theme’s functions.php or create a custom plugin to add a custom REST API endpoint:

phpCopy code// functions.php

add_action('rest_api_init', function () {
    register_rest_route('wpdiscuz/v1', '/comments', array(
        'methods' => 'GET',
        'callback' => 'get_wpdiscuz_comments',
    ));
});

function get_wpdiscuz_comments(WP_REST_Request $request) {
    $post_id = $request['post_id'];

4o

I meant everything must be in of COde Pane which can be embeded in MDChatGPT

Integrate wpDiscuz Comments in Laravel Project

1. Set Up the WordPress REST API

  1. Ensure the WordPress REST API is enabled and wpDiscuz plugin supports REST API for comments.
  2. Add Custom Endpoint in WordPress (if necessary)

Add the following code to functions.php or create a custom plugin:

phpCopy code// functions.php

add_action('rest_api_init', function () {
    register_rest_route('wpdiscuz/v1', '/comments', array(
        'methods' => 'GET',
        'callback' => 'get_wpdiscuz_comments',
    ));
});

function get_wpdiscuz_comments(WP_REST_Request $request) {
    $post_id = $request['post_id'];
    $comments = get_comments(array('post_id' => $post_id));
    return rest_ensure_response($comments);
}

2. Fetch Comments in Laravel

  1. Create a Service to Fetch Comments

Create WordPressCommentService.php:

phpCopy code// app/Services/WordPressCommentService.php

namespace App\Services;

use Illuminate\Support\Facades\Http;

class WordPressCommentService
{
    protected $baseUrl;

    public function __construct()
    {
        $this->baseUrl = 'https://yourwordpresssite.com/wp-json/wpdiscuz/v1/';
    }

    public function getComments($postId)
    {
        $response = Http::get($this->baseUrl . 'comments', ['post_id' => $postId]);
        return $response->json();
    }
}
  1. Create Controller Method to Display Comments

Create CommentController.php:

phpCopy code// app/Http/Controllers/CommentController.php

namespace App\Http\Controllers;

use App\Services\WordPressCommentService;
use Illuminate\Http\Request;

class CommentController extends Controller
{
    protected $commentService;

    public function __construct(WordPressCommentService $commentService)
    {
        $this->commentService = $commentService;
    }

    public function showComments($postId)
    {
        $comments = $this->commentService->getComments($postId);
        return view('comments.show', compact('comments'));
    }
}
  1. Create Blade Template to Display Comments

Create show.blade.php:

bladeCopy code<!-- resources/views/comments/show.blade.php -->

@foreach($comments as $comment)
    <div class="comment">
        <p><strong>{{ $comment['author_name'] }}</strong></p>
        <p>{{ $comment['content']['rendered'] }}</p>
    </div>
@endforeach
  1. Add Routes to Laravel

Add the following route in web.php:

phpCopy code// routes/web.php

use App\Http\Controllers\CommentController;

Route::get('/comments/{postId}', [CommentController::class, 'showComments']);

3. Integrate wpDiscuz Comment Form

  1. Embed wpDiscuz Form Using an Iframe

Create form.blade.php:

bladeCopy code<!-- resources/views/comments/form.blade.php -->

<iframe src="https://yourwordpresssite.com/wpdiscuz-form-url?post_id={{ $postId }}" width="100%" height="400"></iframe>
  1. Ensure CORS Settings in WordPress

Modify wp-config.php to allow CORS:

phpCopy code// wp-config.php

header("Access-Control-Allow-Origin: *");

Conclusion

By following these steps, you can integrate the wpDiscuz comment system from your WordPress site into your Laravel application, allowing you to display and manage comments seamlessly across both platforms.