HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

HBuilder 8.1.1-alpha版发布,解决若干5+App问题

HBuilder 升级更新 Runtime

HBuilder 8.1.1.201704142048-alpha版发布,解决若干5+App问题

下载地址http://pan.baidu.com/s/1hs0O4eS

更新日志:

IDE

  • 优化启动速度
  • 解决流应用发布有时无法打开更新模式选择框的问题

App

  • Android平台修复图片压缩可能引起程序崩溃的问题
  • Android平台修复设置手动关闭Splash界面也可能会在首页加载完成后自动关闭的问题
  • Android平台修复在小米手机上二维码中调用开启闪光灯可能失效的问题
  • Android平台修复Webview子窗口隐藏(hide)后再添加到父窗口后第一次调用show方法可能无法显示的问题
  • iOS平台修复父子Webview嵌套时软键盘在adjustResize模式弹出时显示不正确的问题
  • iOS平台修复原生View控件添加到Webview窗口后未跟随窗口的关闭而销毁的问题
  • iOS平台修复Webview窗口无法加载URL地址中包含中文的问题
继续阅读 »

HBuilder 8.1.1.201704142048-alpha版发布,解决若干5+App问题

下载地址http://pan.baidu.com/s/1hs0O4eS

更新日志:

IDE

  • 优化启动速度
  • 解决流应用发布有时无法打开更新模式选择框的问题

App

  • Android平台修复图片压缩可能引起程序崩溃的问题
  • Android平台修复设置手动关闭Splash界面也可能会在首页加载完成后自动关闭的问题
  • Android平台修复在小米手机上二维码中调用开启闪光灯可能失效的问题
  • Android平台修复Webview子窗口隐藏(hide)后再添加到父窗口后第一次调用show方法可能无法显示的问题
  • iOS平台修复父子Webview嵌套时软键盘在adjustResize模式弹出时显示不正确的问题
  • iOS平台修复原生View控件添加到Webview窗口后未跟随窗口的关闭而销毁的问题
  • iOS平台修复Webview窗口无法加载URL地址中包含中文的问题
收起阅读 »

安装wgtu失败:HTML5+Runtime缺少升级包manifest.json中配置的模块:maps

差量升级


做升级升级时候的问题,一开始是认为项目的Maps权限不对,后面才发现是升级配置的MGTU里面的mainfest.json里面有Maps权限而原版本没有


这里面的manifest.json如果没配置Maps的SDK要把Maps权限去掉!

继续阅读 »


做升级升级时候的问题,一开始是认为项目的Maps权限不对,后面才发现是升级配置的MGTU里面的mainfest.json里面有Maps权限而原版本没有


这里面的manifest.json如果没配置Maps的SDK要把Maps权限去掉!

收起阅读 »

花小钱赚大钱的机会来啦,你还在顾虑什么呢,快速学习mui h5+ 开发自己的项目或者工作哦 全体的mui h5+ 课程

HBuilder mui

