Dore 混合应用框架 —— 基于 React Native 的混合应用迁移方案

原创 2017年12月19日 00:00:00

上个周末,在写我的年终总结,有了一点新灵感 —— 其实是 xxx 原因。

在半年前的那篇《我们是如何将 Cordova 应用嵌入到 React Native 中》中,我介绍了如何将 Cordova 嵌入 React Native 应用中。

考虑到有大量的 Cordova 应用,会在未来迁移到 React Native 中,便写了 Dore。

Dore 是一个使用 React Native 实现的 WebView 容器,可以让你在 WebView 调用 React Native 组件。

其设计初衷:用于迁移 Cordova 的 WebView 应用到 React Native 的 WebView。

0?wx_fmt=jpeg

当然,仍然有更多的插件在开发之中,为了训练一下我编写原生代码的能力。我将改写一些 Java、Objective-C 的原生代码,未来会考虑使用 Swift。

Dore 使用示例

在 WebView 里,我们可以直接调用,类似于 cordova.plugins:

  1. DoreClient.lockToLandscape();

  2. DoreClient.setBrightnessLevel(0.2);

  3. DoreClient.isTablet().then(function(data) {

  4. });

在 React Native 使用起来也比较简单,在 WebView 的 onMessage 调用 Dore。

  1. onMessage = evt => {

  2.  Dore.handleMessage(evt, this.webView)

  3. };

对应的,只需要注入相应的原生模块,就可以调用第三方的原生模块——前提是我们已经对接了:

  1. Dore.inject([{

  2.  name: 'Toast',

  3.  class: Toast

  4. }

当前支持以下的插件:

  • BackHandler (钱柜娱乐开户)

  • Brightness (by react-native-device-brightness)

  • Console

  • DeviceInfo (by react-native-device-info)

  • Geolocation

  • Keyboard

  • NetInfo

  • Orientation

  • Permissions (by react-native-permissions)

  • State

  • StatusBar

  • Toast (by dore-toast)

  • Vibration

还有其它插件,等着你来一起开发。


0?wx_fmt=jpeg


版权声明:本文为博主原创文章,未经博主允许不得转载。

基于react的混合APP,同时输出ios,钱柜娱乐开户,wap应用

转自:https://github.com/daihanqiao/react-hybrid?utm_source=tuicool&utm_medium=referral 如有侵犯,请来信:oiken...
  • oiken
  • oiken
  • 2016年07月14日 09:17
  • 1556

最简单的混合APP开发框架——搭建你的第一个Ionic应用(一)

上次写了一篇关于Ionic3的文章,但是对于从来没有接触过Ionic的开发者来说,可能不是太友好。为了让更多的人了解这个非常好的混合应用开发框架,今天这篇文章主要介绍如何从零用最快的时间做一个Ioni...
  • liujiawei00
  • liujiawei00
  • 2017年08月03日 12:32
  • 1697

[混合开发]HybridApp分析!!!

【引言】近年来随着移动设备类型的变多,操作系统的变多,用户需求的增加,对于每个项目启动前,大家都会考虑到的成本,团队成员,技术成熟度,时间,项目需求等一堆的因素。因此,开发App的方案已经变得越来越多...
  • RuingMan
  • RuingMan
  • 2016年08月23日 15:52
  • 7995

Appium Hybrid混合应用测试——Native切换WebView(转)

转载地址:http://www.cnblogs.com/sao-fox/p/6396984.html 1.切换至WEBVIEW操作; for cons in driver....
  • sh169
  • sh169
  • 2017年06月12日 17:22
  • 514

钱柜娱乐开户客户端 — native+html5移动应用混合开发

选型 native结合html5的混合开发方式 自主开发的面向移动客户端的JS mobile web Framework (mwf) mwf框架包含:基础库(节点操作、触摸事件等)...
  • zxpcomeon
  • zxpcomeon
  • 2011年10月16日 12:22
  • 2248

网易博客钱柜娱乐开户客户端 -- native+html5移动应用混合开发实践 【转】

【项目历程】        历时三个月,经过交互、前端设计、开发、测试,近期网易博客钱柜娱乐开户客户端即将面世,届时广大使用钱柜娱乐开户 手机的博友们可以随地随地 写日志、心情,评论,推荐。   ...
  • xukejun_babyy
  • xukejun_babyy
  • 2014年06月27日 10:32
  • 294

网易博客钱柜娱乐开户客户端 — native+html5移动应用混合开发实践

【项目历程】 历时三个月,经过交互、前端设计、开发、测试,近期网易博客钱柜娱乐开户客户端即将面世,届时广大使用钱柜娱乐开户 手机的博友们可以随地随地 写日志、心情,评论,推荐。 早在去年年底左...
  • sysu_mugua
  • sysu_mugua
  • 2013年01月24日 10:46
  • 436

NewSQL、NoSQL与OldSQL之混合部署应用方案

【文章摘要】目前在国内市场上,OldSQL主要为Oracle、IBM等国外数据库厂商所垄断,达梦、金仓等国产厂商仍处于追赶状态;南大通用凭借国产新型数据库GBase 8a异军突起,与EMC的Green...
  • wangshfa
  • wangshfa
  • 2015年01月30日 16:30
  • 753

2015年最受开发者好评的混合应用UI框架大比拼

本文作者Tal Gleichger是拥有8年实战经验的资深全栈Web开发者,也是SocialBelong的CTO及联合创始人。在移动开发成为大势所趋之后,转战移动应用开发,在深度接触Hybrid Ap...
  • ioniconline
  • ioniconline
  • 2015年12月23日 10:41
  • 9161

混合App应用实现本地头像剪切,压缩上传功能(支持任何H5框架)

头像上传是任何一个应用都会用到的功能,但是头像的尺寸往往需要控制一下,这样会有一个比较不错的显示效果,例如我们通常会控制用户的头像为正方形,这个切圆角边的时候不会变形,显示位置也很固定。对于H5混合应...
  • jiangbo_phd
  • jiangbo_phd
  • 2016年09月12日 12:13
  • 2731
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Dore 混合应用框架 —— 基于 React Native 的混合应用迁移方案
举报原因:
原因补充:

(最多只允许输入30个字)