一.首先从官网下载最新的的SDK
QQ图片20190820171634.png
参照IOS平台5+SDK技术白皮书把需要的环境配置好，这些都没有问题。
二.打开H5界面是参照下图中项目
image.png
首先将这个类复制到项目中
QQ图片20190820173123.jpg
三.以下是部分关键代码
1.在工程的AppDelegate类设置当前SDK运行模式 使用WebApp集成
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
UINavigationController* pNavCon = [[UINavigationController alloc]
initWithRootViewController:_window.rootViewController];
_window.rootViewController = pNavCon;
[pNavCon release];
// 设置当前SDK运行模式
// 使用WebApp集成是使用的启动参数
return [PDRCore initEngineWihtOptions:launchOptions withRunMode:PDRCoreRunModeAppClient];
}}
2.修改WebAppController中的代码打开自己的项目
@interface WebAppController()
{
PDRCoreApp* pAppHandle;
BOOL _isFullScreen;
UIStatusBarStyle _statusBarStyle;
}
@end
//这个子view一定要设置为静态，不然应用退出时候会有问题
static UIView* pContentVIew = nil;
@implementation WebAppController
- (void)loadView
{
[super loadView];
if(pContentVIew == nil)
pContentVIew = [[UIView alloc] initWithFrame:self.view.bounds];
[self.view addSubview: pContentVIew];
PDRCore *h5Engine = [PDRCore Instance];
[self setStatusBarStyle:h5Engine.settings.statusBarStyle];
_isFullScreen = [UIApplication sharedApplication].statusBarHidden;
if ( _isFullScreen != h5Engine.settings.fullScreen ) {
_isFullScreen = h5Engine.settings.fullScreen;
if ( [self respondsToSelector:@selector(setNeedsStatusBarAppearanceUpdate)] ) {
[self setNeedsStatusBarAppearanceUpdate];
} else {
[[UIApplication sharedApplication] setStatusBarHidden:_isFullScreen];
}
}
h5Engine.coreDeleagete = self;
h5Engine.persentViewController = self;
// 设置WebApp所在的目录，该目录下必须有mainfest.json
NSString* pWWWPath = [[[NSBundle mainBundle] bundlePath] stringByAppendingPathComponent:@"Pandora/apps/H563EBC0A/www"];
// 如果路径中包含中文，或Xcode工程的targets名为中文则需要对路径进行编码
//NSString* pWWWPath2 = (NSString *)CFURLCreateStringByAddingPercentEscapes( kCFAllocatorDefault, (CFStringRef)pTempString, NULL, NULL, kCFStringEncodingUTF8 );
// 用户在集成5+SDK时，需要在5+内核初始化时设置当前的集成方式，
// 请参考AppDelegate.m文件的- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法
// 设置5+SDK运行的View
[[PDRCore Instance] setContainerView:pContentVIew];
// 传入参数可以在页面中通过plus.runtime.arguments参数获取
NSString *pArgus=@"{\"name\": \"2.1.2\",\"code\": \"20102\"}";
// 启动该应用
pAppHandle = [[[PDRCore Instance] appManager] openAppAtLocation:pWWWPath withIndexPath:@"index.html" withArgs:pArgus withDelegate:nil];
// pAppHandle = [[[PDRCore Instance] appManager] openAppWithAppid:@"H563EBC0A" withArgs:pArgus withDelegate:nil];
// 如果应用可能会重复打开的话建议使用restart方法
// [[[PDRCore Instance] appManager] restart:pAppHandle];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textClose:) name:@"CloseWebAPP" object:nil];
}
- (void)textClose:(NSNotification *)not{
//不要在消息触发的方法里关闭应用需要使用异步的方式关闭APP
[self performSelectorOnMainThread:@selector(classWebApp) withObject:nil waitUntilDone:NO];
}
- (void)classWebApp{
//调用AppManager的方法关闭应用
[[PDRCore Instance].appManager end:pAppHandle];
[self.navigationController popViewControllerAnimated:NO];
}
注意：
// [[[PDRCore Instance] appManager] restart:pAppHandle];
这里不用这段代码原因是因为我这里要传参数，所以不能用这个方法，否则第二次打开界面的时候参数不会过去
以下这点尤为重要，被坑了很久，提醒一下大家
//这个pContentVIew一定要设置为静态，不然应用退出后再次打开时候会有问题，这个当时折腾了很久，好不容易才找到，
默认这段代码是注释掉的。
static UIView* pContentVIew = nil;
if(pContentVIew == nil)
pContentVIew = [[UIView alloc] initWithFrame:self.view.bounds];
[self.view addSubview: pContentVIew];
// 设置5+SDK运行的View
[[PDRCore Instance] setContainerView:pContentVIew];
3.调用WebAppController 打开H5页面
WebAppController* pWebAppController = [[WebAppController alloc] init];
if (pWebAppController) {
self.navigationController.navigationBarHidden = YES;
[self.navigationController pushViewController:pWebAppController animated:YES];
}
到这里打开基本没啥问题了
4.关闭H5页面
首先要说的是，IOS关闭MUI和android的方式是不一样的,plus.runtime.quit();只支持android，IOS要调用原生的代码来关闭才行
上代码
//MUI界面代码
mui.back = function(event) {
if(mui.os.ios) {
var notiClass = plus.ios.importClass("NSNotificationCenter");
notiClass.defaultCenter().postNotificationNameobject("CloseWebAPP", null);
} else {
plus.runtime.quit();
}
}
WebAppController中对应的代码
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textClose:) name:@"CloseWebAPP" object:nil];
- (void)textClose:(NSNotification *)not{
//不要在消息触发的方法里关闭应用需要使用异步的方式关闭APP
[self performSelectorOnMainThread:@selector(classWebApp) withObject:nil waitUntilDone:NO];
}
- (void)classWebApp{
//调用AppManager的方法关闭应用
[[PDRCore Instance].appManager end:pAppHandle];
[self.navigationController popViewControllerAnimated:NO];
}
以上关于IOS调用H5页面 要注意的一些地方，至于H5+ API调用的类请参考
Feature-iOS.xls 有对应。