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

本文介绍如何使用GoEasy平台实现从服务端到客户端的实时消息推送,包括创建账号、加载依赖、编写服务端与客户端代码的过程。通过具体实例展示了如何在SpringBoot后台集成GoEasy,以及如何在客户端(使用TypeScript语法)接收并处理推送消息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、创建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中
注:如果是移动端测试,手机需要跟部署的服务端处在同一个网络环境下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值