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

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群

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,200评论 19 139
  • 太长了,还是转载吧...今天在看博客的时候,无意中发现了@Trinea在GitHub上的一个项目Android开源...
    庞哈哈哈12138阅读 20,303评论 3 283
  • 一根铁丝 一弯一个圈儿 一个柳条 一弯一个圈儿 一张纸 一卷一个筒 弯曲是以柔韧 成环以改其貌 圈也
    萌龙在天阅读 174评论 0 0
  • 我要陪你走很多的长街小巷 我要和你过很多的春夏秋冬 我要带你辗转却不流离 ...
    熙严阅读 374评论 0 0
  • "唉唉 你没发现老大不对劲嘛"戴着黑墨镜的魁梧男人凑近另一个男人耳边说道"对啊,以前老大可从来不召见女人,最近特别...
    不一乐乎阅读 259评论 5 2