小程序动态

15502933391

咨询热线

H3新标准下,终端应用领域App合作开发迪耶县_

随著H5国际标准的正式发布,使终端应用领域的合作开发有了更多的优先选择,所致工作效率、生产成本、产品质量等其原因,终端应用领域无须而已纯粹的原生植物合作开发。

那时就纯粹归纳呵呵现阶段的五大非主流终端应用领域合作开发类别。

一、WebApp、HybridApp、 NativeApp纯粹如是说

WebApp

WebApp是指采用后端词汇撰写的可以用作多互联网平台的应用领域,运转在智能手机或应用程序上,对智能手机操控性要求较为高。

  • 受制于智能手机的webView,网页两极化放置于伺服器。
  • 预览难,预览无须通告采用者,不必全自动升级换代。
  • 合作投资生产成本低,保护纯粹。
  • 新体验差,采用者存留较高。
  • 互联网敏感性很强。

HybridApp

HybridApp是指采用原生植物词汇与后端词汇撰写的根本无法用作iOS和Android互联网平台的应用领域,但其整体优点更吻合NativeApp。

  • 后端JS初始化原生植物提供更多的JS的API,同时实现机能。
  • 预览梅西县,绝大部分须要难以自动预览,中控台易动可同时实现预览无须通告采用者,不必全自动升级换代。
  • 合作投资生产成本低,保护纯粹。
  • 受制于智能手机的webView。
  • 仍受制于控制技术,下载速度。
  • 新体验好,采用者存留高。

NativeApp

NativeApp是指如前所述智能WindowsPhone如iOS、Android,采用原生植物程式码撰写的应用领域,运转在智能手机上。

常见词汇
iOS :Objective-C swift
Android :JAVA

  • 合作投资生产成本低,须要两边合作开发者,保护生产成本低。
  • 预览梅西县,须要上载应用领域市场,须要全自动升级换代。
  • 采用者新体验好,存留率高。
  • 操控性平衡,还使。

二、WebApp、HybridApp、 NativeApp与原生植物的可视化

WebApp:h5与WKWebView可视化

比如:WKWebView读取html镜像展现网页:

oc中WKWebView同时实现:

//与后端签订合同标准化URL:nameID
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
WKUserContentController * wkUController = [[WKUserContentController alloc] init];
[wkUController addScriptMessageHandler:self name:@"nameID"];
config.userContentController = wkUController;
 //建立WKWebView
self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, ScreenWidth, ScreenHeight) configuration:config];
self.webView.navigationDelegate = self;
[self.view addSubview:self.webView];
//读取url
NSURL * baseUrl = [NSURL URLWithString:self.url];
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:baseUrl];
[_webView loadRequest:request];
#pragma mark  -- WKScriptMessageHandler
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
   //判断是nameID
   if([message.name isEqualToString:@"nameID"]){
      //写点击按钮的执行方法 
    }
}

HTML中按钮点击事件中同时实现:

function jsFunction(){
window.webkit.messageHandlers.nameID.postMessage({});
}

HybridApp:优先选择第三方框架,根据JS API接口初始化。比如:中控台易动,根据插件文档采用JS API接口采用

比如:在中控台易动建立应用领域、添加插件、参考插件API接口参考,这边以AppInfo插件为例:

 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态

示例代码:

 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态 H3新标准下,终端应用领域App合作开发迪耶县_ 小程序动态

复制示例代码,写在初始化的后端按钮事件里面:

function getAppInfo() {
// 获取app相关信息
    navigator.appInfo.getInfo(function (result) {
        alert(JSON.stringify(result));
    },function (error) {
        alert(error);
    });
}

NativeApp:采用oc编码。比如:

UIButton *senBtn = [UIButton buttonWithType:UIButtonTypeCustom];
senBtn.frame = CGRectMake(0, 0, 100, 100);
[senBtn addTarget:self action:@selector(senClick)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:senBtn];
- (void)senClick{
//写按钮点击方法
}

下一节会如是说WebAPPHybridApp自动预览(热预览)

相关文章

网友留言

发表评论

◎欢迎参与讨论