IOS 原生项目Widget方式集成MUI遇到的一些问题

一.首先从官网下载最新的的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 有对应。

IOS 原生项目Widget方式集成MUI遇到的一些问题

推荐阅读更多精彩内容