为了在你的在线社区或博客中建立信任，你需要设计开发一套体验良好的Laravel实时评论系统。 然而，要想在第一次尝试时就做到这一点并不容易，除非你依赖于诸如Discus或Commento这样的自托管评论系统，因为它们都有自己的缺点。他们拥有你的数据，提供有限的设计和定制，最重要的是，他们不是免费的。 有了这些限制，如果构建实时评论系统的想法吸引了你，那就继续阅读吧。该系统可以控制你的数据，设计和定制适合你博客的外观和感觉。 本文将教您如何开发一个设计良好的实时评论系统，该系统具有不同的评论功能。遵循使用Vue.js和Socket.io构建实时聊天应用程序的原则，我们将使用Laravel、Pusher和React来开发实时评论系统。 我们将开发什么 开发所需的技术 开发评论系统实例 我们将开发什么 我们将建立一个实时评论系统，可以集成到任何网站或博客中，以建立社区信任。 开发所需的技术 在深入开发之前，让我们先讨论一下开发实时评论系统所使用的技术。 Laravel Laravel是一个开源的面向MVC的PHP框架。它用于构建简单到复杂的PHP web应用程序，以其优雅的语法而闻名。学习什么是拉拉维尔是必不可少的建设这个评论系统。 Pusher Pusher使开发人员能够按比例创建实时功能。本文将结合Laravel Echo创建到Pusher服务器的实时广播事件，并使用Vue.js在前端显示内容。 Vue.js Vue.js是我们选择的前端框架。Vue.js是一个渐进式JavaScript前端框架，以其易于学习和直接的前端开发方法而闻名。我们将使用Vue.js开发实时评论系统。 开发评论系统实例 如果我们上面概述的评论系统听起来像您想要的，那么让我们继续构建它。 1. 安装和设置Laravel, Pusher和Echo Laravel、Echo和Pusher的安装和设置非常简单，因为Laravel通过设置和配置Laravel Echo以完美配合Pusher完成了所有后台任务。 首先，我们将从安装和配置我们的后端PHP框架Laravel开始。如果您已全局安装了Laravel CLI，则可以使用此命令获取Laravel的新实例： laravel new commenter 新的Laravel实例将安装在名为commenter的文件夹中。让我们在VSCode中打开文件夹，并在终端中导航到它： cd commenter code . 在启动开发服务器之前，让我们安装并配置一些必要的包，这些包将用于项目。 运行此命令以安装Pusher PHP SDK： composer require pusher/pusher-php-server 运行此命令为Vue.js前端安装必要的NPM软件包： npm install –save laravel-echo pusher-js 接下来，我们将配置Laravel Echo和Pusher。打开resources/js/bootstrap.js文件并粘贴到以下脚本中： window._ = require(“lodash”); window.axios […]
