YouTube 上的视频教程:Building Realtime Chat with Laravel 5.4 and VueJS

这两天在看youtube上的视频教程:Building Realtime Chat with Laravel 5.4 and VueJS

视频介绍了使用pusher进行消息推送,进行实时对话的实现方法。一共有5集,看到第四集就卡住了。

file

如果使用上面的代码,就会返回500错误。下面回复也有学习者出现这样的错误。

file

但不使用这个代码后,虽然不能同步消息,但用户的数量却可以及时同步过来。那么,为什么不利用这个同步,把要做的的内容放到其中呢?

file

我就把要获取的消息都放在每个步骤中(here(),joining(),leaving()),在传递用户数量的同时,把消息和用户姓名也同步过去。

file:///C:/Users/andu/Desktop/jdfw.giffile

file

但如果不刷新页面,就不能激活上面的动作,所以只好每次输入都刷新当前页面,这样就“相当于”及时的同步消息了。

file

http://pic.027cgb.cn/20170310/201733017413...

刷新当前页面是不友好的方式。明天继续看第五集喏……

作者demo代码和视频介绍网址:https://jplhomer.org/2017/01/building-real...


刚才用ie打开,发现出错:Error in created hook:

file

????????

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 3

这个系列的我也有看够过,前面四集基本上功能都实现了,但看他视频来写代码的话,有很多地方对不上,好像是有些地方代码没录。我是直接看他 Github 的代码来学习的。

7年前 评论

@jiemoon 就是使用pusher key那个地方,视频里面没奖,我也是下了源码,看看那个地方的key到底是指的什么,才知道怎么填的,就这个地方,其他的代码还好啊。

\resources\assets\js\bootstrap.js

    window.Echo = new Echo({
    broadcaster: 'pusher',
    key: '59b528456494d54c30e2',
    namespace: 'App.Other.Namespace'    
   });

上面的key换成自己申请的pusher上面的key,其他的都保持不变,或者跟视频里一样即可。

7年前 评论

我在看到第四集也是遇到一个问题,就是当信息送出时console.log那个object出来,可是没log没出,过后看comment后再 .env file 加上
BROADCAST_DRIVER=pusher
就问题解决了。第五集没看了好像在演示如何用 Laravel dusk.

7年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!