整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML5來了:5個好用的混合式App開發(fā)工具

          殘酷的移動互聯(lián)網(wǎng)競爭環(huán)境下,HTML5技術(shù)一直受到各方關(guān)注,“HTML5顛覆原生App”的爭論也從未停止過,不管怎樣HTML5生態(tài)的構(gòu)建方興未艾。不過對于移動開發(fā)者來說更關(guān)心的問題是如何低成本、周期短開發(fā)出體驗效果好的App,所以當下用HTML5遠比賭HTML5更現(xiàn)實。于是,一個一直被提及但是從沒有占據(jù)過統(tǒng)治地位的概念又一次走進了移動開發(fā)者們的視野,那就是跨平臺開發(fā)。

          AD:WOT2015互聯(lián)網(wǎng)運維與開發(fā)者大會熱銷搶票

          目前國內(nèi)外已經(jīng)有很多基于HTML5的跨平臺開發(fā)工具,你并不需要任何的原生應用編程經(jīng)驗,你只需要一些HTML的相關(guān)知識,懂一些CSS和JavaScript,運用工具中所提供的各種豐富的功能模塊,便可在很短時間內(nèi)完成App的開發(fā)而且讓你的App具備完美的原生體驗。

          推薦幾款跨平臺工具

          1、Appcelerator

          Appcelerator的Titanium開發(fā)平臺使開發(fā)者可以通過HTML、PHP、JavaScript、Ruby、Python等Web編程語言開發(fā)手機、平板和桌面的原生App。其優(yōu)勢在于它可以讓用戶輕松地訪問超過300個API以及定位信息。

          此外,Appcelerator提供針對特定行為或事件定制的統(tǒng)計。App的數(shù)據(jù)既可儲存在云端,也可儲存在設(shè)備上。

          2、APICloud

          APICloud是一款“云端一體”的移動開發(fā)平臺,信仰“云端一體”的理念,重新定義了移動應用開發(fā)。APICloud為開發(fā)者從“云”和“端”兩個方向提供API,簡化移動應用開發(fā)技術(shù),讓移動應用的開發(fā)周期從一個月縮短到7天。APICloud由“云API”和“端API”兩部分組成,可以幫助開發(fā)者快速實現(xiàn)移動應用的開發(fā)、測試、發(fā)布、管理和運營的全生命周期管理。

          2、PhoneGap

          PhoneGap是一個免費且開源的開發(fā)環(huán)境,使開發(fā)者可以開發(fā)出在Android、Palm、黑莓、iPhone、iTouch及iPad等設(shè)備上運行的App。其使用的是HTML和JavaScript等標準的Web開發(fā)語言。開發(fā)者使用PhoneGap進行開發(fā),可調(diào)用加速計、GPS/定位、照相機、聲音等功能。

          PhoneGap還提供Adobe AIR App以及在線的培訓課程,幫助開發(fā)者了解原生API并在他們自己的平臺上開發(fā)移動App。

          4、NativeScript

          NativeScript是使用移動平臺的JavaScript引擎來進行跨平臺開發(fā)。邏輯部分自然無需多說,關(guān)鍵在于如何使用平臺特性。NativeScript是通過反射得到所有平臺API,預編譯它們,然后將這些API注入到JavaScript運行環(huán)境,接下來在Javascript調(diào)用后攔截這個調(diào)用,并運行native代碼。NativeScript是使用大量web開發(fā)的技巧來進行app開發(fā),因為工具鏈和語言都非常熟悉受到了很多前端開發(fā)者的歡迎。

          5、Kinvey

          Kinvey同樣是一個為移動應用開發(fā)者提供后臺創(chuàng)建服務的平臺。Kinvey強調(diào)加速移動應用開發(fā)與銷售的“即取即用”理念。Kinvey的中間層與數(shù)據(jù)層均托管在多個云服務提供商處,包括Rackspace、Amazon與Microsoft。所有通過Kinvey存儲的數(shù)據(jù)都會有四種方式備份:Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服務器,假如其中一兩個出現(xiàn)了故障,用戶的數(shù)據(jù)依然安然無恙。

          總結(jié):

          關(guān)于HTML5和原生App的爭論一直在繼續(xù),不論最后誰能取勝,開發(fā)者更關(guān)心App的開發(fā)速度和最終體驗。合理的使用工具會讓開發(fā)效率大大提升,甚至達到事半功倍的效果,希望能有一款適合您。

          期待未來有一天,App開發(fā)可以像在紙上畫畫一樣簡單。

          聲明:IT之家網(wǎng)站刊登/轉(zhuǎn)載此文出于傳遞更多信息之目的,并不意味著贊同其觀點或論證其描述。

          pp Builder能幫助不會編程的用戶開發(fā)HTML5以及混合模式移動應用,這主要歸功于它那拖拽式可視化操作環(huán)境。

          程序的設(shè)計理念,是為了讓不太了解編程知識的用戶也能輕松創(chuàng)建應用程序。但是,使用Javascript語言的高級開發(fā)者也能從中受益。App Builder集成了Apache Cordova,并能夠生成適用于Android、iOS、Windows 10等操作平臺的應用程序。

          App Builder提供了每一個操作和動作的參考資料以及若干個教程,并且還配備了視頻說明,強烈推薦給所有想要加入程序開發(fā)事業(yè)的用戶。

          App Builder是一款非常有趣的應用程序,有了它,不懂編程的用戶也能創(chuàng)建手機應用。創(chuàng)建一款應用程序,耐心和努力必不可少,好在App Builder的操作界面便捷舒適,讓我們在前進的道路上少了一些掙扎。

          下載地址:http://www.itbang.top/forum.php?mod=viewthread&tid=7&extra=

          官網(wǎng)地址:http://www.itbang.top

          上周分享的“企業(yè)移動化訴求與開發(fā)者之間的矛盾”一文中,與大家分享了跨平臺技術(shù)的解決之道,而本文將進一步介紹跨平臺技術(shù)的分類,并深度揭示APICloud混合開發(fā)技術(shù)的技術(shù)原理。

          快速閱讀:怎么辦?企業(yè)移動化訴求與開發(fā)者之間的矛盾能調(diào)和嗎

          跨平臺技術(shù)的分類

          目前跨平臺技術(shù)領(lǐng)域分為兩個發(fā)展方向:

          第一個是HTML5 + Native混合方向;

          第二個是中間語言編譯方向,其中APICloud和小程序都屬于前者。

          HTML5 + Native混合,也就是我們通常所說的混合開發(fā)。

          這種模式的開發(fā)主體是HTML5,但整個app的架構(gòu)是Native架構(gòu):通過HTML5快速實現(xiàn)app的UI布局、產(chǎn)品業(yè)務邏輯,在開發(fā)過程中涉及HTML5無法實現(xiàn)或者體驗不好的功能,則借助Native模塊來實現(xiàn)。

          混合開發(fā)在保證app渲染效率和用戶體驗的同時,能夠降低app開發(fā)成本和復雜度,提高app開發(fā)效率。

          中間語言編譯方向,代表產(chǎn)品為React Native(RN),Xamarin以及Google剛剛發(fā)布的Flutter。

          如何理解中間語言編譯?

          以RN為例,傳統(tǒng)的app開發(fā),要求開發(fā)者使用Android和iOS原生技術(shù)-Java、Object-C、C/C++等進行開發(fā),而RN的開發(fā)過程則要求開發(fā)者使用JS進行編碼輸出app,但在app執(zhí)行過程中,JS又映射回到安卓和iOS原生層面執(zhí)行。借助JS快速實現(xiàn)編碼,翻譯為原生代碼執(zhí)行,這就是中間語言編譯方向。

          Xamarin則要求使用微軟自己的語言C#,對于大部分開發(fā)者而言,C#的學習成本比較高且Xamarin需要付費使用,因此它目前在國內(nèi)應用比較少。Flutter的開發(fā)語言為Dart,它是谷歌發(fā)明的編程語言,這個語言很有趣,它的語法類似于C語言,又將JS和Java的一些設(shè)計思想以及語法規(guī)則融合了進去。Dart語言在此前應用比較少,可參考的資料不多,開發(fā)者上手需要一個過程。

          Html5到跨平臺app應用

          每一項新興技術(shù)的出現(xiàn)和流行,都是為了規(guī)模化的去統(tǒng)一解決一系列復雜問題,APICloud選擇混合開發(fā)方向,目的是希望借助HTML5降低app開發(fā)復雜度,提高app開發(fā)效率。

          通過工程化的實踐手段,我們首先設(shè)計了一個app開發(fā)引擎。簡單的向大家介紹一下這個引擎的架構(gòu):

          整個引擎基于Android和iOS系統(tǒng)的原生技術(shù)架構(gòu)

          最上層為app應用層,涉及到業(yè)務以及功能相關(guān)的部分,要求開發(fā)者使用HTML + CSS進行UI布局和渲染,功能和業(yè)務邏輯則通過JS實現(xiàn),這是app開發(fā)者直接參與的地方。

          第二層則是API層,API層核心的功能是橋接和管理,負責JS與Java,JS與Object-C之間的通訊,管理API的分發(fā),以及一些JS-Framework的加載和執(zhí)行。

          引擎與模塊的API通過這里向開發(fā)者開放

          接下來是引擎,引擎主要負責應用的消息命令管理、事件管理、模塊管理、以及UI渲染。

          我們通過將Android和iOS系統(tǒng)的原生窗口機制抽象出來,再模擬原生的方式實現(xiàn)了一個新的窗口系統(tǒng),由Widget/Window/Frame/UI Model構(gòu)成,形成混合渲染能力,使得app性能和體驗接近原生。

          引擎通過開放模塊機制,支持動態(tài)載入模塊,豐富和增強app功能,滿足各式各樣的需求。

          最底下則是OS層,OS層中主要涉及Android和iOS系統(tǒng)之間一些不同的特性,是我們要花大量時間精力進行適配和抽象的地方。

          除此之外,一個app還應當具備符合Android和iOS原生app的生命周期特性,例如:如何啟動,啟動流程以及生命周期事件分發(fā)等。

          以下是app開發(fā)引擎對app生命周期管理的主要處理流程。

          引擎觸發(fā)app的生命周期同原生app一致,觸發(fā)點來自用戶

          用戶點擊桌面的某個圖標,或者點擊手機狀態(tài)欄的某個通知,系統(tǒng)會將這個事件分發(fā)到對應的app,引擎在收到這個事件后開始初始化。

          初始化的過程為:原生窗口系統(tǒng)初始化,展示啟動頁->HTML5運行環(huán)境初始化->加載模塊運行環(huán)境->事件及消息隊列管理初始化->根窗口開始渲染,之后開始加載HTML5頁面,這個HTML5頁面是整個app的入口。

          App啟動完畢后進入等待狀態(tài),由用戶的點擊等事件驅(qū)動打開新的窗口,加載新的模塊,UI更新等。

          通過app開發(fā)引擎,初步達到了使用HTML5 + Native混合開發(fā),提高開發(fā)效率的目的,然而實踐過程遠比想象的要復雜,為此APICloud在專產(chǎn)品層面付出了非凡的努力。

          在浩瀚的人類文明中,得益于計算機的迅速發(fā)展和技術(shù)的廣泛應用,拉開了第三次工業(yè)革命的新篇章,與此同時信息技術(shù)成為拉動經(jīng)濟的重要增長點。

          在移動互聯(lián)網(wǎng)時代,app開發(fā)技術(shù)無疑是行業(yè)發(fā)展的重要驅(qū)動力,企業(yè)對于產(chǎn)品快速落地與靈活迭代的迫切需求,則使跨平臺開發(fā)技術(shù)廣泛應用;而APICloud通過擁有核心知識產(chǎn)權(quán)的混合app開發(fā)技術(shù),進一步幫助企業(yè)快速實現(xiàn)移動互聯(lián)網(wǎng)布局,并以生態(tài)之力為開發(fā)者提供全面的技術(shù)服務。


          主站蜘蛛池模板: 国产一区二区三区在线看| 乱子伦一区二区三区| 久久精品国产一区二区电影| 亚洲熟女综合一区二区三区| 日韩精品无码Av一区二区| 国产午夜精品片一区二区三区| 一区二区三区无码高清| 日韩精品一区二区三区毛片| 国产福利一区二区三区视频在线| 三上悠亚一区二区观看| 精品乱子伦一区二区三区| 一区二区中文字幕在线观看| 亚洲欧美日韩一区二区三区 | 国产伦精品一区二区三区视频金莲 | 视频一区视频二区日韩专区| 天堂一区二区三区在线观看| 成人精品一区二区不卡视频| 国产91精品一区二区麻豆网站| 波多野结衣一区视频在线| 无码人妻精品一区二区三区久久久 | 国产美女露脸口爆吞精一区二区| 国产一区二区三区国产精品| 久久一区二区三区精华液使用方法| 少妇无码一区二区三区免费| 色一乱一伦一图一区二区精品| 熟妇人妻一区二区三区四区| 综合久久一区二区三区 | 麻豆国产在线不卡一区二区| 一区二区免费国产在线观看| 久久精品无码一区二区无码 | 日产精品久久久一区二区| 精品国产不卡一区二区三区| 日本一区二区视频| 国产内射999视频一区| 日本精品一区二区三区在线视频一| 亚洲国产日韩在线一区| 亚洲色精品aⅴ一区区三区| 国产精品亚洲一区二区三区久久 | 久久精品国产一区二区三区| 亚洲国产激情一区二区三区| 亚洲国产精品一区二区久|