微信小程序极光推送怎么做
编辑:小飞燕 发布时间:2021-04-13 11:37:50
微信小程序极光推送怎么做?微信小程序怎么做极光推送呢?用jpush-react-native插件快速集成推送功能怎么做?下面小编就来为大家讲解一下微信小程序极光推送怎么做?
打开终端,进入项目文件夹,执行以下命令:
新公共管理安装jpush-react-native - save
新公共管理安装jcore-react-native - save
反应-本地链接
执行完环项目后可能会出现报错,这没关系,需要手动配置一下build.gradle文件。在安卓开发环境中打开你的项目,然后找到应用或者你自己定义的需要集成jpush-react-native的模块,打开此模块下的build.gradle文件,做以下改动:
app/build.gradle
android {
.
defaultconfig {
applicationid 'com.pushdemo' //此处改成你在极光上申请应用时填写的包名
.
manifestplaceholders=[
jpush _ app key : ' d4 ee 2375846 bc 30 fa 51334 f5 ',//在此替换你的应用详细页查询
app _ channel : ' developer-default '//应用渠道号
]
}
}
检查一下在依赖性中有没有加入jpush-react-native以及jcore-react-native这两个依赖,如果没有,则需要加上:
依赖项{
.
编译项目(' :jpush-react-native ')
编译项目(' :jcore-react-native ')
.
}
接下来打开项目的settings.gradle,看看有没有包含jpush-react-native以及jcore-react-native,如果没有,则需要加上:
包括' :app ',' :jpush-react-native ',' :jcore-react-native '
项目(' :jpush-react-native ').项目目录=新文件(根项目。项目目录'./node _ modules/jpush-react-native/android’)
项目(' :jcore-react-native ').项目目录=新文件(根项目。项目目录'./node _ modules/jcore-react-native/android’)
做完以上步骤,这时可以同步(同步)一下项目,然后应该可以看到jpush-react-native以及jcore-react-native作为图书馆项目导进来了。
接下来打开模块的mainapplication.java文件,加入jpushpackage:
app/src./mainapplication.java
private boolean down _ toast=false;
private boolean down _ log=false;
private final react native host mreactnative host=new react native host(this){
@覆盖
受保护的布尔值getusedevelopersupport {
返回buildconfig.debug
}
@覆盖
受保护列表getpackages {
return arrays.aslist(
新mainreactpackage,//加入jpushpackage
新jpushpackage(shutdown_toast,shutdown_log)
);
}
};
然后在主要活动中加入一些初始化代码即可:
app/src./mainactivity.java
公共班级主要活动扩展反应活性{
.
@覆盖
受保护的创建时无效(bundle savedinstancestate){
超级。oncreate(savedinstancestate);
jpushinterface。init(this);
}
@覆盖
受保护的void onpause {
超级。暂停时;
jpushinterface。暂停(这个);
}
@覆盖
受保护void onresume {
超级。简历上;
jpushinterface。on resume(this);
}
}
这样就完成了所有的配置。接下来就可以在射流研究…中调用插件提供的美国石油学会(美国石油学会)了。
使用
收到推送
添加了此事件后,在收到推送时将会触发此事件。
示例/react-native-android/push _ activity。射流研究…
.
从" jpush-react-native "导入jpushmodule
.
导出默认类push activity extends react。组件{
componentdidmount {
jpushmule。addreceivenotificationlistener((map)=;{
控制台。日志('警报内容: '地图。提醒内容);
控制台。log(' extra s : '地图。群众演员);
//var extra=json。解析(映射。群众演员);
//控制台。日志(额外。额外钥匙' :'。值);
});
}
推送
在用户通知后,将会触发此事件。
.
componentdidmount {
jpushmule。addreceiveopennotificationlistener((map)=;{
console.log('打开通知!');
控制台。log(' map。额外的: '地图。键);
});
}
应用
修改jpushmodule中收到通知的事件,可以自定义用户通知后跳转的界面(现在默认是直接启动应用),只需要修改一点点原生的代码:
jpush-react-native/src./jpushmule。爪哇岛
//这里通知跳转到指定的界面可以定制化一下
} else if(jpushinterface。action _ notification _ open。等于(数据。获取操作){
.
//判断应用是否在后台运行,开启主动性.
//您可以在这里更改打开指定的活动。你所需要做的就是创造
//指定的活动,用射流研究…渲染指定的活动。
//详情请参考示例第二个活动,//和射流研究…文件在文件夹:示例/react-native-android
if(application running后台(上下文)){
意图=新意图;
//修改此处跳转的界面,比如改成演示中的第二活动
意图。setclassname(context . getpackage name,context。getpackagename '.主活动');
意图。放加贺(捆绑);
意图。设置标志(意图。标志_活动_新_任务
|意图。flag _ activity _ clear _ top);
背景。开始活动(意图);
//应用程序在前台运行,什么也不做
}
}
如果修改了此处跳转的界面,需要在当地的中声明一个活动,如演示中的第二个活动,而第二活动的界面仍然用射流研究…来渲染。只需要改动一下第二个活动,让它继承自反应活性即可:
示例/android/app/src./secondactivity.java
公共班级第二活动扩展了反应活性{
@覆盖
受保护的字符串getmaincomponentname {
返回“第二活动”;
}
}
然后使用上面返回的字符串注册一个成分即可:
示例/react-native-android/秒。射流研究…
从“反应”导入反应;
从" react-native "导入反应比较近;
const {
欣赏,文本,}=reactnative
导出默认类second extends react。组件{
构造函数(道具){
超级(道具);
}
渲染{
返回(
欢迎!
);
}
}
欣赏。寄存器组件(' se
condactivity ',=;第二);
用户单击通知后,用户定义的跳转界面就完成了。
接收自定义消息
用户收到自定义消息后触发。
example/react-native-android/push _ activity . js
.
componentdidmount {
jpushmule . addreceivecustommsshinger((map)=;{
this.setstate({
pushmsg: map.message
});
console . log(' extra s : ' map . extras);
});
.
获取注册id
用户成功注册后(通常在用户启动应用程序后),如果他订阅了此事件,他将收到此注册id。
.
componentdidmount {
jpushmule . addgetregistrationidlistener((registration id)=;{
console.log('设备注册成功,registration id ' registration id);
});
}
清除所有通知
建议在用户退出前台后调用。
.
组件将卸载{
console.log('将清除所有通知');
jpushmule . clearall notifications;
}
设置标签
example/react-native-android/set _ activity . js
.
settag {
if (this.state.tag!==未定义){
/*
*请注意,这个接口需要过去传递一个数组。这只是一个简单的演示
*/
jpushmule . settags([' vip ',' notvip'],=;{
console . log(' set tag success ');
},=;{
console.log('set tag失败');
});
}
}
设置别名
.
setalias {
if (this.state.alias!==未定义){
jpushmule . set alias(this . state . alias,=;{
console . log(' set alias success ');
},=;{
console.log('设置别名失败');
});
}
}
这些是插件提供的主要接口的例子。总的来说,配置使用简单,适合开发者快速集成推送功能。
这是小程序转盘图表开头的标题。如何自定义点样式?标题到此结束
如何自定义小程序轮播图的指示点样式?小程序的功能比较简单,所以为了突出小程序的个性,我们经常需要定制小程序的固有样式,比如转盘图的指示点样式。下面的小系列介绍了如何自定义小程序转盘的指示点样式。
如何自定义小程序轮播图的指示点样式?
微信小程序的swiper组件是一个滑块视图容器,这意味着我们可以将其用于我们通常看到的转盘图像,但是这个组件的许多样式是固定的。但是有时候我们设计稿的面板指示点需要个性化,那么如何修改swiper组件的面板指示点的样式呢?比较近在用swiper的时候也想过这个,比较后发现调试的时候可以看到他的选择器。如图:
具体小程序代码如下:
小程序页面的旋转效果图如下:
新手怎么做
支付宝小程序是不是流失很多?
这个还挺多的。
小程序现在很流行 这样做有用吗?
小节目也会有一定的效果,但也需要有代价的推广。如果站内推广正在进行,你想扩大推广范围,可以尝试去做。如果不做站内推广,没必要做小节目。车站是排水的主战场。希望我的回答能让你满意!
为什么后台的小程序爆款实验室消失了?
几个月前就消失了,相关营销取而代之
小程序有什么用怎么用?
有时候我想让一些线下的客户上线,但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了
上一篇:小程序微信支付源码是怎样的呢
下一篇:微信小程序蓝牙适配器接口
猜你喜欢
-
4个微信小程序聊天技巧1155人喜欢
估计有不少人都使用过微信的聊天功能,其实这项功能是通过开发微信小程序达到的,微信小程序聊天功能要怎么开发?一起来看看具体步骤吧。1、整体框架很简单,两个页面。两个tab,并修改window标题栏和tabbar的颜色等属性就好。这个全部在app.json中完成。2、image组…
更新时间:2020-08-17 16:19:34
-
微信小程序跳转到淘宝技巧1112人喜欢
微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝?微信小程序对于有些用户而言其实是个非常好的平台,微信小程序其实可以跳转到淘宝,小程序把微信做成了淘宝,那么微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝呢?淘宝从用户角度而言是个购物工具,从…
更新时间:2020-10-05 09:23:04
-
2个微信小程序接口技巧1075人喜欢
微信小程序开发有哪些接口?据微信官方介绍,微信小程序包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能。当下最受大众喜爱的微信小程序小程序有哪些接口?小编将举例来说明一下微信小程序开发有哪些接口?本文档将带你…
更新时间:2020-08-31 20:09:05
-
6个修改小程序技巧1049人喜欢
小程序授权怎么修改?修改小程序授权代码是什么各位网友们,如果您的微信小程序同意了授权了,但是想要修改小程序授权,对于这种情况,不妨参考一下小编的小程序授权怎么修改的方法吧。小程序授权怎么修改?大家都发现了,涉及到授权获取用户基本信息,同意了小程序授权后…
更新时间:2020-08-24 10:47:00
-
9个小程序红包技巧1039人喜欢
微信发红包很普遍也很简单,但是微信小程序兴起之后,很多商户开始用微信小程序发红包了,这样也有利于大家对小程序本身的关注,接下来就一起来学习下操作方式吧!登录微信支付商户平台在调用接口前有一些工作需要商户登录微信小程序支付商户平台进行操作,请使用微信…
更新时间:2019-11-09 16:29:18
-
12个小程序图片技巧1036人喜欢
微信小程序无法显示图片,图片显示不全怎么办?对于一张网络图片高度太高,而显示不全如何解决?下面小编就来为大家讲解一下。其实我一贯的观点是,所有的问题从api中都能够找到答案,只是有时候缺少耐心,而没有好好去读官方api,出现问题后着急的google、百度、github.…
更新时间:2019-11-10 13:52:04
-
6个小程序投票技巧1034人喜欢
大家想必都使用过微信小程序,微信小程序也丰富了我们的微信生活。下面小编就来为大家讲解一下微信小程序投票系统开发以及微信小程序应用开发。微信小程序七大解读:1、线下扫码:用户可以在微信小程序中使用扫一扫。2、对话分享:用户可以分享微信小程序或其中的任…
更新时间:2020-01-24 16:02:28
-
2个小程序优化技巧1020人喜欢
在小编鼓起勇气开发了两个小程序之后,发现其实可以对开发过程进行一些优化,这样最终开发出来的小程序体验会好很多。以下是微信小程序优化方案,也是一些优化心得,希望能够帮助到大家。1、理解wx:if和hidden,并合理利用,官方文档中并没有明确说出hidden如何使用,要不…
更新时间:2020-08-22 16:44:11
-
3个小程序空格代码技巧1007人喜欢
每一种小程序代码对于小程序的功能的实现都是有不同作用的,那么微信小程序空格代码有什么作用呢?一起来看看以下资料,你就明白了。先上一张处理前的代码图:第一步:在右边的代码界面中右键单击(左边要在“编辑”tab),在出现的菜单中选择“格式化代码”。格式化的效…
更新时间:2020-08-24 10:51:58
-
7个小程序输出技巧1006人喜欢
小程序的输出有很多种形式,之前介绍了小程序输出日志的相关资料,接下来小编要讲解的是微信小程序控制台输出的开发实例,一起来看看吧。在此之前,我们必须先在微信小程序的平台上,设置下域名:注意:微信小程序,不支持普通的http协议,必须通过https协议。于是,我在本地搭…
更新时间:2019-11-08 14:37:35
-
8个微信小程序扫码技巧1006人喜欢
微信小程序扫码接口怎么开通?如果开通了微信小程序扫码接口以后,那么用微信扫普通微信二维码就打开微信小程序了哦。这对于推广微信小程序来说有很大的帮助,以下是具体的方法了。微信小程序扫码接口怎么开通?为了方便小程序开发者更便捷地推广小程序,兼容线下已…
更新时间:2019-11-10 13:53:40
-
10个商家小程序技巧1003人喜欢
微信开放了附近的小程序之后引起了很多小程序使用者的关注,但是这个功能似乎对于商家来说意义更为重大,一起来看看商家怎么入驻微信附近小程序吧。核心提示:首先我们先了解一下那些商户可以使用“附近的小程序”目前可以加入的商家有帐号类型为企业、媒体、政府…
更新时间:2019-11-04 15:51:11