移动端开发之APP消息推送

简介:

有这样一种场景,当你在手机APP上输入你的信息,会自动跳出一个弹窗,表示某任务已执行。最简单的一个例子就是当你输入手机号,点击获取验证码的时候,就会跳出一个对话框,说“验证码已发送到手机,请注意查收”,这些都是如何实现的。

就以我参与开发的一款移动报表FineReport为例,讲解一下如何开发手动推送APP消息。

这个APP里有这样一个应用,它是可以实现在客户端填报录入数据,然后数据上传到数据库中的这样一个功能,也就是所谓的移动化办公,这在企业办公方面用得比较多。当数据录入系统成功后,会自动发送消息至APP提示数据已更新。

此功能的实现就是在数据录入成功的事件中添加js,使用ajax发送消息请求

1
2
3
4
5
6
7
8
FR.ajax({
url: 'http://192.168.1.120:8033/WebReport/ReportServer?cmd=send_messages&op=fs_mobile_main' ,
type:  'POST'
data: {user: 'sunlin' ,text: '填报成功,模板A有数据更新' ,url: 'http://192.168.1.120:8033/WebReport/ReportServer?reportlet=app.cpt&op=write' ,title: 'app' },
success:  function (msg){ 
alert(  "提示"  + msg ); 
});

user:接收消息的人,可以是多个,多个用户之间用逗号分割,如“A,B” (必填)

text:消息内容 (选填)

url:打开地址(选填),在点击消息之后 进入app打开的地址

title: 打开地址的页面标题(选填)

举例

例子1、推送纯文本消息

在填报的模板,增加填报成功事件,示例代码如下:

1
2
3
4
5
6
7
8
FR.ajax({
url: 'http://192.168.1.120:8033/WebReport/ReportServer?cmd=send_messages&op=fs_mobile_main' ,
type:  'POST'
data: {user: 'sunlin' , text: '填报成功,模板A有数据更新' },
success:  function (msg){ 
alert(  "提示"  + msg ); 
});



例2、点击消息后,进入app,并且打开地址页面

在后台填报的模板,增加填报成功事件,示例代码如下:

1
2
3
4
5
6
7
8
FR.ajax({
url: 'http://192.168.1.120:8033/WebReport/ReportServer?cmd=send_messages&op=fs_mobile_main' ,
type:  'POST'
data: {user: 'sunlin' , text: '填报成功,模板A有数据更新' ,url: 'http://192.168.1.120:8033/WebReport/ReportServer?reportlet=app.cpt&op=write' ,title: 'app' },
success:  function (msg){ 
alert(  "提示"  + msg ); 
});




本文转自 雄霸天下啦 51CTO博客,原文链接:http://blog.51cto.com/10549520/1831703,如需转载请自行联系原作者

相关文章
|
25天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
81 3
|
27天前
|
Android开发 开发者 UED
个人开发 App 成功上架手机应用市场的关键步骤
个人开发 App 成功上架手机应用市场的关键步骤
|
27天前
|
开发工具 数据安全/隐私保护 Android开发
【教程】APP 开发后如何上架?
【教程】APP 开发后如何上架?
|
1月前
|
API
uni-app 146朋友圈列表api开发
uni-app 146朋友圈列表api开发
18 0
|
25天前
|
Java Android开发 开发者
【Uniapp开发】APP的真机调试指南,从开发到上架全过程
【Uniapp开发】APP的真机调试指南,从开发到上架全过程
34 3
游戏直播APP平台开发多少钱成本:定制与成品源码差距这么大
开发一款游戏直播APP平台所需的费用是多少?对于计划投身这一领域的投资者来说,首要关心的问题之一就是。本文将探讨两种主要的开发模式——定制开发与成品源码二次开发的成本差异及其优劣势。
|
30天前
|
开发框架 移动开发 JavaScript
SpringCloud微服务实战——搭建企业级开发框架(四十六):【移动开发】整合uni-app搭建移动端快速开发框架-环境搭建
正如优秀的软件设计一样,uni-app把一些移动端常用的功能做成了独立的服务或者插件,我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景,例如其提供的【uni-starter快速开发项目模版】几乎集成了移动端所需的所有基础功能,使用非常方便,但是其许可协议只允许对接其uniCloud的JS开发服务端,不允许对接自己的php、java等其他后台系统。
136 2
|
1月前
|
移动开发 负载均衡 小程序
代驾app开发丨代驾系统开发玩法详情丨代驾系统开发网页版/H5/小程序及源码部署
**司机/代驾员端**:司机可以通过APP接收订单,查看订单详情、路线和导航,提供现场服务并进行确认。
|
1月前
|
人工智能 算法 数据处理
App Inventor 2 Personal Image Classifier (PIC) 拓展:自行训练AI图像识别模型,开发图像识别分类App
这里仅仅介绍一下AI图像识别App的实现原理,AI的基础技术细节不在本文讨论范围。通过拓展即可开发出一款完全自行训练AI模型,用于特定识别场景的App了。
41 1
|
1月前
|
API
uni-app 147我的朋友圈列表api开发
uni-app 147我的朋友圈列表api开发
12 0