君，已阅读到文档的结尾了呢~~
建筑新技术应用风险的研究,民航新技术应用的风险,建筑施工新技术及应用,建筑新技术应用,建筑业十项新技术应用,建筑业新技术应用,建筑业10项新技术应用,北京新技术应用研究所,建筑工程新技术应用,建筑工程新技术及应用
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
建筑新技术应用风险的研究
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口Facebook 是如何构建首个跨平台 React Native 应用的？ - 技术翻译 - 开源中国社区
Facebook 是如何构建首个跨平台 React Native 应用的？
【已翻译100%】
英文原文：
推荐于 2年前 (共 11 段, 翻译完成于 09-28)
参与翻译&(4人)&: ,
今年早些时候，我们发布了&。React Native 将开发者在 web 上所使用的 React — 拥有声明式的自包含组件以及快速的开发周期 — 带到了移动平台, 同时保留了原生应用程序的运行速度、保真度及外观。今天，我们很高兴地发布了&。
现在我们已经在 Facebook 的生产环境中使用 React Native 超过一年了。几乎就是一年之前，我们的团队着手开发。当时我们的目标是创建一个新的应用，它能让数以百万计在 Facebook 上做广告的人们能随时随地的管理他们的账户，并创建新的广告。最后的成果不仅仅是 Facebook 第一完全使用 React Native 开发的应用， 而且是首次实现跨平台的一个应用。本文将跟您分享我们是如何构建这个应用的，React Native 是如何是的我们行动更快的，以及我们所积累的教训。
&翻译得不错哦！
选择 React Native
不久之前，React Native 仍然还是一中没有在生产环境中得到验证的新技术。所以利用该技术开发一个新的应用要承担一些风险，不过这些风险已经被其潜在能带来的好处盖过去了。
首先，我们最初由三个产品工程师组成的团队已经对 React 很熟悉。其次，这个应用需要包含许多复杂的业务逻辑来精细的处理各种不同广告格式、时间轴、日期格式、货币、货币约定等等东西。这些许多都已经用 JavaScript 写好了。全部用 Objective-C 写一遍之后为开发 Android 版本再用 Java 写一遍，这种方案的前景对我们并没有什么吸引力——当然也并不高效。第三，要实现大多数我们想要构建的 UI 界面&— 以列表、表格或者图像的方式展示许多的数据——在 React Native 中做会比较容易。了解了 React，产品工程师应该可以快速高效的实现这些视图。
&翻译得不错哦！
当然，有些特性对这个新平台而言却是是一种挑战 — 例如图像编辑器，它可以用来给广告主缩放和裁剪一张照片，还有地图视图，它可以用来给广告主在以一个位置为中心的特定半径内定位人员。另外一个例子就是面包屑导航，它能帮助广告主看清楚他们账户中的广告层级。这些都向我们提供了将这个平台推向更远的机会。
首先为 iOS 构建广告管理器
我们的团队决定首先实现这个应用的一个 iOS 版本，这样的安排还不多，React Native 一开始也是针对 iOS 而开发的。接下来的几个月我们的团队成员从 3 名工程师发展到了 8 名。新聘人员对 React 不熟悉 — 而他们其中一些人对 JavaScript 也不熟悉 — 但他们都渴望为我们的广告主构建一种优秀的移动体验，所以他们成长得很快。
&翻译得不错哦！
React Native 团队中有经验的 iOS 工程师帮助我们在 React Native 中桥接了一些终端设备上暂时还用不着的功能特性，比如提供对手机摄像头的访问。他们还帮助我们将已经被应用在其它 Facebook 应用中的，执行用户认证、分析、奔溃报告、网络以及推送通知这些操作的一些 iOS 库，捆绑到了应用。这样就让我们的团队只用去关注构建这个产品。
如上所述，我们能够重用许多之前已经有了的 JavaScript 库。一个这样的库就是&，Facebook 的一个通过&&将数据传递到 React 的框架。另外还有一些处理国际化和本地化（这些逻辑在涉及到时间域和货币时会变得有些棘手）的库。通常这些库会从网站的一个 JSON 端点加载正确的配置。我们已经编写了脚本将所有支持的语言导出为 JSON 文件，使用 iOS 的本地化包来引入这些文件，然后拥几行 native 代码就能将 JSON 数据暴露给 JavaScript。这让我们的库几乎不做什么修改就能拿来用。
&翻译得不错哦！
我们所面对过的比较大一个挑战之一就是导航流。为了对广告主现有的广告和宣传活动进行导航，我们想要有一个导航条。针对广告的创作流程，我们需要一个向导式的导航条。最重要的是，让应用拥有正确的渐变动画以触摸手势也很关键，否则应用感觉上会更像是一个漂亮的移动网站，而不是一个原生应用。
我们的方案就是&&组件, React Native 的 CustomComponents 目录下附带就有这个东西能拿来用。实质上，它就是一个由其他的 React 组件堆积起来的 React 组件集合. 它可以显示这些组件中的一个组件，并且这些组件会在按下按钮或者发生触摸时动画轮换。它还有一个可插入式的导航条组件, 让我们可以实现一个 iOS 风格的，用于大多数一般视图的导航条，用于导航广告和宣传活动的面包屑导航，以及一个用于创建流程的向导式导航。导航条组件的动画进度条可以接收通知，并且匹配性的显示进度增加的动画。这意味着所有的动画，针对视图的以及针对导航条的，都是用 JavaScript 来进行计算的, 而测试显示我们仍然可以以 60 fps 的帧率执行它们。
YouTube 视频地址：&
&翻译得不错哦！
只有一种情况下导航动画才会有问题，那就是当 Javascript 线程在一个长操作过程中被阻塞时。这种情况基本都是由处理大量新获取的数据引起的。当然当你切换到新的页面，读取和处理新的数据是不可避免的。在一个网速快的环境下, 这个问题可以用正在加载的导航动画来解决。在这里我们采取另一种方案：在动画完成前，是用 InteractionManager 组件显式延迟数据处理(这个是 Reactive Native 内置的组件)。首先我们先切换到包含模板的页面，然后使用 Relay 来做数据处理，接着他会自动调用必要的 React 组件来重新渲染界面。
部署到 Android
既然 iOS 的广告管理器快要部署完成了，我们现在给这个 app 部署一个 Android 版本。使用 Reactive Native 的 Android 移植版应该是最好的选择。幸运的是，Reactive Native 团队已经将 Android 移植版做的够好了。通常我们想尽可能重用代码，不仅是业务逻辑也有 UI，因为大多数页面是基本相同的，为调整样式节省了时间。当然也有一些地方 Android 版的外观和 iOS 版是需要不同的，比如导航，日期选择器和开关按钮等等。
YouTube 视频地址：
&翻译得不错哦！
幸运的是，React Native 打包器的黑名单功能和 React 的抽象机制帮助我们尽可能的在两个平台之间复用代码，尽可能减少对平台的检查。对于 iOS，可以告诉打包器忽略以 .android.js 结尾的文件。而开发Android 的时候，则是忽略 .ios.js 结尾的文件。这样，我们就可以对同一个组件用 Android 和 iOS 分别实现一次，而使用组件的代码可以是平台无关的。我们不是显示的用 if/else 的方式来检测平台，而是重构平台相关的UI部分，分割成不同的需要 Android 和 iOS 分别实现的组件。在发布 Android 版广告管理器的时候，代码的复用率达到了大约85%。
我们面临的一个大的挑战是如何管理代码。在 Facebook，Android 和 iOS 的代码在不同的代码仓库里。广告管理器的 iOS 版本的代码在 iOS 代码库里，而由于各种原因，Android 版本的代码只能在 Android 代码库里。就像 iOS 版那样，我们需要使用一些 Android 代码库里的 Facebook 的 Android 库。另外，所有的构建、自动化和持续集成工具都绑定了 Android 代码库。如果把已有的 iOS 版代码重构，抽象出平台无关的组件用于 Android 版的移植，则意味着我们要经常 fork 和 merge 相同的代码的两个不同版本。对我们来说，这种情形不能接受。
&翻译得不错哦！
最后我们决定把 iOS 代码库当做可信的代码源，主要是因为代码已经存在并且 iOS 版的 App 也已经成熟了。我们通过 cron 的任务每天把所有 JavaScript 代码从 iOS 同步几次到 Android 代码库。直接提交 JavaScript 代码到 Android 仓库是不被允许的，除非同时提交到 iOS 仓库。如果同步脚本检测到有不一致的地方，会生成一个任务，后续去进一步检查。
我们同时还做到了让 JavaScript 打包服务器从 iOS 仓库运行 Android 代码。这样的话，那些主要开发 JavaScript，不涉及 native 代码的开发人员就可以基于 iOS 代码库开发和测试自己的代码改动。不过在测试在两个平台上的改动时，还是需要从 Android 代码库构建 Android 应用，从 iOS 代码库构建 iOS 应用，这是一件很麻烦的事情。为了优化 JavaScript 程序员的开发流程，我们开发了一些脚本，用来从持续集成服务器上下载合适的 native 二进制代码文件。这使得大多数的开发者不需要保留 Android 代码库的副本，他们可以直接在可信的 iOS 源代码上开发，这样就可以像在 Facebook 的 web stack 上一样快速迭代。
&翻译得不错哦！
React Native 团队在这个 App 开发的过程中开发出了 React Native 平台，提供我们需要的组件和接口，使得我们的 App 成为可能。将来这些组件也会给所有的 App 开发者带来便利。即使我们不得不自己实现一些组件，在纯 native 之上使用 React Native技术 也是值得一试的。这些组件是我们不得不实现的，并且可能将来也不会被其他团队重用。
对于我们的教训是，即使有大量的工具和自动化脚本，要跨两个分离的 iOS 和 Android 代码库进行工作是很困难的。在我们开发这个 App 的时候，Facebook 使用的是这种模式，所有的构建自动化工具和开发流程都做了相应的配置。不过，如果一个产品有一个共享的 JavaScript 代码库，这种模式并不合适。幸运的是，&，所有的平台合在一起，只需要一份公共的 JavaScript 代码拷贝，代码同步也不再需要了。
&翻译得不错哦！
我们遇到的另一个问题跟测试有关。有改动时，所有的工程师都需要小心的在所有的平台上测一遍，整个流程很容易产生人为的错误。然而，使用同一个代码库开发跨平台的应用，这种问题是必然存在的。即便如此，React Native 带来的开发效率以及一开始就在跨平台开发中重用代码带来的优势，远远超出测试不充分导致的偶发问题造成的代价。要知道的是，这个问题不光是产品开发工程师会遇到，React Native 平台开发工程师在开发 Objective-C 和 Java 的时候也会遇到。这些工程师大部分时间都不会只面对一门编程语言。同样，这个问题也会影响JavaScript，例如，开发组件 API 或者部分共享（partially shared）的实现。通常，纯 iOS 开发工程师是不需要测试 Android 上的改动的，对 Android 工程师也是如此。这主要还是一种文化上的差异，需要时间和努力去消除，在这个过程中我们产品的稳定性也在增强。
&翻译得不错哦！
我们的翻译工作遵照 ，如果我们的工作有侵犯到您的权益，请及时联系我们沪杭甬高速公路监控项目，选用海康交通行业整体方案
做品牌价值，威创要做就做最好，要做就做民族第一品牌。
2012华东、北方、海西安防优秀企业评选报名进行中。
&&&&&随着信息技术应用深度与广度的显著提升，物联网的内涵不断扩展，已能够实现物与物之间的感知识别，并能进行网络化控制和智能处理，同时也促进了新兴业态与服务模式的形成。
&&&&加强物联网技术研发、产业化和应用示范工作，有利于加快产业结构调整和优化升级，推动新一轮信息技术变革与现代服务业信息化进程，对转变经济发展方式、抢占未来科技制高点具有较为重要的战略意义。
&&&&物联网发展中存在的问题
&&&&一是大范围规模商用模式尚待探索。目前，全球范围内，物联网尚处于概念初成的起步阶段，传感器网络等核心技术尚不具备大规模产业化应用条件，技术架构与接口规范多未实现标准化，市朝商用模式尚待进一步探索。因此，物联网应用难以实现低成本应用普及与规模扩张，国际上也鲜有成功应用案例，预计短时间内市场大范围启动的可能性不大。
&&&&二是各地对物联网发展的阶段性特征认识不清，存在盲目与重复建设。我国各地区为提升城市现代化管理和公共服务智能化水平，利用物联网等先进信息技术，纷纷加快推进“无线城市”、“数字城市”、“智慧城市”、“感知城市”的建设。但由于考虑自身应用需求基赐产业现实条件不足，加之对物联网、云计算等新兴业态的发展规律、阶段定位认识不清，导致盲目投资、炒作概念、重复建设等不合理现象频繁出现。
&&&&三是核心技术相对薄弱，产业能力相对落后。与发达国家相比，我国发展物联网的时间差距虽然不大，但大部分领域的技术差距不容乐观，高端产品的产业化能力仍显不足，总体来看依然处于产业链低端。在高端感知层面上，传感器、RFID、仪器仪表、控制软件、嵌入式软件等80%以上依赖进口；核心芯片、海量数据处理、云计算基础架构、中间件等缺乏核心技术；拥有全系统集成能力和整体提供能力的骨干企业及大型较为匮乏。
&&&&四是面临长期挑战。一方面，以IBM为代表的跨国公司为谋取高额利润，均将物联网、云计算作为在华发展的重点，正在积极寻求与地方政府的全方位合作，大力宣传并推销其软硬件产品和解决方案，极易形成事实上的垄断，若任其发展，将给国家信息安全与产业安全带来严重隐患。另一方面，核心技术和关键装备受制于人，尚未建立自主的标识编码及解析体系，缺乏安全意识与风险防范措施，也将使关系国家经济社会命脉的设施及信息资源面临潜在的攻击隐患。
&&&&健康有序引导物联网产业发展
&&&&一是正确认识产业发展的阶段性与长期性。物联网的战略作用不仅在于快速催生新兴产业，更重要的是推进工业化与信息化的深度融合，从而实现生产力和生产关系的逐步变革。因此，要正确认识其长远作用，不宜过高估计短期利益和直接经济效益，过早强调将产业做大。
&&&&二是立足实际需要，循序渐进开展示范试点工作。客观评价现有承载能力，优先从解决制约经济社会发展的瓶颈和改善民生的角度出发，在公共安全、节能环保、运输、仓储物流、工业控制等领域统筹安排、循序渐进，务实培育应用需求，促进资源共享与产业协同，杜绝借机圈钱圈地、大肆搞形象工程等现象。
&&&&三是完善标准体系，突破关键技术。加强顶层设计，谋划国际及重点行业共性标准体系建设，优先考虑物品编码标识体系、物联网架构标准、关键网关。加强物联网应用试点示范与培育国内产业发展相结合，积极扶持国内设备制造商和信息服务企业，构筑完整产业链，力求在感知识别和信息处理环节实现跨越式发展，在网络通信环节实现国际领先，在应用环节培育新的增长点。
&&&&四是保障信息安全，力求自主可控。强化安全意识，高度重视新技术应用带来的潜在风险，全面评估、信息泄露、个人保护等方面面临的威胁，并建立安全预警机制。重要物联网应用系统解决方案、核心设备、运营服务要立足国内。针对影响国家安全的标识、频率等关键基础资源，要加快制定系统性保障政策，自主可控地开展国际交流合作。
&&&&五是培育创新机制，提供政策及资金保障。加快政府职能的转变与业务流程的再造，促进信息公开，推动行业与部门间信息壁垒的打破。创新体制机制，营造完善的政策软环境，合理配置资源。加大财政支持力度，适时设立产业专项资金。责任编辑：张小翠
免责声明:凡注明来源本网的所有作品，均为本网合法拥有版权或有权使用的作品，欢迎转载，注明出处。非本网作品均来自互联网，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。
> 您可能还会关注的
? ? ? ? ? ? ?
供应商服务：
采购商服务：
　威创要做就做最好，要做就做民族第一品牌，把威创做成PC界的联想一样，这是公司的期望和自己的使命。
　说话的时候，肖刚的语速并不快，可以看得出，他很喜欢反思和总结，话语中总是透漏着对过去事情的总结。
　从进入这个领域我就告诫自己，做企业要承担必要的责任，我要对得起合作伙伴，对得起员工。
? ? ? ? ? ?
? ? ? ? ? ?
人物关注排行榜
企业传媒关注榜
||||||||||||