1、cmd切换至项目目录
Paste_Image.png
2、查看help帮助,养成使用系统提示的习惯
$ ionic -h
3、注册ionic账户
使用 ionic signup 命令自动跳转 或 直接访问 https://apps.ionic.io/signup 注册用户
$ ionic signup
使用ionic signup命令会自动打开浏览器访问ionic注册页面
4、登录ionic账户
$ ionic login
输入账号密码登录成功,注意密码为隐藏输入,不显示输入内容
5、创建云端项目
(1)访问云端项目创建页面
浏览器访问 https://apps.ionic.io/apps/
(2)创建一个云端项目
云端项目名称可与本地项目名称相同,也可不同,没有影响
记下ID
(3)将本地demo-tabs项目与云端cloud-demo-tabs相连
$ ionic link
此时会出现一个刚刚创建的项目,按↓方向键选择该项目,回车确认
Paste_Image.png
成功将本地demo-tabs项目与云端cloud-demo-tabs相连
6、将本地开发的demo-tabs项目上传至云端cloud-demo-tabs
$ ionic upload
由于网络环境原因可能出现错误,清理缓存重启电脑,多试几次即可成功!
上传成功
7、移动端预览
(1)移动端web预览
手机与电脑加入一个局域网,手机浏览器访问电脑ip:8100即可
(2)移动端APP预览
① 安卓市场/AppStore搜索【Ionic View】软件,下载安装
Paste_Image.png
② 打开App,点击【PREVIEW A SHARED APP】
③ 输入 APP-ID 后开始下载
载入项目
④ 下载完成,点击预览
8、APP预览体验与正式环境展示无差别,体验度上完爆webapp!
欢迎大家技术交流,配置过程中有问题可加群求助