美文网首页ionic从入门到精通手机移动程序开发
ionic3通过【Ionic View】移动端预览创建的项目

ionic3通过【Ionic View】移动端预览创建的项目

作者: 魔都老王 | 来源:发表于2017-06-28 12:58 被阅读74次

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!

欢迎大家技术交流,配置过程中有问题可加群求助

点击加入【老王Discuz/ionic交流】QQ群

相关文章

网友评论

    本文标题:ionic3通过【Ionic View】移动端预览创建的项目

    本文链接:https://www.haomeiwen.com/subject/xetucxtx.html