|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2013-10-15
最后修改：2014-04-10
看到论坛里有童鞋在问ITeye官方怎么没有手机版的客户端，于是我花时间自己搞了一个，这样手机就可以看帖了。
客户端集成了ITeye的资讯，论坛，博客的相关内容，支持Android和iPhone手机。 
客户端我是用iMAG平台开发的，基于iMAG移动中间件技术。http://www.imagapp.com 用中间件开发的好处是可以跨平台，开发一次Android和iPhone就都搞定了，而且比较简单，会点儿HTML和Javascript就行了。 这里附上登录页面的源码
<?xml version="1.0" encoding="utf-8"?>
<imag>
<script>
<![CDATA[
var authenticity_token;
function isOnline(html) {
if (html && (html.indexOf('class="welcome">欢迎') != -1)) {
return true;
} else {
return false;
}
}
function login() {
var dlg = $page.waiting('用户登录|正在登录系统...');
var username = $('username').value;
var password = $('password').value;
$http.post('http://xiaote.iteye.com/login', {
name: username,
password: password,
authenticity_token: authenticity_token,
remember_me: '1',
button: '登 录'
}, function(data) {
dlg.close();
if (isOnline(data)) {
hint('登录成功');
var storage = $phone.localStorage();
storage.setItem('login_online', '1');
storage.setItem('login_username', username);
storage.setItem('login_password', password);
storage.setItem('login_token', authenticity_token);
var regex = /<a\s+id="notifications_count"\s+href="\S+">([^<]+)<\/a>[^收]+收件箱\(([0-9]+)\)/gm;
var group = regex.exec(data);
if (group != null) {
storage.setItem('login_message_count', group[1]);
storage.setItem('login_email_count', group[2]);
}
$page.close();
} else {
hint('登录名称或密码错误，请重新登录');
var storage = $phone.localStorage();
storage.removeItem('login_online');
storage.removeItem('login_username');
storage.removeItem('login_password');
}
}, function(error) {
if (error == 'timeout') {
hint('连接服务器超时，请重试');
} else if (error == '401') {
alert('您所在的IP地址对ITeye网站访问过于频繁，请您稍后再试或到网站上填写验证码，谢谢！');
}
});
}
$page.onload = function() {
var dlg = $page.waiting('请稍后|正在加载..');
$http.get('http://xiaote.iteye.com/login', function(data) {
var regex = /<input\s+name="authenticity_token"\s+type="hidden"\s+value="(\S+)"\s*\/>/mg;
var group = regex.exec(data);
if (group != null) {
dlg.close();
authenticity_token = group[1];
var storage = $phone.localStorage();
} else {
$http.get('http://www.iteye.com/logout', function(data) {
dlg.close();
var storage = $phone.localStorage();
storage.removeItem('login_online');
storage.removeItem('login_username');
storage.removeItem('login_password');
storage.removeItem('login_message_count');
storage.removeItem('login_email_count');
});
}
}, function(error) {
if (error == 'timeout') {
hint('连接服务器超时，请重试');
} else if (error == '401') {
alert('您所在的IP地址对ITeye网站访问过于频繁，请您稍后再试或到网站上填写验证码，谢谢！');
}
});
}
]]>
</script>
<page>
<title style="background:gradient(#6293BB);">
<center>
<label>用户登录</label>
</center>
</title>
<content style="background:white">
<form action="login.xml" onsubmit="login();return false">
<row style="padding:20">
<radios name="">
<item value="iteye" checked="checked">ITeye账号</item>
<item value="csdn">csdn账号</item>
</radios>
</row>
<list type="group" style="margin:10 20 20 20">
<item style="col-width:70,*">
<col>
<row><icon src="username.png"/><label style="margin-left:10">账号</label></row>
</col>
<col>
<row><input type="text" id="username" name="username" style="background:null" placeholder="用户名或邮箱" /></row>
</col>
</item>
<item style="col-width:70,*">
<col>
<row><icon src="password.png"/><label style="margin-left:10">密码</label></row>
</col>
<col>
<row><input type="password" id="password" name="passowrd" style="background:null"/></row>
</col>
</item>
</list>
<input type="submit" style="background:loginbutton.png,loginbutton_pressed.png;margin:10 30;height:45" value="登录"/>
<validation inputName="username">
<presence errorMessage="请输入账号"/>
</validation>
<validation inputName="password">
<presence errorMessage="请输入密码"/>
</validation>
</form>
</content>
</page>
</imag>
客户端及源码下载安装地址：http://www.imagapp.com/demo/#iteye
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2013-10-16
顶起 不错，有空看看
|
| 返回顶楼 | |
|
发表时间：2013-10-16
最后修改：2013-10-16
iMag是个什么组件？
看官网上说是免费试用，难道这个要收费的？？ |
| 返回顶楼 | |
|
发表时间：2013-10-17
广告贴？？
|
| 返回顶楼 | |
|
发表时间：2013-10-17
osacar 写道 iMag是个什么组件？
看官网上说是免费试用，难道这个要收费的？？ 跨平台的移动应用开发工具，试用版免费，企业版收费 |
| 返回顶楼 | |
|
发表时间：2013-10-17
最后修改：2013-10-17
wjpiao 写道 广告贴？？
个人业余时间劳动成果，贡献出来，顺便打下广告，欢迎拍砖 |
| 返回顶楼 | |
|
发表时间：2013-10-19
试用了下博主做的这個客户端，界面挺不错的，就是加载新闻或者文章的速度非常慢，刚才在我住处的 WiFi 环境（速度20MB）下试了试，居然加载了有6-8秒才能刷新出来，希望能够对代码优化优化，手机是 Samsung Galaxy S3。
|
| 返回顶楼 | |
|
发表时间：2013-10-19
最后修改：2013-10-19
hanmiao 写道 试用了下博主做的这個客户端，界面挺不错的，就是加载新闻或者文章的速度非常慢，刚才在我住处的 WiFi 环境（速度20MB）下试了试，居然加载了有6-8秒才能刷新出来，希望能够对代码优化优化，手机是 Samsung Galaxy S3。
我自己用wifi华为c8813速度还可以，大概两秒能打开。 会慢可能是因为iteye有时候响应比较慢，客户端是直接连接的iteye网站的网页，数据没有经过服务器端转换。 你再试试看。 |
| 返回顶楼 | |
|
发表时间：2013-10-21
|
| 返回顶楼 | |
|
发表时间：2013-12-03
最后修改：2013-12-03
iMAG技术特点
● 移动应用跨平台开发，兼容Android,iOS系统。 ● 一体化的应用开发框架，使用Web方式开发原生应用（基于原生控件而非HTML），现有web开发人员可以转换成移动应用开发者。 ● 丰富的手机本地调用功能（推送、定位、地图、电话、蓝牙、联系人等）。 ● 同时支持在线和离线（即B/S和C/S）两种应用模式。 ● 支持在线开发(在线IDE)和本地开发(eclipse工具)两种开发方式。 ● 功能强大的设备终端管理系统（iMAG Manager）。 ● 应用客户端打包发布云平台。 http://www.imagapp.com/product/ |
| 返回顶楼 | |
