Breaking News: Grepper is joining You.com. Read the official announcement!

laravel websockets log info

Adam, the developer answered on September 21, 2023 Popularity 3/10 Helpfulness 7/10

answer laravel websockets log info

laravel websockets log info

Comment

import Echo from "laravel-echo";
try {
    window.Popper = require("popper.js").default;
    window.$ = window.jQuery = require("jquery");

    require("bootstrap");
} catch (e) {}

window.Pusher = require("pusher-js");
window.channelData = {
    versions: null,
    message: null,
};

window.connectToSocket = function () {
    Pusher.logToConsole = true;
    const echoInstance = new Echo({
        broadcaster: "pusher",
        key: process.env.MIX_PUSHER_APP_KEY,
        wsHost: window.location.hostname,
        wsPort: process.env.WEBSOCKET_PORT || 6001,
        forceTLS: false,
        disableStats: true,
    });

    echoInstance.connector.pusher.connection.bind("connected", function () {
        let btn = $(".connect-button");
        btn.text("Socket connected!");
        btn.prop("disabled", true);
        btn.css({ background: "green" });
        $(".success-message").css({ color: "green" });
        $(".success-message").show();
    });

    echoInstance.channel("versions").listen(".versions", (e) => {
        window.channelData = {
            ...channelData,
            versions: e.versions,
            message: e.message,
        };
    });
};

Pusher.log = function (message) {
    let channelLog = JSON.stringify(window.channelData);
    var logElement = $("#logs");
    logElement.append(message + "<br>");

    if (channelLog.message || channelLog.versions) {
        logElement.append(channelLog + "<br>");
    }
};

Popularity 3/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: info javascript laravel-websockets

Link to this answer
Share Copy Link

Contributed on Sep 21 2023

Adam, the developer

0 Answers Avg Quality 2/10

laravel websockets log info

Contents

More Related Answers

laravel websockets log info

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.