本發(fā)明屬于手機(jī)應(yīng)用程序搭建技術(shù)領(lǐng)域，具體涉及一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法和系統(tǒng)。

背景技術(shù)：

目前廣泛使用的手機(jī)應(yīng)用程序，主要是安卓和蘋果兩個(gè)系統(tǒng)，對(duì)于手機(jī)應(yīng)用程序（后面簡(jiǎn)稱：app）開發(fā)團(tuán)隊(duì)來說，兩種語言的差異性如同噩夢(mèng)一般。尤其對(duì)于小型的開發(fā)團(tuán)隊(duì)來說，傳統(tǒng)的原生開發(fā)方式很難實(shí)現(xiàn)app的快速迭代和低成本維護(hù)的需求。同一款app不得不組建兩個(gè)團(tuán)隊(duì)完成開發(fā)工作，無論是時(shí)間成本還是人員成本都會(huì)有所增加。對(duì)于個(gè)人開發(fā)者而言，兩種平臺(tái)差異性使得app開發(fā)的學(xué)習(xí)成本提高。傳統(tǒng)的bs架構(gòu)開發(fā)工程師很難在短時(shí)間內(nèi)掌握兩種平臺(tái)的開發(fā)技巧。

技術(shù)實(shí)現(xiàn)要素：

為了解決以上技術(shù)問題，本發(fā)明提供一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法和系統(tǒng)，本發(fā)明快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法和系統(tǒng)，降低了開發(fā)成本，提高了開發(fā)效率。

本發(fā)明的技術(shù)方案如下：

一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)，所述系統(tǒng)包括原生架構(gòu)、代碼編輯模塊、預(yù)覽模塊和代碼打包模塊。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)，

所述原生架構(gòu)：以接口的形式搭建好安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用，使原生的方法能夠被javascript直接調(diào)用；

所述代碼編輯模塊：用于在線編輯javascript、html、css的模塊，該模塊集成了原生架構(gòu)所提供方法的調(diào)用；

所述預(yù)覽模塊：用于測(cè)試編輯的javascript、html、css代碼的模塊；

所述代碼打包模塊：用于將編輯完成的javascript、html、css代碼生成為文件并保存的模塊。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)，所述原生架構(gòu)：以接口的形式搭建好安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用，使原生的方法能夠被javascript直接調(diào)用，具體的實(shí)現(xiàn)方式安卓是webview，蘋果則是uiwebview。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)，所述安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用包括手機(jī)基本功能模塊。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)，所述手機(jī)基本功能模塊包括相機(jī)、通訊錄、打電話、發(fā)短信、藍(lán)牙連接、保存文件等。

本發(fā)明還公開一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法，包括以下步驟：

1）搭建原生架構(gòu)：把安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用以接口的形式搭建好，使原生的方法能夠被javascript直接調(diào)用；

2）搭建代碼編輯模塊：搭建一套在線編輯javascript、html和css的平臺(tái)系統(tǒng)；

3）在所述平臺(tái)系統(tǒng)開發(fā)javascript、html和css；

4）預(yù)覽：安卓和蘋果中的javascript、html、css的替換過程，替換后查看效果；

5）代碼打包：將替換后的javascript、html、css分別與安卓和蘋果這兩種語言開發(fā)app的原生代碼結(jié)合起來，生成兩種語言的應(yīng)用程序。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法，所述搭建原生架構(gòu)：把安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用以接口的形式搭建好，使原生的方法能夠被javascript直接調(diào)用，具體的實(shí)現(xiàn)方式安卓是webview，蘋果則是uiwebview。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法，所述在線編輯javascript、html和css的平臺(tái)系統(tǒng)為酷丁app。

所述酷丁app是以網(wǎng)站的形式存在的，網(wǎng)址為http://app.kudingapp.com。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法，所述安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用包括手機(jī)基本功能模塊。

進(jìn)一步的，所述的快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法，所述手機(jī)基本功能模塊包括相機(jī)、通訊錄、打電話、發(fā)短信、藍(lán)牙連接、保存文件等。

本發(fā)明一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法和系統(tǒng)，作為一種新的混合開發(fā)模式，降低了開發(fā)成本，提高了開發(fā)效率，用這種方法和系統(tǒng)大大降低了開發(fā)的門檻，對(duì)于一些中小型app應(yīng)用是一種很好的選擇。

附圖說明

圖1是本發(fā)明快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)的結(jié)構(gòu)示意圖；

圖2是本發(fā)明快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法的流程示意圖；

圖3是本發(fā)明實(shí)施例1快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)的結(jié)構(gòu)示意圖；

圖4是本發(fā)明實(shí)施例1快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法的流程示意圖。

具體實(shí)施方式

下面結(jié)合附圖和具體實(shí)施例對(duì)本發(fā)明的內(nèi)容作進(jìn)一步詳細(xì)的說明。

實(shí)施例1

結(jié)合圖3，本發(fā)明一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的系統(tǒng)，包括原生架構(gòu)、代碼編輯模塊、預(yù)覽模塊和代碼打包模塊。

