ionic集成GoEasy支撑ts语法中调用实现实时推送

一、创建GoEasy账号

注:新注册的免费账号只能免费使用一年,一年之后开始收费
官网地址:http://www.goeasy.io/
开发文档:http://www.goeasy.io/resources/www/docs/goeasy-reference-0.1.18-cn.pdf
完成注册之后,创建免费应用。

二、怎么使用

后台集成springBoot

2.1 根据官网开发文档使用maven方式加载依赖

在这里插入图片描述

2.2 编写服务端

新建一个类为GoEasyToMessage
在这里插入图片描述
AppKey和REST Host分别对应如下:

在这里插入图片描述在这里插入图片描述

2.3 客户端编写

因为客户端使用的是ts 语法,简单的引用是失效的。但是文档中提供了在js中的用法,那是不是我们可以现在js中接受推送的消息,通过中间的这个js给我们ts返回消息呢?通过亲测是可行的。
具体实现逻辑:
首先我们在页面编辑点击事件,发送推送请求。
在这里插入图片描述
ts中函数
在这里插入图片描述
定义中间js:
在这里插入图片描述
在index.html 中引入
在这里插入图片描述
在ts中调用中间js

  1. 申明:
    在这里插入图片描述
  2. 调用
    在这里插入图片描述
2.4 效果如下

客户端:
在这里插入图片描述
在这里插入图片描述

服务端:
在这里插入图片描述

2.5 总结一下

流程:客户端点击事件—>请求服务端进行推送—>服务端根据appKey和通道【就是chanel1】,推送一条消息—>客户端在中间js中接受推送的消息—>回传到调用的ts中
注:如果是移动端测试,手机需要跟部署的服务端处在同一个网络环境下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
# 需求分析 ## 1.前台 ### 1.1.首页 1.首页视频展示: ​ 按照时间降序显示 ​ 视频数据展示:视频链接、封面链接、视频标题、所属二级类别、点赞数、提交者的头像 2.搜索功能: ​ 根据视频名字或者用户名字模糊查询,将查询结果显示在首页 3.发布视频和图片功能: ​ 发布视频:选择视频,填写视频简介、标题和分类,发布 ​ 选择视频或图片提交。 ### 1.2.分类 1.根据分类查看视频(图片)功能: ​ 实现一级分类和二级分类的联动, 2.查看视频详情功能: ​ 进入二级分类的数据列表,可以查看视频详情。同首页查看视频详情功能相同。 ### 1.3.动态 展示用户关注博主的动态:如发布的视频和图片。 ### 1.4.我的 1.用户编辑个人信息:点击头像进入编辑个人心。 ​ 编辑资料: ​ 视频:发布的视频(右上角按钮可删除) ​ 分组:创建、删除、修改,查看用户的个人分组 ​ 图片:发布的图片(右上角按钮可删除) 2.历史: ​ 展示查看数据的列表 3.关注: ​ 我的关注:用户关注的博主列表; ​ 关注按钮,点击即可关注,再点击即可取消关注 ​ 关注的用户信息链接:粉丝数、发布的视频数、头像、分组信息 ​ 我的粉丝:关注用户的粉丝列表。 4.消息: ​ 评论信息、点赞信息 5.缓存 ​ 清空缓存 6.反馈: ​ 包括标题和内容,提交给后台管理系统 7.关于我们 8.语言环境-自动 9.隐私协议 10.学分计算 ​ 根据用户不同行为,增加学分 11.退出登录 ### 1.5.视频观看 简介: ​ 显示数据:发布者头像、昵称、发布时间、视频标题、简介、播放次数、点赞次数。 ​ 功能:点赞,不喜欢,收藏,分享,关注。 ​ 推荐视频列表。 评论: ​ 评论列表。 ​ 显示:评论的内容、时间,用户名,用户头像。 ​ 删除评论功能。 ​ 提交评论功能。 ## 2.后台管理系统 ### 2.1.视频or图片管理 ​ 审核数据。查看、删除功能。 ### 2.2.分组管理 ​ 管理数据的分组,实现分组的增删该查 ### 2.3.用户管理 ​ 修改用户状态 ### 2.4.反馈管理 ​ 查看、删除功能 ​
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值