您的位置: 首页  >  文章  >  Ionic IOS APP Platform Guide

Ionic IOS APP Platform Guide

分类: 文章 • 2023-11-07 17:48:22

IOS APP Platform Guide

一、申请开发者账号

Ionic IOS APP Platform Guide

1、申请个人账号-$99

https://developer.apple.com/enroll/cn/complete/

Ionic IOS APP Platform Guide

2、申请企业账号-$99

https://developer.apple.com/enroll/cn

1.      申请D-U-N-S 编号

Ionic IOS APP Platform Guide

https://developer.apple.com/enroll/cn/duns-lookup/#!/search

Ionic IOS APP Platform Guide

2.申请企业账号

二、iOS开发证书申请教程（真机调试测试）

1、iOS打包证书配置最详细的教程(新手必看)

https://blog.****.net/wds326598/article/details/53036112

2、Xcode打包ipa的基本步骤(有证书和无证书)

http://www.cocoachina.com/ios/20170623/19623.html

3、不用开发者账号申请ios证书真机调试

https://segmentfault.com/a/1190000010488977

免开发账号申请ios证书的神器就是Appuploader，是ios app测试及上架的辅助工具。--免费试用一个月

三、ionic项目ios真机部署（不需开发者账号）

1、环境安装

1.安装ionic和cordova

npm install -g ionic

npm install -g cordova

 

2.创建一个新项目

ionic start app_name template_name

 

3.进入项目目录cd app_name，添加平台

ionic cordova platform add ios/android

ionic build ios

 

4.在真机上运行需要

npm install -g ios-deploy

 

5.在虚拟机运行时需要

npm install -g ios-sim

 

6.利用xcode在真机上部署ios项目

找到项目文件夹，platforms -> iOS -> xxx.xcodeproj 文件，双击打开（即在xcode中打开了这个项目）

点击菜单栏 xcode -> preferences -> Accounts 添加Apple ID账号

 

7.运行：将设备通过数据线连上电脑

在窗口左上角运行按钮的右侧选择你的设备后，点击运行，即可开始真机部署；

 

或在命令行输入

 

ionic cordova run ios

2、基于ios系统ionic 项目开发跨域问题

https://blog.****.net/u012365780/article/details/80449682

（1）      问题

打开xcode 控制台，你会发现所有请求都会出现如下错误信息。 

[html] view plain copy

1. {"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"Unknown Error","url":null,"ok":false,"name":"HttpErrorResponse","message":"Http failure response for (unknown url): 0 Unknown Error","error":{"isTrusted":true}}  

 

（2）      原因

ios 的系统中存在两个网页浏览器，一个是UIWebView，一个是WKWebView,在以前ionic 构建的时候默认使用的是UIWebView,而这个网页浏览器并没有强制的实施了CORS。但是那是以前，而现在所构建的ionic的项目，都默认使用WKWebView。这个家伙呢，强制实施了CORS

 

（3）      解决

1.默认使用UIWebView

 

1.1 方法：移除cordova-plugin-ionic-webview插件   

$ ioniccordova plugin remove cordova cordova-plugin-ionic-webview --save 

 

1.2 或者在项目中强制使用UIWebView，在config.xml中配置

<preference name="CordovaWebViewEngine"value="CDVUIWebViewEngine" /> 

如果app的体验没什么要求，那完全可以这样搞。但在现实开发中肯定是不可取的。

（4）      finder中全局搜索你的app

http://www.cocoachina.com/ios/20170623/19623.html

3、run。这个时候手机上就安装了app。然后在finder中全局搜索你的app。注意如果你的工程名位XXX，那么请搜索XXX.app。你会看到搜索结果。然后右键，“在上层文件夹中显示”。如果有多个结果的话，记得选最近编辑的那一个。

（5）      判断设备

ionic3 ionic.Platform.device();

https://ionicframework.com/docs/api/platform/Platform/



相关推荐