美文网首页my ionic3
ionic3 mac os 下真机测试

ionic3 mac os 下真机测试

作者: wzfjesun | 来源:发表于2018-02-21 15:23 被阅读17次

    想试试ionic3在mac os下的打包真机运行。无奈xcode必须在mac os上才能安装使用,所以只能在vmware上安装了mac os试试。
    vmware上安装了mac os请进入传送门:https://www.jianshu.com/p/da6bf50832ba

    因为安装的macos版本是10.11.1,Appstore里的版本不能安装,只能下载历史版本的xcode。


    QQ截图20180221072047.png

    到官网去下载https://developer.apple.com/support/xcode/

    QQ截图20180221072651.png QQ截图20180221072744.png

    这里的apple id任何账号都可以,苹果手机用来下载app的账号也可以,不一定要开发者账号。我下载了xcode8.2.1 版本


    QQ截图20180221082116.png

    下载完成后,直接打开,会进行签名校验,如果失败,尝试着把macos系统升级下,我这里升级后就可以正常打开了。


    QQ截图20180221073814.png
    我原先系统版本是10.11.1升级后10.11.6就可以正常安装xcode
    QQ截图20180221083102.png

    至此,准备工作完成了。接下来开始ionic安装,打开终端,
    最好切换到超级管理员运行,否则会出现很多权限的问题。
    切换到管理员: sudo -s
    安装ionic: npm install -g cordova ionic
    ionic start myMenu sidemenu
    cd myMenu
    ionic build iOS
    build成功后,进入到myMenu目录,双击 platforms/ios/myMenu.xcodeproj
    就会用xcode打开ios项目


    QQ截图20180221113141.png

    然后在xcode添加appleid账号,这里输入你上方注册或使用的appleid账号即可。


    QQ截图20180221113917.png QQ截图20180221114010.png

    我们回到xcode界面,添加运行程序的emulate或者真机:


    QQ截图20180221114915.png QQ截图20180221114942.png

    如果连接了usb还是找不到iphone手机(no devices connected),可以在虚拟机的设置选项里,设置USB的兼容模式为 2.0,并且将勾选上 显示所有的USB设备,再重新插拔usb,xcode即可识别到iphone.

    QQ截图20180221115304.png

    选择设备,点击play,即可编译。


    QQ截图20180221124550.png QQ截图20180221124708.png

    下面几个步骤参考自此链接
    https://ionicframework.com/docs/intro/deploying/

    QQ截图20180221125320.png QQ截图20180221125408.png QQ截图20180221125605.png QQ截图20180221131140.png QQ截图20180221130603.png QQ截图20180221132132.png QQ截图20180221131055.png QQ截图20180221131529.png

    所有过程完毕。希望对大家有所帮助

    相关文章

      网友评论

        本文标题:ionic3 mac os 下真机测试

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