HTML CSS H5 JS Castapp.js,MUI,H5+,PHP mysql,React-Native,Ecmascript6,React.js mui-UI实战 mui,h5+ APP开发实战功能 app开发{仿支付宝,仿微信,仿e袋洗,仿驾考宝典,仿微店,仿教室帮,仿饿了么,仿糗事百科,仿猫眼电影,仿天猫,仿今日头条,东翌同城约,东翌课堂,全套实战开发,让大家快速学习APP开发全体课程只需要499啦 想学习的点击链接咨询三点直播课程点击进入 群:239503027

继续阅读 »

HTML CSS H5 JS Castapp.js,MUI,H5+,PHP mysql,React-Native,Ecmascript6,React.js mui-UI实战 mui,h5+ APP开发实战功能 app开发{仿支付宝,仿微信,仿e袋洗,仿驾考宝典,仿微店,仿教室帮,仿饿了么,仿糗事百科,仿猫眼电影,仿天猫,仿今日头条,东翌同城约,东翌课堂,全套实战开发,让大家快速学习APP开发全体课程只需要499啦 想学习的点击链接咨询三点直播课程点击进入 群:239503027

收起阅读 »

安卓也可以侧滑返回webview窗口

侧滑返回

给需要侧滑返回的页面加这些

<!doctype html>  
<html>  

    <head>  
        <meta charset="UTF-8">  
        <title></title>  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script src="js/mui.min.js"></script>  
        <script type="text/javascript">  
            mui.init();  

            function plusReady() {  
                //获取当前窗口  
                var ws = plus.webview.currentWebview();  
                //监听当前侧滑窗口的右滑  
                ws.drag({  
                    direction: 'right',  
                    moveMode: 'followFinger'  
                }, {  
                    view: plus.runtime.appid,  
                    moveMode: 'silent'  
                }, function(e) {  
                //滑动到end执行mui.back()事件  
                    if(e.type == 'end' && e.result) {  
                        mui.back();  
                    }  
                });  
            }  
            if(window.plus) {  
                plusReady();  
            } else {  
                document.addEventListener("plusready", plusReady, false);  
            }  
        </script>  
    </head>  

    <body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">窗口侧滑关闭</h1>  
        </header>  
    </body>  

</html>
继续阅读 »

给需要侧滑返回的页面加这些

<!doctype html>  
<html>  

    <head>  
        <meta charset="UTF-8">  
        <title></title>  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script src="js/mui.min.js"></script>  
        <script type="text/javascript">  
            mui.init();  

            function plusReady() {  
                //获取当前窗口  
                var ws = plus.webview.currentWebview();  
                //监听当前侧滑窗口的右滑  
                ws.drag({  
                    direction: 'right',  
                    moveMode: 'followFinger'  
                }, {  
                    view: plus.runtime.appid,  
                    moveMode: 'silent'  
                }, function(e) {  
                //滑动到end执行mui.back()事件  
                    if(e.type == 'end' && e.result) {  
                        mui.back();  
                    }  
                });  
            }  
            if(window.plus) {  
                plusReady();  
            } else {  
                document.addEventListener("plusready", plusReady, false);  
            }  
        </script>  
    </head>  

    <body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">窗口侧滑关闭</h1>  
        </header>  
    </body>  

</html>
收起阅读 »

其实安卓也可以侧滑返回webview窗口

侧滑返回

给要侧滑返回的窗口加这个代码

<!doctype html>  
<html>  

    <head>  
        <meta charset="UTF-8">  
        <title></title>  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script src="js/mui.min.js"></script>  
        <script type="text/javascript">  
            mui.init();  

            function plusReady() {  
                //获取当前窗口  
                var ws = plus.webview.currentWebview();  
                //监听当前侧滑窗口的右滑  
                ws.drag({  
                    direction: 'right',  
                    moveMode: 'followFinger'  
                }, {  
                    view: plus.runtime.appid,  
                    moveMode: 'silent'  
                }, function(e) {  
                //滑动到end执行mui.back()事件  
                    if(e.type == 'end' && e.result) {  
                        mui.back();  
                    }  
                });  
            }  
            if(window.plus) {  
                plusReady();  
            } else {  
                document.addEventListener("plusready", plusReady, false);  
            }  
        </script>  
    </head>  

    <body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">窗口侧滑关闭</h1>  
        </header>  
    </body>  

</html>
继续阅读 »

给要侧滑返回的窗口加这个代码

<!doctype html>  
<html>  

    <head>  
        <meta charset="UTF-8">  
        <title></title>  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script src="js/mui.min.js"></script>  
        <script type="text/javascript">  
            mui.init();  

            function plusReady() {  
                //获取当前窗口  
                var ws = plus.webview.currentWebview();  
                //监听当前侧滑窗口的右滑  
                ws.drag({  
                    direction: 'right',  
                    moveMode: 'followFinger'  
                }, {  
                    view: plus.runtime.appid,  
                    moveMode: 'silent'  
                }, function(e) {  
                //滑动到end执行mui.back()事件  
                    if(e.type == 'end' && e.result) {  
                        mui.back();  
                    }  
                });  
            }  
            if(window.plus) {  
                plusReady();  
            } else {  
                document.addEventListener("plusready", plusReady, false);  
            }  
        </script>  
    </head>  

    <body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">窗口侧滑关闭</h1>  
        </header>  
    </body>  

</html>
收起阅读 »

背景变灰解决分享

这个问题也是困扰了我1天,按照逐个找MUI.MIN.CSS文件的结构发现body{font-family:sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#efeff4; 是控制BODY部分的灰色背景图,如果以后有遇到的码友将其更改就#fff或者#ffffff就行了。
如果是别的地方变灰逐个查找相应的COLOR 改为你想要的颜色即可。

继续阅读 »

这个问题也是困扰了我1天,按照逐个找MUI.MIN.CSS文件的结构发现body{font-family:sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#efeff4; 是控制BODY部分的灰色背景图,如果以后有遇到的码友将其更改就#fff或者#ffffff就行了。
如果是别的地方变灰逐个查找相应的COLOR 改为你想要的颜色即可。

收起阅读 »

更多加载AJAX方法

   var page=1; /*延期加载专用*/  
   var status=false; /*冲突加载专用*/  
    function loadMore(url,total){  
        if(status){  
            return false;  
        }  
        setTimeout(function(){  
            page++; /*分页专用*/  
            $.ajax({  
                //提交数据的类型 POST GET  
                type:"POST",  
                //提交的网址  
                url:url,  
                //提交的数据  
                data:"json=home&page="+page,  
                //返回数据的格式  
                datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".  
                //在请求之前调用的函数  
                beforeSend:function(){  
                    status=true;  
                    $("#loading").show().html('加载中,请稍候');  
                },  
                //成功返回之后调用的函数  
                success:function(result){  
                    /*console.info(result);*/  
                    status=false;  
                    $("#loading").hide();  
                    $.each(result, function(key,value){  

                    });  
                    if(total>result.length){  
                        $("#loading").show().html('没了,还加载啥');  
                        status=true;  
                    }  
                },  
                //调用出错执行的函数  
                error: function(){  
                   status=true;  
                    $("#loading").show().html('网络异常');  
                }  
            });  
        }, 500);  
    }  

    $(function(){  
        $(window).scroll(function() {  
            //当内容滚动到底部时加载新的内容  
            if ($(this).scrollTop() + $(window).height() + 30 >= $(document).height() && $(this).scrollTop() > 30) {  
                //当前要加载的页码  
                loadMore(url,20);  
            }  
        });  
    });
继续阅读 »
   var page=1; /*延期加载专用*/  
   var status=false; /*冲突加载专用*/  
    function loadMore(url,total){  
        if(status){  
            return false;  
        }  
        setTimeout(function(){  
            page++; /*分页专用*/  
            $.ajax({  
                //提交数据的类型 POST GET  
                type:"POST",  
                //提交的网址  
                url:url,  
                //提交的数据  
                data:"json=home&page="+page,  
                //返回数据的格式  
                datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".  
                //在请求之前调用的函数  
                beforeSend:function(){  
                    status=true;  
                    $("#loading").show().html('加载中,请稍候');  
                },  
                //成功返回之后调用的函数  
                success:function(result){  
                    /*console.info(result);*/  
                    status=false;  
                    $("#loading").hide();  
                    $.each(result, function(key,value){  

                    });  
                    if(total>result.length){  
                        $("#loading").show().html('没了,还加载啥');  
                        status=true;  
                    }  
                },  
                //调用出错执行的函数  
                error: function(){  
                   status=true;  
                    $("#loading").show().html('网络异常');  
                }  
            });  
        }, 500);  
    }  

    $(function(){  
        $(window).scroll(function() {  
            //当内容滚动到底部时加载新的内容  
            if ($(this).scrollTop() + $(window).height() + 30 >= $(document).height() && $(this).scrollTop() > 30) {  
                //当前要加载的页码  
                loadMore(url,20);  
            }  
        });  
    });
收起阅读 »

App 开发实战教程 -《有道词典》、《今日头条》!更多免费视频教程(mui、h5+、h.js)等教程汇总

mui

基于mui、h5+、h.js的App开发实战教程 - 仿《有道词典》 已经发布!


总计10节:
1、入口页面布局子页面布局(含原生侧滑窗口切换
2、主页面布局及代码实现
3、新闻详情页面开发
4、词典页面功能及代码编写
5、热点新闻栏目开发(涵盖:下拉刷新、上拉加载等知识点)
6、完成登录检查及微信登录
7、“我的”页面开发
8、推送及相关统计
9、app 在线升级及安装
10、发布应用到应用宝并进行应用加固及签名

课程总计 4个半小时,包含源码、apk。涉及mui布局修改、服务器交互、微信登录、推送、app升级、加固签名等大部分开发知识!
收费50元,有经济困难的在校学生可以联系客服 1265928288 进行优惠(不是勿扰)。
购买方式
腾讯课堂:
https://ke.qq.com/course/194834#tuin=4f8da6

资料包包含:源码、素材、文字资料,购买后即可下载! 观看时候选择超清模式,代码清晰可见!

交流qq群
1群 335126794(已满), 2群 340610532

hcoder 一直致力于奉献高质量 教程,官网上 mui h5+ 等免费教程播放量已经达到5万,收点费用为了做的更好,希望大家理解。
免费教程地址
http://www.hcoder.net/course

继续阅读 »

基于mui、h5+、h.js的App开发实战教程 - 仿《有道词典》 已经发布!


总计10节:
1、入口页面布局子页面布局(含原生侧滑窗口切换
2、主页面布局及代码实现
3、新闻详情页面开发
4、词典页面功能及代码编写
5、热点新闻栏目开发(涵盖:下拉刷新、上拉加载等知识点)
6、完成登录检查及微信登录
7、“我的”页面开发
8、推送及相关统计
9、app 在线升级及安装
10、发布应用到应用宝并进行应用加固及签名

课程总计 4个半小时,包含源码、apk。涉及mui布局修改、服务器交互、微信登录、推送、app升级、加固签名等大部分开发知识!
收费50元,有经济困难的在校学生可以联系客服 1265928288 进行优惠(不是勿扰)。
购买方式
腾讯课堂:
https://ke.qq.com/course/194834#tuin=4f8da6

资料包包含:源码、素材、文字资料,购买后即可下载! 观看时候选择超清模式,代码清晰可见!

交流qq群
1群 335126794(已满), 2群 340610532

hcoder 一直致力于奉献高质量 教程,官网上 mui h5+ 等免费教程播放量已经达到5万,收点费用为了做的更好,希望大家理解。
免费教程地址
http://www.hcoder.net/course

收起阅读 »

关于Hbuilder无法检测Genymotion模拟器的解决办法

genymotion

随便说两句

这两天因为安卓测试机无法使用,开始捣腾起模拟器,先是用了 Android SDK,但是不好用,而且步骤繁琐,后来用了Genymotion,下载很方便,在这里我就不讲怎么下载和安装,直接讲我是怎么解决Hbuilder无法识别的问题。

废话不多说

产生这个问题的原因一般是 adb 冲突,因为Hbuilder和Genymotion都有各自的adb,我们先找到它们各自的文件所在目录路径。
以我自己的路径为例:
D:\Genymotion\tools
D:\Hbuilder\tools

然后跟着我的步骤做

首先运行你的Genymotion模拟器

(1) 按快捷键 “WIN R” 并输入 cmd,回车

(2) 输入命令 进入你的Genymotion文件中中tools目录下

(3) 输入命令 .\adb devices
你会看到一个IP和端口(如我的是:192.168.194.101:5555),记下来,后面要用

(4)在计算机Genymotion文件夹tools目录下,找到adb.exe,将它重命名(随意),方便我们kill进程

(5) 同时也打开Hbuilder,然后启动任务管理器,将所有的adb.exe进程都结束掉

(6) 再回到cmd,进到Hbuilder目录下的tools目录下,输入 .\adb connect 192.168.194.101:5555 这里的IP和端口替换第3步你的那个

(7)再看看你的Hbuilder(点一下这个小箭头),会看到已经连接到你的设备

(8)大功告成,最后记得把Genymotion的adb.exe文件改回来,不然下次运行模拟器就会有问题(默认名字是 adb.exe)

但是!我想大家也发现了,我们每次连接模拟器难道都要做这些吗,好麻烦(懒癌犯了),所以我写了一个简单的批处理。
可以新建一个txt文件,然后复制下面这段进去(相应的路径根据自己的两个adb文件路径替换,相信兄弟们都是很有灵性的)

d:

rename \Genymotion\tools\adb.exe adb_t.exe

taskkill /f /fi "STATUS ne Running" /im adb.exe

cd \Hbuilder\tools

.\adb connect 192.168.194.101:5555

rename \Genymotion\tools\adb_t.exe adb.exe

pause

然后另存为一个后缀为.bat的批处理文件(另存为的时候记得选所以文件,编码不要去修改)

好了,以后每次只要先打开Hbuilder和Genymotion,然后双击点开我们的批处理文件,搞定

赶紧去试一试!

继续阅读 »

随便说两句

这两天因为安卓测试机无法使用,开始捣腾起模拟器,先是用了 Android SDK,但是不好用,而且步骤繁琐,后来用了Genymotion,下载很方便,在这里我就不讲怎么下载和安装,直接讲我是怎么解决Hbuilder无法识别的问题。

废话不多说

产生这个问题的原因一般是 adb 冲突,因为Hbuilder和Genymotion都有各自的adb,我们先找到它们各自的文件所在目录路径。
以我自己的路径为例:
D:\Genymotion\tools
D:\Hbuilder\tools

然后跟着我的步骤做

首先运行你的Genymotion模拟器

(1) 按快捷键 “WIN R” 并输入 cmd,回车

(2) 输入命令 进入你的Genymotion文件中中tools目录下

(3) 输入命令 .\adb devices
你会看到一个IP和端口(如我的是:192.168.194.101:5555),记下来,后面要用

(4)在计算机Genymotion文件夹tools目录下,找到adb.exe,将它重命名(随意),方便我们kill进程

(5) 同时也打开Hbuilder,然后启动任务管理器,将所有的adb.exe进程都结束掉

(6) 再回到cmd,进到Hbuilder目录下的tools目录下,输入 .\adb connect 192.168.194.101:5555 这里的IP和端口替换第3步你的那个

(7)再看看你的Hbuilder(点一下这个小箭头),会看到已经连接到你的设备

(8)大功告成,最后记得把Genymotion的adb.exe文件改回来,不然下次运行模拟器就会有问题(默认名字是 adb.exe)

但是!我想大家也发现了,我们每次连接模拟器难道都要做这些吗,好麻烦(懒癌犯了),所以我写了一个简单的批处理。
可以新建一个txt文件,然后复制下面这段进去(相应的路径根据自己的两个adb文件路径替换,相信兄弟们都是很有灵性的)

d:

rename \Genymotion\tools\adb.exe adb_t.exe

taskkill /f /fi "STATUS ne Running" /im adb.exe

cd \Hbuilder\tools

.\adb connect 192.168.194.101:5555

rename \Genymotion\tools\adb_t.exe adb.exe

pause

然后另存为一个后缀为.bat的批处理文件(另存为的时候记得选所以文件,编码不要去修改)

好了,以后每次只要先打开Hbuilder和Genymotion,然后双击点开我们的批处理文件,搞定

赶紧去试一试!

收起阅读 »

12个可以帮你简化iOS app开发流程的工具

iOS iOS证书

这里推荐12个可以帮你简化iOS app开发流程的工具。很多开发者都使用过这些工具,涉及原型和设计、编程、测试、上架以及最后的营销,基本上涵盖了整个开发过程。

原型和设计

有了一个很好的创意后,你要做的不是立刻编程,而是设计UI和创建原型,这样你才能知道app如何运行,根据用户体验需要做哪些调整。

App Cooker

AppCooker 不仅是一个创建原型的优秀工具,它提供的许多功能还可以帮助你将程序发布到App store中。它集成了Dropbox,Box.net和photo roll,你可以直接将图标和其它UI资源导入到原型设计工具中。你可以利用渐变和填充等功能来创建简单的形状,并且可以访问几乎所有苹果默认提供的UI控件。

如果你不准备深入图形设计,可以使用App Cooker将图片资源合理地放在一起,以创建一个粗糙的、统一的原型。AppCooker还有一个很容易使用的动态链接功能,通过该功能,你可以把各种画面连接起来。

Fluid UI

Fluid UI是一款用于移动开发的Web原型设计工具,可以帮助设计师高效地完成产品原型设计。优点:无设备限制,无平台限制(Windows、Mac以及Linux系统),支持Chrome和Safari浏览器(Chrome浏览器上的app也可离线使用)。采取拖拽的操作方式,不需要程序员来写代码。另外,Fluid UI资源库非常丰富,有针对iOS、Android以及Windows 8的资源。如果你觉得库存资源不能满足你的需求,你也可以自行添加。

对于喜欢快速开发的小团队来说,Fluid UI高保真模拟用户体验和操作非常适合。开发人员甚至在创建原型后还可以进行触摸测试,分享移动用户体验。另外,开发人员还可以在Fluid UI上进行迭代开发!Fluid UI提供免费版本和付费版本:免费版支持1个项目,其余根据支持项目数目不同进行收费,比如29美元/月支持3个项目,49美元/月支持10个项目,129美元/月支持10个以上项目。

Make app icon

Make app icon是一个可以帮你快速生成app图标的web工具。Make app icon可以帮你生成苹果指导方针所说的各种分辨率图标,包括retina设备和非retina设备。另外,还可以制作用于Android平台的图标。

虽然看起来是个很简单的工具,但可以帮你节省不少时间,使用起来也比较方便。你在Make app icon网页添加图片,然后留下你的邮箱,系统最终会将图标以zip文件形式发送给你,支持PNG、JPG以及PSD等不同格式文件。(发送时间会有点长...)

你也许会意识到之前你在阅读各个图标大小说明和调整每个图标上浪费了多少时间。

Sketch

Sketch是一款Mac上的app,是一款优秀的Vector/Pixel混合型开发工具,可以帮你创建retina图像。你可以将这款app当成Photoshop和Fireworks的替代品,它包含大量对开发者友好的功能,比如“导出为CSS文件”和为Retina设备导出。售价\$49,15天免费试用。

开发和上架

一旦你有了初步的UI和设计元素,你就要开始编码和最终的上架了,下边一些工具或许可以帮到你。

SourceTree

SourceTree是一个免费的Mac软件,主要用于Git和Mercurial版本控制。根据我的经验,大多数的iOS开发者都使用Git,另外还有一小部分人在使用Mercurial和SVN。

SourceTree可以帮助你进行源代码控制计划,跟传统的复杂的命令行版本控制软件相比,SourceTree是一款独一无二的GUI工具。对于新手Git用户来说,SourceTree使用起来简单且高效,对于经验丰富的app开发人员来说,SourceTree有着非常强大的功能。

另外,SourceTree还有一些很棒的功能,比如incoming和outgoing变更,以及直观的分支管理功能。SourceTree可以让你在操作终端上节省非常多的时间。

AirServer

有时候会需要把app展现在大屏幕上,或者你想展示一个修复了bug的屏幕截图,但你又不想进入全屏的视频编辑模式,那么AirServer就是一个很好的选择。

AirServer是一个非常简单的Mac和PC应用,它的作用是把你的iPhone 或者iPad的屏幕搬到电脑上。AirServer能够通过本地网络将音频、照片、视频以及支持 AirPlay 功能的第三方App,从 iOS 设备无线传送到 Mac 电脑的屏幕上,把Mac变成一个AirPlay终端。

安装AirServer软件后,iPhone或者iPad上会显示可用于AirPlay的设备列表,选择你的电脑,你的iPhone屏幕就会立即呈现在电脑上,就像Apple TV与电视的关系一样。这对团体demo非常有用,适合大的开发团队进行app相关测试。

Appuploader

Appuploader是一款用于ios app上架的辅助工具,可以帮助开发者高效地申请ios证书和上传ipa到App Store。优点:无设备限制,无平台限制(Windows、Mac以及Linux系统),对于跨平台开发没有配置Mac电脑的开发者非常合适。

另外Appuploader还有一些很棒的功能,创建申请的ios证书和配置文件,不受设备限制,很好的解决多电脑开发弊端,还可以通过模板更新app信息,让你在上架过程中节省很多时间.

服务器端的服务

在过去几年,我们见证了针对移动开发者的服务器端业务的快速增长,这些服务宣称可以解决类似于存储、内容交付以及实时功能等。较高可靠性和工具集可以帮助开发者有效降低开发时间,可能是时候考虑在你的下个app中使用服务器服务。以下是有关于该项服务的几个简短介绍:

Firebase

Firebase是一家位于旧金山的后端服务提供商,主要关注后端数据实时处理,适用于对数据实时性要求很高的app,如网页游戏、协作工具等。借助Firebase的服务,你可以为用户打造独一无二的体验,尤其适合那些多人玩家的app。现在Firebase为多个应用提供数据库服务,包括 Scratchpad.io、Twitch 以及 Klout等。

Firebas的服务使用起来非常简单,只需引用一行JS代码,即可配置好Web App所需的数据库存储服务。简化了编码工作,使用户可以专注问题本身,节省了开发时间。另外,使用Firebase服务,开发者无需购置服务器即可实现app实时数据更新,用户无需刷新页面就能获得新数据。Firebase已经发布了全新的iOS SDK,同样可以帮助iOS开发者解决一定的数据存储问题。

Kinvey

Kinvey宣称可以帮开发者走出创建和维护移动后端的困境。Kinvey是一项跨平台的服务,有着多项功能,比如用户管理、业务逻辑、数据存储、推送通知、跨CDN大量文件存储、分析、自动化版本管理以及其他功能。不管是个人开发者还是企业级开发者,Kinvey都是一个强大的平台。

测试和营销

测试是app开发过程中非常重要的一步,在app在上架应用商店之前,开发者要确保自己的app能够流畅地运行,可以节省大量时间,也可降低客服人员的工作量。市场可用于测试、获得用户反馈和app崩溃报告的服务非常多,以下提供几种供参考:

Tokens

Tokens简化了iTunes Connect生成和分发免费促销码的过程,不管是发布新app还是更新app版本。此外,Tokens还可以跟踪你的促销码分发对象,以及他们是否兑换了促销码,这可以帮助你优化数量有限(50)的促销码,避免浪费。

Smore

Smore 是一个在线快速制作电子宣传单的web app,不仅仅支持图片和文本,还支持视频多媒体内容。使用Smore为你的app制作电子宣传单只需要你向AppStore提交应用时所需的截图、描述等。Smore提供多个可选主题,如果你对系统生成的电子宣传单不满意,你也可以自行编辑。此外,smore还提供流量分析服务,你可以清楚地知道用户如何mageView2/2/w/1240)

Countly

Countly为开发者提供了实时的、开源移动分析平台,通过可视化的方式将收集自手机用户的数据展现出来,从而给开发者可行的建议。开发者可以轻易地将Countly服务器端代码部署在自己的服务器上,并将开发工具包整合进自己的app中。目前,Countly分析系统有iOS 和 Android两种版本的开发包。如果你熟悉的Google Analytics和Flurry,那么Countly也可提供相同的功能。

继续阅读 »

这里推荐12个可以帮你简化iOS app开发流程的工具。很多开发者都使用过这些工具,涉及原型和设计、编程、测试、上架以及最后的营销,基本上涵盖了整个开发过程。

原型和设计

有了一个很好的创意后,你要做的不是立刻编程,而是设计UI和创建原型,这样你才能知道app如何运行,根据用户体验需要做哪些调整。

App Cooker

AppCooker 不仅是一个创建原型的优秀工具,它提供的许多功能还可以帮助你将程序发布到App store中。它集成了Dropbox,Box.net和photo roll,你可以直接将图标和其它UI资源导入到原型设计工具中。你可以利用渐变和填充等功能来创建简单的形状,并且可以访问几乎所有苹果默认提供的UI控件。

如果你不准备深入图形设计,可以使用App Cooker将图片资源合理地放在一起,以创建一个粗糙的、统一的原型。AppCooker还有一个很容易使用的动态链接功能,通过该功能,你可以把各种画面连接起来。

Fluid UI

Fluid UI是一款用于移动开发的Web原型设计工具,可以帮助设计师高效地完成产品原型设计。优点:无设备限制,无平台限制(Windows、Mac以及Linux系统),支持Chrome和Safari浏览器(Chrome浏览器上的app也可离线使用)。采取拖拽的操作方式,不需要程序员来写代码。另外,Fluid UI资源库非常丰富,有针对iOS、Android以及Windows 8的资源。如果你觉得库存资源不能满足你的需求,你也可以自行添加。

对于喜欢快速开发的小团队来说,Fluid UI高保真模拟用户体验和操作非常适合。开发人员甚至在创建原型后还可以进行触摸测试,分享移动用户体验。另外,开发人员还可以在Fluid UI上进行迭代开发!Fluid UI提供免费版本和付费版本:免费版支持1个项目,其余根据支持项目数目不同进行收费,比如29美元/月支持3个项目,49美元/月支持10个项目,129美元/月支持10个以上项目。

Make app icon

Make app icon是一个可以帮你快速生成app图标的web工具。Make app icon可以帮你生成苹果指导方针所说的各种分辨率图标,包括retina设备和非retina设备。另外,还可以制作用于Android平台的图标。

虽然看起来是个很简单的工具,但可以帮你节省不少时间,使用起来也比较方便。你在Make app icon网页添加图片,然后留下你的邮箱,系统最终会将图标以zip文件形式发送给你,支持PNG、JPG以及PSD等不同格式文件。(发送时间会有点长...)

你也许会意识到之前你在阅读各个图标大小说明和调整每个图标上浪费了多少时间。

Sketch

Sketch是一款Mac上的app,是一款优秀的Vector/Pixel混合型开发工具,可以帮你创建retina图像。你可以将这款app当成Photoshop和Fireworks的替代品,它包含大量对开发者友好的功能,比如“导出为CSS文件”和为Retina设备导出。售价\$49,15天免费试用。

开发和上架

一旦你有了初步的UI和设计元素,你就要开始编码和最终的上架了,下边一些工具或许可以帮到你。

SourceTree

SourceTree是一个免费的Mac软件,主要用于Git和Mercurial版本控制。根据我的经验,大多数的iOS开发者都使用Git,另外还有一小部分人在使用Mercurial和SVN。

SourceTree可以帮助你进行源代码控制计划,跟传统的复杂的命令行版本控制软件相比,SourceTree是一款独一无二的GUI工具。对于新手Git用户来说,SourceTree使用起来简单且高效,对于经验丰富的app开发人员来说,SourceTree有着非常强大的功能。

另外,SourceTree还有一些很棒的功能,比如incoming和outgoing变更,以及直观的分支管理功能。SourceTree可以让你在操作终端上节省非常多的时间。

AirServer

有时候会需要把app展现在大屏幕上,或者你想展示一个修复了bug的屏幕截图,但你又不想进入全屏的视频编辑模式,那么AirServer就是一个很好的选择。

AirServer是一个非常简单的Mac和PC应用,它的作用是把你的iPhone 或者iPad的屏幕搬到电脑上。AirServer能够通过本地网络将音频、照片、视频以及支持 AirPlay 功能的第三方App,从 iOS 设备无线传送到 Mac 电脑的屏幕上,把Mac变成一个AirPlay终端。

安装AirServer软件后,iPhone或者iPad上会显示可用于AirPlay的设备列表,选择你的电脑,你的iPhone屏幕就会立即呈现在电脑上,就像Apple TV与电视的关系一样。这对团体demo非常有用,适合大的开发团队进行app相关测试。

Appuploader

Appuploader是一款用于ios app上架的辅助工具,可以帮助开发者高效地申请ios证书和上传ipa到App Store。优点:无设备限制,无平台限制(Windows、Mac以及Linux系统),对于跨平台开发没有配置Mac电脑的开发者非常合适。

另外Appuploader还有一些很棒的功能,创建申请的ios证书和配置文件,不受设备限制,很好的解决多电脑开发弊端,还可以通过模板更新app信息,让你在上架过程中节省很多时间.

服务器端的服务

在过去几年,我们见证了针对移动开发者的服务器端业务的快速增长,这些服务宣称可以解决类似于存储、内容交付以及实时功能等。较高可靠性和工具集可以帮助开发者有效降低开发时间,可能是时候考虑在你的下个app中使用服务器服务。以下是有关于该项服务的几个简短介绍:

Firebase

Firebase是一家位于旧金山的后端服务提供商,主要关注后端数据实时处理,适用于对数据实时性要求很高的app,如网页游戏、协作工具等。借助Firebase的服务,你可以为用户打造独一无二的体验,尤其适合那些多人玩家的app。现在Firebase为多个应用提供数据库服务,包括 Scratchpad.io、Twitch 以及 Klout等。

Firebas的服务使用起来非常简单,只需引用一行JS代码,即可配置好Web App所需的数据库存储服务。简化了编码工作,使用户可以专注问题本身,节省了开发时间。另外,使用Firebase服务,开发者无需购置服务器即可实现app实时数据更新,用户无需刷新页面就能获得新数据。Firebase已经发布了全新的iOS SDK,同样可以帮助iOS开发者解决一定的数据存储问题。

Kinvey

Kinvey宣称可以帮开发者走出创建和维护移动后端的困境。Kinvey是一项跨平台的服务,有着多项功能,比如用户管理、业务逻辑、数据存储、推送通知、跨CDN大量文件存储、分析、自动化版本管理以及其他功能。不管是个人开发者还是企业级开发者,Kinvey都是一个强大的平台。

测试和营销

测试是app开发过程中非常重要的一步,在app在上架应用商店之前,开发者要确保自己的app能够流畅地运行,可以节省大量时间,也可降低客服人员的工作量。市场可用于测试、获得用户反馈和app崩溃报告的服务非常多,以下提供几种供参考:

Tokens

Tokens简化了iTunes Connect生成和分发免费促销码的过程,不管是发布新app还是更新app版本。此外,Tokens还可以跟踪你的促销码分发对象,以及他们是否兑换了促销码,这可以帮助你优化数量有限(50)的促销码,避免浪费。

Smore

Smore 是一个在线快速制作电子宣传单的web app,不仅仅支持图片和文本,还支持视频多媒体内容。使用Smore为你的app制作电子宣传单只需要你向AppStore提交应用时所需的截图、描述等。Smore提供多个可选主题,如果你对系统生成的电子宣传单不满意,你也可以自行编辑。此外,smore还提供流量分析服务,你可以清楚地知道用户如何mageView2/2/w/1240)

Countly

Countly为开发者提供了实时的、开源移动分析平台,通过可视化的方式将收集自手机用户的数据展现出来,从而给开发者可行的建议。开发者可以轻易地将Countly服务器端代码部署在自己的服务器上,并将开发工具包整合进自己的app中。目前,Countly分析系统有iOS 和 Android两种版本的开发包。如果你熟悉的Google Analytics和Flurry,那么Countly也可提供相同的功能。

收起阅读 »

APP+PC+微信等项目 团队承接各种定制开发

目前团队承接各种定制开发业务。(纯技术团队)
pc端:电商系统、房产系统、直销系统等各种定制
微信:微商城分销,服务号、订阅号等各种定制开发
APP:开发全行业定制开发
免费售后服务一年(BUG终身修复),签订开发合同保证双方利益。支持第三方威客资金托管,先干活,满意后在付款。

电话:
15666871360
座机:
0539-3330321
QQ:
767677830

继续阅读 »

目前团队承接各种定制开发业务。(纯技术团队)
pc端:电商系统、房产系统、直销系统等各种定制
微信:微商城分销,服务号、订阅号等各种定制开发
APP:开发全行业定制开发
免费售后服务一年(BUG终身修复),签订开发合同保证双方利益。支持第三方威客资金托管,先干活,满意后在付款。

电话:
15666871360
座机:
0539-3330321
QQ:
767677830

收起阅读 »

全职承接 APP,thinkphp 接口+后台,完整项目 !保证质量 !

全职承接 APP,thinkphp 接口+后台,完整项目 !保证质量 !

QQ:2714055313,439396545!

两个QQ都可以联系!

全职承接 APP,thinkphp 接口+后台,完整项目 !保证质量 !

QQ:2714055313,439396545!

两个QQ都可以联系!