纯js 头像裁剪
引用cropper.js 纯js，无需其余第三方插件，完成图片裁剪功能，使用例子在附件中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="js/cropperjs-master/dist/cropper.min.css" />
<link rel="stylesheet" href="css/mui.min.css" />
<style>
#redo{
position: fixed;
bottom: 20px;
left :20px;
font-size: 30px;
}
#undo{
position: fixed;
bottom: 20px;
right :20px;
font-size: 30px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav blueBackground">
<h1 id="patientId" class="mui-title">截取头像</h1>
<a id="save" style="vertical-align: middle;color:#8dc14f;line-height:2.5em;" class="mui-pull-right"><span>保存</span></a>
</header>
<div style="" class="mui-content">
<div style="">
<img style="width: 98%;" id="image" src="">
</div>
<button id="redo" type="button" class="mui-btn mui-btn-danger mui-btn-outlined mui-pull-left"><span class="mui-icon mui-icon-redo"></span></button>
<button id="undo" type="button" class="mui-btn mui-btn-danger mui-btn-outlined mui-pull-right"><span class="mui-icon mui-icon-undo"></button>
</div>
<script type="text/javascript" src="js/mui.min.js" ></script>
<script type="text/javascript" src="js/cropperjs-master/dist/cropper.min.js" ></script>
<script>
var image = document.getElementById('image');
var cropper = null;
var resImg = null;
//在选择或者拍摄完成后跳出裁剪页面并把图片路径传递到此页面
//image.src = plus.webview.currentWebview().imgSrc;
image.src = "img/head-default.jpg";
initCropper();
document.getElementById("save").addEventListener("tap",getImg);
document.getElementById("redo").addEventListener("tap",function(){
cropper.rotate(90);
});
document.getElementById("undo").addEventListener("tap",function(){
cropper.rotate(-90);
});
function initCropper(){
cropper = new Cropper(image, {
aspectRatio: 1/1,
dragMode:'move',
rotatable:true,
minCropBoxWidth:200,
minCropBoxHeight:200,
minCanvasWidth:200,
minCanvasHeight:200,
minContainerWidth:200,
minContainerHeight:200,
crop: function(data) {
}
});
}
function getImg(){
resImg = cropper.getCroppedCanvas({
width: 200,
height: 200
}).toDataURL();
console.log(resImg)
//裁剪完毕后将新的图片路径传递到需要显示的页面即可显示 结果为base64格式
//mui.fire(plus.webview.getWebviewById("personalInfoPage"),"cropperImg",{resImg:resImg});
//mui.back();
}
</script>
</body>
</html>
引用cropper.js 纯js，无需其余第三方插件，完成图片裁剪功能，使用例子在附件中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="js/cropperjs-master/dist/cropper.min.css" />
<link rel="stylesheet" href="css/mui.min.css" />
<style>
#redo{
position: fixed;
bottom: 20px;
left :20px;
font-size: 30px;
}
#undo{
position: fixed;
bottom: 20px;
right :20px;
font-size: 30px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav blueBackground">
<h1 id="patientId" class="mui-title">截取头像</h1>
<a id="save" style="vertical-align: middle;color:#8dc14f;line-height:2.5em;" class="mui-pull-right"><span>保存</span></a>
</header>
<div style="" class="mui-content">
<div style="">
<img style="width: 98%;" id="image" src="">
</div>
<button id="redo" type="button" class="mui-btn mui-btn-danger mui-btn-outlined mui-pull-left"><span class="mui-icon mui-icon-redo"></span></button>
<button id="undo" type="button" class="mui-btn mui-btn-danger mui-btn-outlined mui-pull-right"><span class="mui-icon mui-icon-undo"></button>
</div>
<script type="text/javascript" src="js/mui.min.js" ></script>
<script type="text/javascript" src="js/cropperjs-master/dist/cropper.min.js" ></script>
<script>
var image = document.getElementById('image');
var cropper = null;
var resImg = null;
//在选择或者拍摄完成后跳出裁剪页面并把图片路径传递到此页面
//image.src = plus.webview.currentWebview().imgSrc;
image.src = "img/head-default.jpg";
initCropper();
document.getElementById("save").addEventListener("tap",getImg);
document.getElementById("redo").addEventListener("tap",function(){
cropper.rotate(90);
});
document.getElementById("undo").addEventListener("tap",function(){
cropper.rotate(-90);
});
function initCropper(){
cropper = new Cropper(image, {
aspectRatio: 1/1,
dragMode:'move',
rotatable:true,
minCropBoxWidth:200,
minCropBoxHeight:200,
minCanvasWidth:200,
minCanvasHeight:200,
minContainerWidth:200,
minContainerHeight:200,
crop: function(data) {
}
});
}
function getImg(){
resImg = cropper.getCroppedCanvas({
width: 200,
height: 200
}).toDataURL();
console.log(resImg)
//裁剪完毕后将新的图片路径传递到需要显示的页面即可显示 结果为base64格式
//mui.fire(plus.webview.getWebviewById("personalInfoPage"),"cropperImg",{resImg:resImg});
//mui.back();
}
</script>
</body>
</html>
测试程序进程
var needCheckVersion = true;
function getVersion(){
if(needCheckVersion!=true){
return false;
}
needCheckVersion = false;
$.ajax({
type:'post',
url:baseUrl+'/api/work.php?act=getVersion&t='+new Date(),
data:'',
dataType:'json',
success:function(data){
//
//needGetVersion = true;
console.log("load done"+needCheckVersion);
var v = localStorage.version;
//console.log(v+'=='+data.v);
if(v!=data.v){
alert('有新版本，请到设置里点击在线更新进行更新 !');
}
//可能重装安装以后，localstorage数据就被清掉了
localStorage.new_version = data.v;
}
}); }
function plusReady(){
//从后台切换到前台时执行
document.addEventListener( "resume", resumeCallback);
function resumeCallback(){
console.log("resume");
getVersion();
}
//从前台切换到后台
document.addEventListener( "pause", pauseCallback );
function pauseCallback(){
console.log("pause");
needCheckVersion = true ;
}
}
var needCheckVersion = true;
function getVersion(){
if(needCheckVersion!=true){
return false;
}
needCheckVersion = false;
$.ajax({
type:'post',
url:baseUrl+'/api/work.php?act=getVersion&t='+new Date(),
data:'',
dataType:'json',
success:function(data){
//
//needGetVersion = true;
console.log("load done"+needCheckVersion);
var v = localStorage.version;
//console.log(v+'=='+data.v);
if(v!=data.v){
alert('有新版本，请到设置里点击在线更新进行更新 !');
}
//可能重装安装以后，localstorage数据就被清掉了
localStorage.new_version = data.v;
}
}); }
function plusReady(){
//从后台切换到前台时执行
document.addEventListener( "resume", resumeCallback);
function resumeCallback(){
console.log("resume");
getVersion();
}
//从前台切换到后台
document.addEventListener( "pause", pauseCallback );
function pauseCallback(){
console.log("pause");
needCheckVersion = true ;
}
}
3年前端开发经验，用mui实战做过APP，现 找工作！求带走！
性别：男
三年前端开发经验
由于现在公司经营不善，一不小心技术部解散，无奈，只好拂袖而去，现在待业在家，哪位老板愿带我回家，定不负所托，完成任务。
本人近况：之前公司是一家电商公司，当初去公司的时候我负责的就是整个前端开发组的小组长，带领2人完成整套APP的开发，现在已经全部开发完成，安卓市场，IOS商店均可下载，（由于自我保护，恕在下不能公布APP名称，想要招人的可以联系我QQ 245132346 ）。
目前有公司想用mui 开发APP的公司 你要了我 等于要了一套APP代码，这都是小 关键本人 已熟练掌握 mui H5+核心要素 包括其调用手机底层功能 支付宝支付，微信支付等等。
本人目前所掌握的技能：require react webpack vue swiper less JQ zepto ...
去年我一直做的 手机站的 网页 对于移动端网页开发 有着深刻的理解 再加上一段APP开发的经历 更是深入我心，自认为 去任何一家公司 无需学习 无需培养 老夫衣袖一挥 对着电脑就是干。（语言颇有不妥 懂我者自懂 如果您的公司 是一家只知道工作 无一点自由 幽默 谈笑的空间 那对不起 请勿打扰）
有意向的公司 加QQ要我的简历 期待与您的合作。 245132346
性别：男
三年前端开发经验
由于现在公司经营不善，一不小心技术部解散，无奈，只好拂袖而去，现在待业在家，哪位老板愿带我回家，定不负所托，完成任务。
本人近况：之前公司是一家电商公司，当初去公司的时候我负责的就是整个前端开发组的小组长，带领2人完成整套APP的开发，现在已经全部开发完成，安卓市场，IOS商店均可下载，（由于自我保护，恕在下不能公布APP名称，想要招人的可以联系我QQ 245132346 ）。
目前有公司想用mui 开发APP的公司 你要了我 等于要了一套APP代码，这都是小 关键本人 已熟练掌握 mui H5+核心要素 包括其调用手机底层功能 支付宝支付，微信支付等等。
本人目前所掌握的技能：require react webpack vue swiper less JQ zepto ...
去年我一直做的 手机站的 网页 对于移动端网页开发 有着深刻的理解 再加上一段APP开发的经历 更是深入我心，自认为 去任何一家公司 无需学习 无需培养 老夫衣袖一挥 对着电脑就是干。（语言颇有不妥 懂我者自懂 如果您的公司 是一家只知道工作 无一点自由 幽默 谈笑的空间 那对不起 请勿打扰）
有意向的公司 加QQ要我的简历 期待与您的合作。 245132346
收起阅读 »
关于.net的webservice的跨域访问
现象：在本机模拟器以及浏览器模式，可以正常访问，真机运行或打包成app到真机上都不行。
解决：
主要修改是在webconfig中的配置，除了必须的
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type, Authorization, Accept,X-Requested-With"/>
</customHeaders>
</httpProtocol>
</system.webServer>
还要配置协议
<webServices>
<protocols>
<add name="HttpSoap" />
<add name="HttpPost" />
<add name="HttpGet" />
</protocols>
</webServices>
奇怪的是，不配置协议时，默认情况只有soap，在模拟器上可以正常跑，到手机上就不行了。
现象：在本机模拟器以及浏览器模式，可以正常访问，真机运行或打包成app到真机上都不行。
解决：
主要修改是在webconfig中的配置，除了必须的
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type, Authorization, Accept,X-Requested-With"/>
</customHeaders>
</httpProtocol>
</system.webServer>
还要配置协议
<webServices>
<protocols>
<add name="HttpSoap" />
<add name="HttpPost" />
<add name="HttpGet" />
</protocols>
</webServices>
奇怪的是，不配置协议时，默认情况只有soap，在模拟器上可以正常跑，到手机上就不行了。
使用JavaScriptCore 实现OC与JS的交互
一、说明这篇文章记录自己在研究OC与JS交互中的所得,以及遇到的问题与解决
由于苹果的审核时间太漫长，一次审核不过,那又将进入另一个漫长的审核期。为了能在开发中方便更新，公司要求在项目中使用HTML5，这样就涉及到OC与JS的交互，不懂H5,不懂JS。在经过一段时间的摸索之后，将自己的研究记录下来，以做备忘。
OC与JS的交互实现方式有很多，之前用的比较多的是WebViewJavaScriptBridge，但在IOS7之后，苹果将JavaScriptCore框架开放。因此，这篇文章不讲理论,主要讲的是JavaScriptCore的实际使用。
文中所用的项目JavaScriptCoreDemo
废话说完了,下面进入正题
二、Demo项目中功能介绍
Demo首页
这个demo主要分为了三个部分来:
1.JS Call OC , JS调用OC的函数
2.OC Call JS , OC调用JS的函数
3.一个绘图的例子
在做OC与JS交互工作之前，我们需要做些准备工作
1.导入JavaScriptCore的头文件
import <JavaScriptCore/JavaScriptCore.h>
2.用webView加载HTML文件,这里用的是本地HTML;
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
self.title = @"js call oc";
NSString path = [[[NSBundle mainBundle] bundlePath] stringByAppendingPathComponent:@"JSCallOC.html"];
NSURLRequest request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]];
[self.webView loadRequest:request];
}
3.在JS交互中，很多事情都是在webView的delegate方法中完成的，通过JSContent创建一个使用JS的环境，所以这里，我们先将self.content在这里面初始化;
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
//初始化content
self.context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
// 打印异常,由于JS的异常信息是不会在OC中被直接打印的,所以我们在这里添加打印异常信息,
self.context.exceptionHandler =
^(JSContext context, JSValue exceptionValue)
{
context.exception = exceptionValue;
NSLog(@"%@", exceptionValue);
};
}
三、实际操作中 JS call OC先来看demo
JS Call OC
这个页面整个都是通过HTML实现的，
1 计算阶乘：在输入框中输入一个数字，然后在OC中计算出结果，最后显示在HTML的页面上；
2 测试log：点击后，在后台打印测试数据；
3 OC原生Alert ：点击后，弹出OC的提示框；
4 addSubView：点击后，在OC中添加一个View；
5 push to second ViewController :跳转到下一个界面
总结:以上功能都是在OC获取HTML中按钮的点击事件,在后在OC中实现功能.
??如何获取HTML中的点击事件呢??
在HTML中,为一个元素添加点击时间有两种写法
<input type="button" value="计算阶乘" />或者
<input type="button" value="测试log" />
如果是第一种方法,那么就要用JSExport协议关联native的方法,要在webView的delegate里面添加
// 以 JSExport 协议关联 native 的方法self.content[@"native"] = self;添加完之后,要声明一个继承JSExport的协议,协议中声明供JS使用的OC的方法
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
@protocol TestJSExport <JSExport>
JSExportAs
(calculateForJS /* handleFactorialCalculateWithNumber 作为js方法的别名 /,
- (void)handleFactorialCalculateWithNumber:(NSNumber *)number
);- (void)pushViewController:(NSString )view title:(NSString )title;
-(void)log:(NSString*)l;
@end
在OC中实现这些方法,这样就完成了!
如果是第二章方法,则只需要通过block的形式关联JavaScript function就可以了
!self.context[@"log"] = ^(NSString *str){NSLog(@"%@", str);};
三、OC调用JS
OC调用JS
在这个例子中，界面的所有View都是OC创建的，点击“交给JS处理计算阶乘”后，将textfild的数据传给JS，JS计算完成后在返回来！
这里面首先要获取JS里面的计算函数，在OC中，所有表示JS中对象，都用JSValue来创建，通过objectForKeyedSubscript方法或者直接使用下标的方法获取JS对象，然后使用callWithArguments方法来执行函数
[Objective-C] 查看源文件 复制代码
?
1
2
3
4
5
// 方法一. JSValue function = [self.context objectForKeyedSubscript:@"factorial"];
// 方法二.
JSValue function = self.context[@"factorial"];
JSValue *result = [function callWithArguments:@[inputNumber]];
self.showLable.text = [NSString stringWithFormat:@"%@", [result toNumber]];
四、demo之外（慢慢在总结）1.JS注入
2.在OC中为JS创建对象
......
零碎的补充1:对于JS 函数中,参数中有函数的,在OC中用JSValue接收
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
// 比如:JS代码[/font] function myFunc({"text":"这里是文字","callbackFun":function(string){alert'string'}});
//OC代码中在.h的protocol中声明JS要调用的OC方法
//.h protocol中,函数名称要和JS中相同,这里接收的参数为JSValue
JSExportAs
(myFunc,
-(void) myFunc:(JSValue*)value
);
//在.m文件中,实现myFunc方法
-(void) myFunc:(JSValue*)value{
NSString * text = [value valueForProperty:@"text"];//打印"这里是文字"
JSValue * func = [value valueForProperty:@"callbackFun"]; //这里是JS参数中的func;
//调用这个函数
[func callWithArguments:@[@"这里是参数"]];
}
demo 直接下载：
[pan=https://github.com/shaojiankui/JavaScriptCore-Demo/archive/master.zip]|10[/pan]
一、说明这篇文章记录自己在研究OC与JS交互中的所得,以及遇到的问题与解决
由于苹果的审核时间太漫长，一次审核不过,那又将进入另一个漫长的审核期。为了能在开发中方便更新，公司要求在项目中使用HTML5，这样就涉及到OC与JS的交互，不懂H5,不懂JS。在经过一段时间的摸索之后，将自己的研究记录下来，以做备忘。
OC与JS的交互实现方式有很多，之前用的比较多的是WebViewJavaScriptBridge，但在IOS7之后，苹果将JavaScriptCore框架开放。因此，这篇文章不讲理论,主要讲的是JavaScriptCore的实际使用。
文中所用的项目JavaScriptCoreDemo
废话说完了,下面进入正题
二、Demo项目中功能介绍
Demo首页
这个demo主要分为了三个部分来:
1.JS Call OC , JS调用OC的函数
2.OC Call JS , OC调用JS的函数
3.一个绘图的例子
在做OC与JS交互工作之前，我们需要做些准备工作
1.导入JavaScriptCore的头文件
import <JavaScriptCore/JavaScriptCore.h>
2.用webView加载HTML文件,这里用的是本地HTML;
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
self.title = @"js call oc";
NSString path = [[[NSBundle mainBundle] bundlePath] stringByAppendingPathComponent:@"JSCallOC.html"];
NSURLRequest request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]];
[self.webView loadRequest:request];
}
3.在JS交互中，很多事情都是在webView的delegate方法中完成的，通过JSContent创建一个使用JS的环境，所以这里，我们先将self.content在这里面初始化;
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
//初始化content
self.context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
// 打印异常,由于JS的异常信息是不会在OC中被直接打印的,所以我们在这里添加打印异常信息,
self.context.exceptionHandler =
^(JSContext context, JSValue exceptionValue)
{
context.exception = exceptionValue;
NSLog(@"%@", exceptionValue);
};
}
三、实际操作中 JS call OC先来看demo
JS Call OC
这个页面整个都是通过HTML实现的，
1 计算阶乘：在输入框中输入一个数字，然后在OC中计算出结果，最后显示在HTML的页面上；
2 测试log：点击后，在后台打印测试数据；
3 OC原生Alert ：点击后，弹出OC的提示框；
4 addSubView：点击后，在OC中添加一个View；
5 push to second ViewController :跳转到下一个界面
总结:以上功能都是在OC获取HTML中按钮的点击事件,在后在OC中实现功能.
??如何获取HTML中的点击事件呢??
在HTML中,为一个元素添加点击时间有两种写法
<input type="button" value="计算阶乘" />或者
<input type="button" value="测试log" />
如果是第一种方法,那么就要用JSExport协议关联native的方法,要在webView的delegate里面添加
// 以 JSExport 协议关联 native 的方法self.content[@"native"] = self;添加完之后,要声明一个继承JSExport的协议,协议中声明供JS使用的OC的方法
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
@protocol TestJSExport <JSExport>
JSExportAs
(calculateForJS /* handleFactorialCalculateWithNumber 作为js方法的别名 /,
- (void)handleFactorialCalculateWithNumber:(NSNumber *)number
);- (void)pushViewController:(NSString )view title:(NSString )title;
-(void)log:(NSString*)l;
@end
在OC中实现这些方法,这样就完成了!
如果是第二章方法,则只需要通过block的形式关联JavaScript function就可以了
!self.context[@"log"] = ^(NSString *str){NSLog(@"%@", str);};
三、OC调用JS
OC调用JS
在这个例子中，界面的所有View都是OC创建的，点击“交给JS处理计算阶乘”后，将textfild的数据传给JS，JS计算完成后在返回来！
这里面首先要获取JS里面的计算函数，在OC中，所有表示JS中对象，都用JSValue来创建，通过objectForKeyedSubscript方法或者直接使用下标的方法获取JS对象，然后使用callWithArguments方法来执行函数
[Objective-C] 查看源文件 复制代码
?
1
2
3
4
5
// 方法一. JSValue function = [self.context objectForKeyedSubscript:@"factorial"];
// 方法二.
JSValue function = self.context[@"factorial"];
JSValue *result = [function callWithArguments:@[inputNumber]];
self.showLable.text = [NSString stringWithFormat:@"%@", [result toNumber]];
四、demo之外（慢慢在总结）1.JS注入
2.在OC中为JS创建对象
......
零碎的补充1:对于JS 函数中,参数中有函数的,在OC中用JSValue接收
[Objective-C] 查看源文件 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
// 比如:JS代码[/font] function myFunc({"text":"这里是文字","callbackFun":function(string){alert'string'}});
//OC代码中在.h的protocol中声明JS要调用的OC方法
//.h protocol中,函数名称要和JS中相同,这里接收的参数为JSValue
JSExportAs
(myFunc,
-(void) myFunc:(JSValue*)value
);
//在.m文件中,实现myFunc方法
-(void) myFunc:(JSValue*)value{
NSString * text = [value valueForProperty:@"text"];//打印"这里是文字"
JSValue * func = [value valueForProperty:@"callbackFun"]; //这里是JS参数中的func;
//调用这个函数
[func callWithArguments:@[@"这里是参数"]];
}
demo 直接下载：
[pan=https://github.com/shaojiankui/JavaScriptCore-Demo/archive/master.zip]|10[/pan]
个推 解决Android应用后台运行无法接受推送的问题。
【问题描述】
这个问题只在Andoid上出现，因为iOS端使用APNS,所以推送都能及时送达。
在使用个推推送时，一旦用户把应用切换到后台，那么推送的时候就会显示 success_offline 也就是 cilentID离线。
而实际上，应用这时候还没有被系统杀死，但是再也无法接受到推送的消息。哪怕重新点开APP,也不会接受到消息，不管是之前的消息,还是从此之后推送的消息。
【解决方案】
首先，保证APP后台的进程没有被杀死。个推官方给出了各个系统的设置 点击这里查看
强烈大家先去读一读 蜡笔小鑫的《推送使用中的各种坑》 @蜡笔小鑫
-
简单版
如果不要求后台还能接收实时推送，只是想在用户重新点开APP时能够接受到之前的消息，并且让用户能够继续接收推送。那么只需要在APP切换到前台的时候，重新初始化个推sdk。
代码如下：
/** * resume 应用从后台切换到前台的事件 */ document.addEventListener("resume", function() { var pushManager = plus.android.importClass("com.igexin.sdk.PushManager"); var context = plus.android.runtimeMainActivity(); pushManager.getInstance().initialize(context); }, false); -
复杂版
如果想要后台还能实时接收推送，那么只能进行离线打包，修改项目的 AndroidManifest.xml 文件。
增加一行代码，如下:
<!-- 整段位置在225行左右 --> <activity android:name="io.dcloud.PandoraEntryActivity" android:configChanges="orientation|keyboardHidden|screenSize|keyboard|navigation|mcc|mnc|fontScale" android:hardwareAccelerated="true" android:label="5+Debug" android:launchMode="singleTask" android:screenOrientation="user" android:process=":pushservice" <!-- 这一行就是增加的代码 --> android:theme="@style/DCloudTheme" android:windowSoftInputMode="adjustResize" > </activity>
【解决过程】
原本以为是以为个推的SDK版本问题。5+SDK集成的个推版本是2.7.0.0，而现在官方发布的版本是2.9.3.0。但是把个推官方的SDK下载编译之后，后台仍然不能接受消息。
我用的开发机是小米5，在“更多应用”中检查的时候，发现当应用后台化的时候，“运行中”的应用列表中会显出APP的名字，显示“1个进程和0个服务”。 然后大概五秒钟后，应用就会从“运行中”列表消失，出现在“已缓存”的列表中。
但是个推的SDK是有一个后台服务的，名字叫做 NoticationCenter, 用来管理推送消息。也就是说，我们的应用没有成功唤起 NoticationCenter 这个服务。
但是鄙人只是了解过安卓开发的一点点知识 (web全栈就已经够费精力了好嘛~ 老板加工资好嘛~) ，只能尝试使用 Native.js 拉起个推的 PushService ，然并卵，失败了。
拉起服务的代码是这样的 :
var main = plus.android.runtimeMainActivity();
var Intent = plus.android.importClass('android.content.Intent');
var intent = new Intent();
var serviceName = 'com.igexin.sdk.PushService';//把这里换成其他Service的名字，也可以实现拉取自定义的Service
intent.setClassName(main, serviceName);
main.startService(intent);注 : 把serviceName换成 'com.igexin.sdk.PushServiceForUser'， 能够拉起一个NoticationCenterForUser服务，原本以为是和PushService一样的，结果发现这个服务对于推送啥一点用都没有……
然后又进行对比，发现个推的官方Demo里，在 AndroidManifest.xml 里，对于SDK的两个activity又些许的差别。
第一部分：
<!-- 第三方应用配置 -->
<activity
android:name=".GetuiSdkDemoActivity"
android:label="@string/app_name"
android:launchMode="singleTop" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>第二部分
<activity
android:name="com.igexin.sdk.GActivity"
android:excludeFromRecents="true"
android:exported="true"
android:process=":pushservice" <!--就是这里，process属性-->
android:taskAffinity="com.igexin.sdk.PushActivityTask"
android:theme="@android:style/Theme.Translucent.NoTitleBar"/>这里的process属性的名字和核心推送服务一样
<!-- 配置SDK核心服务 -->
<service
android:name="com.igexin.sdk.PushService"
android:exported="true"
android:label="NotificationCenter"
android:process=":pushservice"> <!-- 这里也有process属性 -->
<intent-filter>
<action android:name="com.igexin.sdk.action.service.message"/>
</intent-filter>
</service>然后我google了一下，这个属性的作用是:
android:process
应在其中运行 Activity 的进程的名称。正常情况下，应用的所有组件都在为应用创建的默认进程名称内运行，您无需使用该属性。 但在必要时，您可以使用该属性替换默认进程名称，以便让应用组件散布到多个进程中。
如果为该属性分配的名称以冒号（“:”）开头，则会在需要时创建应用专用的新进程，并且 Activity 会在该进程中运行。如果进程名称以小写字符开头，Activity 将在该名称的全局进程中运行，前提是它拥有相应的权限。这可以让不同应用中的组件共享一个进程，从而减少资源占用。
<application> 元素的 process 属性可为所有组件设置一个不同的默认进程名称。所以，进行猜测，就因为主activity没有跑在 pushservice 进程里，才导致后台推送服务不能成功启动。
给主activity添加了
android:process=":pushservice"这个属性，发现 NoticationCenter 进程正常启动了。并且应用后台化之后，服务正常运行，也能正常收到推送信息。
问题解决，不过不是很了解安卓开发，不知道这样会有什么副作用。不过目前看来，内存消耗和网络连接都正常，还没观察到什么严重后果。
前前后后花费了两个通宵和一个白天的时间，程序猿没人权啊~
【问题描述】
这个问题只在Andoid上出现，因为iOS端使用APNS,所以推送都能及时送达。
在使用个推推送时，一旦用户把应用切换到后台，那么推送的时候就会显示 success_offline 也就是 cilentID离线。
而实际上，应用这时候还没有被系统杀死，但是再也无法接受到推送的消息。哪怕重新点开APP,也不会接受到消息，不管是之前的消息,还是从此之后推送的消息。
【解决方案】
首先，保证APP后台的进程没有被杀死。个推官方给出了各个系统的设置 点击这里查看
强烈大家先去读一读 蜡笔小鑫的《推送使用中的各种坑》 @蜡笔小鑫
-
简单版
如果不要求后台还能接收实时推送，只是想在用户重新点开APP时能够接受到之前的消息，并且让用户能够继续接收推送。那么只需要在APP切换到前台的时候，重新初始化个推sdk。
代码如下：
/** * resume 应用从后台切换到前台的事件 */ document.addEventListener("resume", function() { var pushManager = plus.android.importClass("com.igexin.sdk.PushManager"); var context = plus.android.runtimeMainActivity(); pushManager.getInstance().initialize(context); }, false); -
复杂版
如果想要后台还能实时接收推送，那么只能进行离线打包，修改项目的 AndroidManifest.xml 文件。
增加一行代码，如下:
<!-- 整段位置在225行左右 --> <activity android:name="io.dcloud.PandoraEntryActivity" android:configChanges="orientation|keyboardHidden|screenSize|keyboard|navigation|mcc|mnc|fontScale" android:hardwareAccelerated="true" android:label="5+Debug" android:launchMode="singleTask" android:screenOrientation="user" android:process=":pushservice" <!-- 这一行就是增加的代码 --> android:theme="@style/DCloudTheme" android:windowSoftInputMode="adjustResize" > </activity>
【解决过程】
原本以为是以为个推的SDK版本问题。5+SDK集成的个推版本是2.7.0.0，而现在官方发布的版本是2.9.3.0。但是把个推官方的SDK下载编译之后，后台仍然不能接受消息。
我用的开发机是小米5，在“更多应用”中检查的时候，发现当应用后台化的时候，“运行中”的应用列表中会显出APP的名字，显示“1个进程和0个服务”。 然后大概五秒钟后，应用就会从“运行中”列表消失，出现在“已缓存”的列表中。
但是个推的SDK是有一个后台服务的，名字叫做 NoticationCenter, 用来管理推送消息。也就是说，我们的应用没有成功唤起 NoticationCenter 这个服务。
但是鄙人只是了解过安卓开发的一点点知识 (web全栈就已经够费精力了好嘛~ 老板加工资好嘛~) ，只能尝试使用 Native.js 拉起个推的 PushService ，然并卵，失败了。
拉起服务的代码是这样的 :
var main = plus.android.runtimeMainActivity();
var Intent = plus.android.importClass('android.content.Intent');
var intent = new Intent();
var serviceName = 'com.igexin.sdk.PushService';//把这里换成其他Service的名字，也可以实现拉取自定义的Service
intent.setClassName(main, serviceName);
main.startService(intent);注 : 把serviceName换成 'com.igexin.sdk.PushServiceForUser'， 能够拉起一个NoticationCenterForUser服务，原本以为是和PushService一样的，结果发现这个服务对于推送啥一点用都没有……
然后又进行对比，发现个推的官方Demo里，在 AndroidManifest.xml 里，对于SDK的两个activity又些许的差别。
第一部分：
<!-- 第三方应用配置 -->
<activity
android:name=".GetuiSdkDemoActivity"
android:label="@string/app_name"
android:launchMode="singleTop" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>第二部分
<activity
android:name="com.igexin.sdk.GActivity"
android:excludeFromRecents="true"
android:exported="true"
android:process=":pushservice" <!--就是这里，process属性-->
android:taskAffinity="com.igexin.sdk.PushActivityTask"
android:theme="@android:style/Theme.Translucent.NoTitleBar"/>这里的process属性的名字和核心推送服务一样
<!-- 配置SDK核心服务 -->
<service
android:name="com.igexin.sdk.PushService"
android:exported="true"
android:label="NotificationCenter"
android:process=":pushservice"> <!-- 这里也有process属性 -->
<intent-filter>
<action android:name="com.igexin.sdk.action.service.message"/>
</intent-filter>
</service>然后我google了一下，这个属性的作用是:
android:process
应在其中运行 Activity 的进程的名称。正常情况下，应用的所有组件都在为应用创建的默认进程名称内运行，您无需使用该属性。 但在必要时，您可以使用该属性替换默认进程名称，以便让应用组件散布到多个进程中。
如果为该属性分配的名称以冒号（“:”）开头，则会在需要时创建应用专用的新进程，并且 Activity 会在该进程中运行。如果进程名称以小写字符开头，Activity 将在该名称的全局进程中运行，前提是它拥有相应的权限。这可以让不同应用中的组件共享一个进程，从而减少资源占用。
<application> 元素的 process 属性可为所有组件设置一个不同的默认进程名称。所以，进行猜测，就因为主activity没有跑在 pushservice 进程里，才导致后台推送服务不能成功启动。
给主activity添加了
android:process=":pushservice"这个属性，发现 NoticationCenter 进程正常启动了。并且应用后台化之后，服务正常运行，也能正常收到推送信息。
问题解决，不过不是很了解安卓开发，不知道这样会有什么副作用。不过目前看来，内存消耗和网络连接都正常，还没观察到什么严重后果。
前前后后花费了两个通宵和一个白天的时间，程序猿没人权啊~
收起阅读 »
使用mask报Maximum call stack size exceeded错误
使用createMask方法创建蒙版时，传入的callback回调方法中不能包含手动关闭蒙版方法，也就是mask.close()，否则会无限递归自定义的callback，从而报Maximum call stack size exceeded错误。
使用createMask方法创建蒙版时，传入的callback回调方法中不能包含手动关闭蒙版方法，也就是mask.close()，否则会无限递归自定义的callback，从而报Maximum call stack size exceeded错误。
个推透传的一点心得体会
折腾了几天，终于搞定了安卓和ios下的个推透传推送，各种踩坑啊。
先来说说我想达到的目标，我要传送自定义的参数如文章id，然后实现页面的跳转。在安卓下，通过点击状态栏消息，跳转到指定id的页面，在ios下，分为2种情况，
1）app离线：推送的消息和安卓一样，在状态栏展现，通过点击实现跳转。
2）app在线：此时接收到的参数可以用一个confirm来询问是否跳转。
一、服务器端推送代码
首先来看看个推的推送模板，我是用php的。
function IGtTransmissionTemplateDemo(){
$template = new IGtTransmissionTemplate();
$template->set_appId(APPID);//应用appid
$template->set_appkey(APPKEY);//应用appkey
$template->set_transmissionType(1);//透传消息类型
$template->set_transmissionContent("测试离线ddd");//透传内容
//$template->set_duration(BEGINTIME,ENDTIME); //设置ANDROID客户端在此时间区间内展示消息
// 如下有两个推送模版，一个简单一个高级，可以互相切换使用。此处以高级为例，所以把简单模版注释掉。
// APN简单推送
// $apn = new IGtAPNPayload();
// $alertmsg=new SimpleAlertMsg();
// $alertmsg->alertMsg="";
// $apn->alertMsg=$alertmsg;
// $apn->badge=2;
// $apn->sound="";
// $apn->add_customMsg("payload","payload");
// $apn->contentAvailable=1;
// $apn->category="ACTIONABLE";
// $template->set_apnInfo($apn);
// APN高级推送
$apn = new IGtAPNPayload();
$alertmsg=new DictionaryAlertMsg();
$alertmsg->body="body";
$alertmsg->actionLocKey="ActionLockey";
$alertmsg->locKey="LocKey";
$alertmsg->locArgs=array("locargs");
$alertmsg->launchImage="launchimage";
// IOS8.2 支持
$alertmsg->title="水培喝水";
$alertmsg->titleLocKey="TitleLocKey";
$alertmsg->titleLocArgs=array("TitleLocArg");
$apn->alertMsg=$alertmsg;
$apn->badge=1;
$apn->sound="";
$apn->add_customMsg("payload","阿波罗度上市");
// $apn->contentAvailable=1;
$apn->category="ACTIONABLE";
$template->set_apnInfo($apn);
return $template;
}
二、推送参数
1）在线透传参数设置
$template->set_transmissionContent("测试离线ddd");这一行就是负责在线透传的，我们稍微改装下，填写入我们想要传送的自定义参数。
$template->set_transmissionContent('{"title":"文章标题","content":"正文内容","payload":{"id":"1","type":"新闻"}}');
2）离线透传参数设置
而 从 $apn = new IGtAPNPayload();这一行开始，构建的都是针对ios下app离线的推送
其中 $alertmsg->body="body"; 对应的是在线透传的content
$alertmsg->locKey="LocKey"; 对应的是在线透传的title
$alertmsg->title="水培喝水"; 对应的也是在线透传的title
然后 $apn->add_customMsg("payload","阿波罗度上市"); 这是用来传送自定义参数的，我们来改成我们想要的
$apn->add_customMsg("id","1");
$apn->add_customMsg("type","新闻");
三、客户端的解析
// 监听离线点击消息事件
plus.push.addEventListener("click", function(msg) {
var payload=(plus.os.name=='iOS')?msg.payload:JSON.parse(msg.payload);
pushGetRun(payload);
}, false);
// 监听在线消息事件
plus.push.addEventListener("receive", function(msg) {
if ( msg.payload ) {
if ( typeof(msg.payload)=="string" ) {
//alert( "payload(String): "+msg.payload );
} else {
var id = msg.payload.id;
var url = 'www/tpl/detail.html?id=' + id;
plus.nativeUI.confirm( "收到一条新消息，是否立即查看", function(e){
if(e.index==0){
mui.openWindow({
url: url,
id: 'notice' + id
});
}
}, "新消息通知", ["查看","忽略"] );
}
} else {
//alert( "payload: undefined" );
}
}, false);
});
function pushGetRun(payload) {
var id = payload.id;
var url = 'www/tpl/detail.html?id=' + id;
mui.openWindow({
url: url,
id: 'detail' + id
});
}
要注意的是在ios和安卓下，接收到的msg.payload解析不同，ios下是json数组，而安卓下却是string，需要转为json数组
折腾了几天，终于搞定了安卓和ios下的个推透传推送，各种踩坑啊。
先来说说我想达到的目标，我要传送自定义的参数如文章id，然后实现页面的跳转。在安卓下，通过点击状态栏消息，跳转到指定id的页面，在ios下，分为2种情况，
1）app离线：推送的消息和安卓一样，在状态栏展现，通过点击实现跳转。
2）app在线：此时接收到的参数可以用一个confirm来询问是否跳转。
一、服务器端推送代码
首先来看看个推的推送模板，我是用php的。
function IGtTransmissionTemplateDemo(){
$template = new IGtTransmissionTemplate();
$template->set_appId(APPID);//应用appid
$template->set_appkey(APPKEY);//应用appkey
$template->set_transmissionType(1);//透传消息类型
$template->set_transmissionContent("测试离线ddd");//透传内容
//$template->set_duration(BEGINTIME,ENDTIME); //设置ANDROID客户端在此时间区间内展示消息
// 如下有两个推送模版，一个简单一个高级，可以互相切换使用。此处以高级为例，所以把简单模版注释掉。
// APN简单推送
// $apn = new IGtAPNPayload();
// $alertmsg=new SimpleAlertMsg();
// $alertmsg->alertMsg="";
// $apn->alertMsg=$alertmsg;
// $apn->badge=2;
// $apn->sound="";
// $apn->add_customMsg("payload","payload");
// $apn->contentAvailable=1;
// $apn->category="ACTIONABLE";
// $template->set_apnInfo($apn);
// APN高级推送
$apn = new IGtAPNPayload();
$alertmsg=new DictionaryAlertMsg();
$alertmsg->body="body";
$alertmsg->actionLocKey="ActionLockey";
$alertmsg->locKey="LocKey";
$alertmsg->locArgs=array("locargs");
$alertmsg->launchImage="launchimage";
// IOS8.2 支持
$alertmsg->title="水培喝水";
$alertmsg->titleLocKey="TitleLocKey";
$alertmsg->titleLocArgs=array("TitleLocArg");
$apn->alertMsg=$alertmsg;
$apn->badge=1;
$apn->sound="";
$apn->add_customMsg("payload","阿波罗度上市");
// $apn->contentAvailable=1;
$apn->category="ACTIONABLE";
$template->set_apnInfo($apn);
return $template;
}
二、推送参数
1）在线透传参数设置
$template->set_transmissionContent("测试离线ddd");这一行就是负责在线透传的，我们稍微改装下，填写入我们想要传送的自定义参数。
$template->set_transmissionContent('{"title":"文章标题","content":"正文内容","payload":{"id":"1","type":"新闻"}}');
2）离线透传参数设置
而 从 $apn = new IGtAPNPayload();这一行开始，构建的都是针对ios下app离线的推送
其中 $alertmsg->body="body"; 对应的是在线透传的content
$alertmsg->locKey="LocKey"; 对应的是在线透传的title
$alertmsg->title="水培喝水"; 对应的也是在线透传的title
然后 $apn->add_customMsg("payload","阿波罗度上市"); 这是用来传送自定义参数的，我们来改成我们想要的
$apn->add_customMsg("id","1");
$apn->add_customMsg("type","新闻");
三、客户端的解析
// 监听离线点击消息事件
plus.push.addEventListener("click", function(msg) {
var payload=(plus.os.name=='iOS')?msg.payload:JSON.parse(msg.payload);
pushGetRun(payload);
}, false);
// 监听在线消息事件
plus.push.addEventListener("receive", function(msg) {
if ( msg.payload ) {
if ( typeof(msg.payload)=="string" ) {
//alert( "payload(String): "+msg.payload );
} else {
var id = msg.payload.id;
var url = 'www/tpl/detail.html?id=' + id;
plus.nativeUI.confirm( "收到一条新消息，是否立即查看", function(e){
if(e.index==0){
mui.openWindow({
url: url,
id: 'notice' + id
});
}
}, "新消息通知", ["查看","忽略"] );
}
} else {
//alert( "payload: undefined" );
}
}, false);
});
function pushGetRun(payload) {
var id = payload.id;
var url = 'www/tpl/detail.html?id=' + id;
mui.openWindow({
url: url,
id: 'detail' + id
});
}
要注意的是在ios和安卓下，接收到的msg.payload解析不同，ios下是json数组，而安卓下却是string，需要转为json数组
收起阅读 »
