最简单的混合APP开发框架——搭建你的第一个Ionic应用(二)
来源:互联网 发布:软件评测师 总分 编辑:程序博客网 时间:2024/06/07 02:58
现在我们可以在浏览器上看到自己的APP了,但是在浏览器上的APP说到底还只是一个单页应用,最有成就感的应该是我们自己做的APP在真正的手机上跑起来,right?
那么,就让我们继续吧。
如何将我们的单页应用变成APP安装到真机上?
一)Android
配置android开发环境
- 安装ant。Apache Ant下载地址 最后不要忘记配置环境变量。
- 安装Java JDK 。因为android底层是采用java语言编译,因此需要在你的电脑配置java环境。JDK下载地址 下载安装完成之后不要忘记配置环境变量。
- 安装Android SDK。两种方法:
1)下载Android Studio 然后在Android studio里面通过SDK Manager安装所有你需要的版本的SDK 。(tips:做好睡一觉之后再来看有没有下载完的准备)
SDK Manager如下所示:
2)离线下载SDK。你也可以手动下载或者copy这些文件到你的电脑。友情提示:可以到网上搜百度云或者其他资源,毕竟百度云或者迅雷速度可能比从SDK Manager的速度要快。
最后,无论你用哪种方式,下载好sdk之后,你的电脑的sdk目录应该有这些文件:
不要忘记配置android sdk环境变量:
第一步:新建ANDROID_HOME变量,值是你的SDK文件在电脑的位置
第二步:在path变量里面,将sdk\tools文件和sdk\platform-tools文件添加进去。
如果你完成了上面的工作,接下来就简单了。
将你的手机通过USB连接到电脑,确认已经开启了可调试,然后在你的Ionic项目里面运行:ionic cordova run android
如果一切顺利,app会编译成功之后自动安装到你的手机上,接着自动打开app。如果没有找到连接的手机,那么会自动打开android adk里自带的android模拟器。
如果报了什么错,不要慌,八成是android环境没有配置好。
二)iOS
- 首先你要有一台mac,安装Node到这台mac上,运行 npm install -g ionic cordova
- 我猜你的Mac应该已经装了Xcode了,如果真的没有,下载安装Xcode7以上版本。登录开发者账号
- 打开你的ionic项目,运行 ionic cordova build ios
- 编译成功之后,在resources/ios下面找到 **.xcodeproj文件,使用Xcode打开。
配置苹果开发者证书,看我的这篇博客
你只需要生成证书的时候将那篇文章里面所有production版本换成develop版本。
开发阶段不配置证书也可以,只要你在Xcode登陆了开发者账号,可以选择自动生成证书,那么你就什么都不要管了。不过最后发布到APP Store的时候你可能还要回来看我的那篇博客。连接手机,点击Xcode的运行,自动安装。
- 最简单的混合APP开发框架——搭建你的第一个Ionic应用(二)
- 最简单的混合APP开发框架——搭建你的第一个Ionic应用(一)
- 第一章:创建你的第一个App(二)
- Cordova+Angularjs+Ionic混合开发入门篇(四)—— 插件的简单使用
- 关于混合app 开发框架Ionic
- 我的第一个ionic应用的
- struts2框架开发的第一个应用
- SSM简明教程:简单的十步教你搭建人生第一个SSM框架
- 安卓训练-开始-开发你的第一个应用-开发简单的用户界面
- prism4学习笔记二:应用框架完成你的第一个prisam程序
- .prism4学习笔记二:应用框架完成你的第一个prisam程序
- prism4学习笔记二:应用框架完成你的第一个prisam程序
- Cordova+Angularjs+Ionic混合开发入门篇(二)—— 创建ionic工程
- Hybrid App(混合模式移动应用) Windows系统下开发环境的搭建
- Hibernate框架的搭建和第一个简单的实例
- Hibernate框架的搭建和第一个简单的实例
- 安卓开发--构建你的第一个APP
- ionic的安装使用并创建第一个app
- 算法编程题5-字符串部分移位问题
- 应用程序无法正常启动0xc0150002
- 一个经典简单小游戏:大富翁
- 比特币(BitCoin)学习第六天比特币(BitCoin)买币VS买矿机挖矿对比分析。
- ARKit从入门到精通(4)-ARKit全框架API大全
- 最简单的混合APP开发框架——搭建你的第一个Ionic应用(二)
- 蓝牙的进阶之路-扫描.链接.数据传输.手机和硬件的交互(一)
- 选择排序之--简单选择排序
- iOS设计模式(一)----单例模式
- TabLayout新闻列表和SlidingMenu侧拉菜单ListView点击Item跳转到主界面ViewPager对应页面
- C++实现麻将基本听牌胡牌的算法
- QLabel设置文字格式
- Filter和监听器
- PHP下载EXECE表格