原生架構(gòu)：以接口的形式搭建好安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用，使原生的方法能夠被javascript直接調(diào)用，在本實(shí)施例中，具體的實(shí)現(xiàn)方式安卓是webview，蘋果則是uiwebview；

對(duì)應(yīng)的技術(shù)安卓便是webview的javascriptinterface，蘋果則是uiwebview的stringbyevaluatingjavascriptfromstring。

代碼編輯模塊：用于在線編輯javascript、html、css的模塊，該模塊集成了原生架構(gòu)所提供方法的調(diào)用；

預(yù)覽模塊：用于測(cè)試編輯的javascript、html、css代碼的模塊；

代碼打包模塊：用于將編輯完成的javascript、html、css代碼生成為文件并保存的模塊。

所述安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用包括手機(jī)基本功能模塊，如相機(jī)、通訊錄、打電話、發(fā)短信、藍(lán)牙連接、保存文件等。

結(jié)合圖4，本發(fā)明一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法，包括以下步驟：

1）搭建原生架構(gòu)：把安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用以接口的形式搭建好，使原生的方法能夠被javascript直接調(diào)用；

2）搭建代碼編輯模塊：搭建一套在線編輯javascript、html和css的平臺(tái)系統(tǒng)；

3）在所述平臺(tái)系統(tǒng)開發(fā)javascript、html和css；

4）預(yù)覽：安卓和蘋果中的javascript、html、css的替換過程，替換后查看效果；

5）代碼打包：將替換后的javascript、html、css分別與安卓和蘋果這兩種語言開發(fā)app的原生代碼結(jié)合起來，生成兩種語言的應(yīng)用程序。

在本實(shí)施例中，所述搭建原生架構(gòu)：把安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用以接口的形式搭建好，使原生的方法能夠被javascript直接調(diào)用，具體的實(shí)現(xiàn)方式安卓是webview，蘋果則是uiwebview。

對(duì)應(yīng)的技術(shù)安卓便是webview的javascriptinterface，蘋果則是uiwebview的stringbyevaluatingjavascriptfromstring。

所述安卓和蘋果這兩種語言開發(fā)app底層的調(diào)用包括手機(jī)基本功能模塊如相機(jī)、通訊錄、打電話、發(fā)短信、藍(lán)牙連接、保存文件等。

在本實(shí)施例中，搭建一套在線編輯javascript、html和css的平臺(tái)系統(tǒng)，所述在線編輯javascript、html和css的平臺(tái)系統(tǒng)為酷丁app，該平臺(tái)是以網(wǎng)站的形式存在的，網(wǎng)址為http://app.kudingapp.com。

在酷丁app平臺(tái)我們可以方便的開發(fā)javascript、html和css，該模塊提供了大量的控件以及方法，并且把原生架構(gòu)所提供方法的調(diào)用也集成到了該模塊，比方說，我們知道，html是一個(gè)一個(gè)的標(biāo)簽組合成的，酷丁平臺(tái)根據(jù)用戶以及正常的業(yè)務(wù)需求，將一些常用的功能封裝成一個(gè)一個(gè)標(biāo)簽?zāi)K，比如文章列表頁(yè)面、輪播圖片、圖庫(kù)相冊(cè)、視頻播放等，我們只需將這些控件按照自己需求組合到一起便可以?？岫∑脚_(tái)將這些模塊的組合進(jìn)行了優(yōu)化，用戶只需用鼠標(biāo)拖動(dòng)便可實(shí)現(xiàn)控件的組合，而且組合完成后，還可以對(duì)這些控件的長(zhǎng)、寬、高以及顏色邊框等進(jìn)行自定義修改?？岫∑脚_(tái)編輯生成的文件和原生架構(gòu)實(shí)現(xiàn)了無縫對(duì)接，我們搭建的原生架構(gòu)會(huì)讀取我們所編寫的javascript、html等，原生架構(gòu)提供了大量的原生接口，并明確了調(diào)用方式，我們需要用javascript編寫這些調(diào)用方式?？岫∑脚_(tái)將這些調(diào)用方式也進(jìn)行了封裝，只需選擇要調(diào)用哪種接口，選完保存即可，這減小了用戶編寫難度，提高了開發(fā)效率。

代碼打包時(shí)，將代碼編輯完成的html+javascript+css頁(yè)面生成為文件，將所有app內(nèi)使用的圖片以文件的形式保存，這樣應(yīng)用內(nèi)使用圖片和加載頁(yè)面為本地加載無需網(wǎng)絡(luò)加載。按照系統(tǒng)規(guī)定的規(guī)則修改必須的配置文件并打包到指定文件夾，最終自動(dòng)編譯打包生成安卓或蘋果的對(duì)應(yīng)文件。

本發(fā)明一種快速搭建手機(jī)移動(dòng)應(yīng)用程序的方法和系統(tǒng)，降低了開發(fā)成本，提高了開發(fā)效率，用這種方法和系統(tǒng)大大降低了開發(fā)的門檻，對(duì)于一些中小型app應(yīng)用是一種很好的選擇。

以上實(shí)施例僅是本發(fā)明的較佳實(shí)施例，并不用于限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。