工程師教你如何搭建app平臺和報價

精選工程方案文件編號：2020年6

月

版本號：A

工程師教你如何搭建app平臺和報

修改號：1

價頁次：1.0

編制：________________

會簽：________________

審核：________________

批準：________________

發(fā)布日期：________________

實施日期：_______________

工程師教你如何搭建app平臺和報價

在互聯網的時代里，經常有句話叫做：如果站在風口上，豬都能飛起來!沒

錯，這次飛起來的是我們已經仍在一旁的單車經濟?，F在共享單車已經風靡火爆,

陸續(xù)登陸全國各地。

“我想開發(fā)一個APP,我大概給你講一下，你估計一下大概需要多少錢”，然

而大部分人在講完之后，APP行業(yè)的人員也很難第一時間就報出價格。

因為一塊APP的制作成本與很多因素有關，其中關系最大的就是APP功能

的需求。

通常一個簡單的產品展示APP的價格，都在幾萬到幾十萬不等。如果APP

的需要的功能非常復雜，比如帶有常見的電商、商城模塊、聊天模塊等，每一個

模塊下面都有無數的功能進行支持，其價格也會從幾十萬到上百萬不等。

所以，要想評估一下制作APP要花多少錢，不如先仔細盤算一下APP需要

哪些具體的功能。各個功能需求需要多少錢呢我們可以從APP開發(fā)公司的投入

的成本來算。

APP的開發(fā)的主要成本就是人力成本，根據功能，評估出需要投入多少的人

工設計和開發(fā)量，即可基本測算出app的開發(fā)成本。

大多數APP需要開發(fā)安卓端，iOS端，后臺管理系統(tǒng)（簡稱CMS）三個平臺，

人員主要包括：產品經理、項目經理、UI設計師、安卓開發(fā)工程師、iOS開發(fā)工

程師、后臺開發(fā)工程師、測試人員工程師，大多數APP開發(fā)兩個月起步，按照

這些人員工資去算也不便宜。

自建APP和外包公司APP開發(fā)的價格表：

需要獨自建人員成本技術外包成本推廣渠道年推廣成本自建模式成本外包模式成本

UI設計師12萬/年應用市場5萬

iOS工程師24萬/年社交媒體5萬

Androidl程師18萬/年15萬/年移動廣告5萬

產品經理24萬/年室外廣告2萬

APP

后臺工程師12萬/年室內廣告2萬128萬/年53萬/年

廣告專員6萬/年6萬/年較文/投稿歷

活動專員6萬/年6萬/年自刷0

免繇道推廣6萬/年6萬/年其他0

合計共8人108萬/年33萬/年合計20萬/年

而隨著APP平臺化、共享化模式誕生后，APP的開發(fā)報價多了另外一種思

路。而且APP開發(fā)費用不到傳統(tǒng)的十分之一。

以平臺化代辦應用公園為例：

首先在功能上：應用公園把日常APP功能逐一開發(fā)后，放置在平臺上，不

懂技術的人，僅需把自己需求的功能挑選出來，堆積木一樣組合在一起，就能快

速組建一個原生的手機APP。這樣的運行模式，讓APP的每一個功能只需要開

發(fā)一次，不需要重復開發(fā)。所以成本非常低。

同時應用公園的支持安卓和iOS一鍵自動生成，成本再降低一半。而且應用

公園提供服務器及后期管理系統(tǒng)，不用單獨開發(fā)。安卓端，iOS端，后臺管理系

統(tǒng)（簡稱CMS）三個平臺，簡化為一次性開發(fā)。

共享經濟app開發(fā)特點

1、普及性強：共享經濟app開發(fā)用戶普及性很強，每個用戶都能享受app

帶來的便利以及價值，沒有階級之分；

2、實用性強：共享經濟app開發(fā)基本是找準用戶的痛點下手，每一款app

的實用性都很強，用戶可以用最低的成本來滿足自己的需求；

3、傳播性強：共享經濟app開發(fā)上線后就能迅速獲取用戶的注意力并且被

大規(guī)模傳播，低成本進行企業(yè)宣傳。

共享經濟app開發(fā)功能

1、使用方便：用戶可以在任何一個看到共享產品的地方直接使用產品，掃

一下二維碼就能完成押金支付，使用方便；

2、資源價值最大化：共享經濟app把資源整合到一個平臺中，讓資源的價

值達到最大化，可以避免資源浪費和利用不當；

3、歸還方便：用戶使用完產品后歸還非常方便，輕松上鎖后就能把物品歸

還，不需要再辦理其他手續(xù)。

一、環(huán)境安裝準備軟件

名稱修改日期還大小

cn_visual_studio_enterprise_2015_with...2016-07-05室期…文件夾

android-studio-bundle-143.2915827-...2016-07-04孰…1,216,417...

吆BingDict_Setup.1408945849.exe2016-07-04星期…31,617KB

筆cn_visual_studio_enterprise_2015_with...2016-07-04好壓ISO壓縮文件7,604,696...

Git-2.8.4-32-bit.exe2016-07-04星期…迎近30,589KB

Git-2.8.4-64-bit.exe2016-07-04星期…談好30,497KB

fiBgradle-2.4-all.zip2016-07-04轂…好壓ZIP壓縮文件63,900KB

國jdk-8u91-windows-i586.exe2016-07-04星期…186,669KB

國jdk-8u91-windows-x64.exe2016-07-04,出191,903KB

j號node-v4.4.7-x64.msi2016-07-04毀…WindowsInstall...10,732KB

捋node-v4.4.7-x86.msi2016-07-04星期…WindowsInstall...9,832KB

國python-2.7.12.msi2016-07-04轂…WindowsInstall...18,464KB

□READEME.md2016-07-04MD文件1KB

二、node的安裝

像安裝普通軟件一樣，安裝對應版本的node軟件，安裝好之后就可以運行

npm命令行，比如npminit>npminstall-gbower>npminstall-gbrowser>npminstall

-gbrowser-sync>npminstall-ggulp-cli-save—dev>npminstalljquery—save>等

等;注意安裝路徑不要選中文路徑，配置文件是

下載地址：npm:NodepackageManager

bower

browser-sync:［官網］［中文網］Glup:［官網］

［中文網］常用Gulp插件

-［編譯Less：gulp-less］■［創(chuàng)建本地服務器：gulp-connect］-［合并文

件：gulp-concat］-［最小化js文件：gulp-uglify］-［重命名文件：

gulp-rename]■[最小化css文件：gulp-minify-css]-[壓縮html文件

gulp-minify-html]-[最小化圖像：gulp-imagemin]三、git的安裝

git是一個源代碼管理工具，安裝git主要是開發(fā)中的團隊協作，方便版本管

理ng-cordova插件需要使用。

git:下載地址download/

四、jdk的安裝

JavaDevelopmentKit,這是做java語言運行開發(fā)所依賴的工具，就像js語

言運行需要瀏覽器一樣

下載地址:

目JavaSEDevelopmentKit8Update91(64-bit)-安

歡迎使用JavaSE開發(fā)工具包8Update91的安裝向導

本向導將指導您完成JavaSE開發(fā)工具包8Update91的安蕓過程。

JavaMissionControl分析和診斷工具套件現在作為JDK的一部分提供。

I下一步(N)>|

JavaSEDevelopmentKit8Update91(64-bit)-安裝X

《I

Wlava'

OIMCLJC

從下面的列表中選擇要安裝的可選功能。您可以在安裝后使用控制面板中的“添加/刪除程序”

實用程序更改所選擇的功能

功能說明

,白▼開發(fā)工具獨立JRE。任何應用程序均可

口▼源代碼使用該JRE。它將Java插件和

JavaWebStart注冊到瀏覽器

I公共JRE

和系統(tǒng)?？瑟毩⒂贘DK進行卸

載。它要求硬盤驅動器上有

110MB空間。

安蕓到:

C:programFiles\Java^dk1.8,0_91\更改(C)…

<上一步⑻|下一步(N)>|取消

日JavaSEDevelopmentKit8Update91(64-bit)-□X

￡Java'

狀態(tài):

狀態(tài)：安裝Java

3Billion

DevicesRunJava

￡后忖#1DevelopmentPiatform

ORACL-e

，JavaSEDevelopmentKit8Update91(64-bit)-X

季lava-

O?MCU>

JavaSEDevelopmentKit8Update91(64-bit)已成功安裝

單擊“后續(xù)步驟”訪問教程,API文檔,開發(fā)人員指南,發(fā)布說明及更多內容,幫助您

開始使用JDKo

后續(xù)步驟例)

關閉(C)

環(huán)境變量配置：

JAVA_HOME,變量值配置為:jdk安裝路徑(c:/xxx/CLASSPATH,變量值

配置為：

.;%JAVA_HOME%\lib\;%JAVA_HOME%\lib\;

*注意最前面有個點*

+PATH,變量值追加:%JAVA_HOME%\bin;

>C:\Users\isc\AppData\Roaming\npm;%JAVA_HOME%\bin;

%JAVA_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_H

OME%\tools

-輸入javac較驗

-或輸入java-version

旦>控制面板>莖統(tǒng)和安全>系統(tǒng)費案控制囿板

控制面板主頁

查看有關計算機的基本信息

&:箱告理器

Windows版本

g送婚

Windows10專業(yè)版

&

?2015MicrosoftCorporation.保SB所有權利.|Windows1

。高級系統(tǒng)改置

處理器：Intel(R)CorefTM)i7-5557UCPU@3.10GHz3.10GHz

已安裝的內存(RAM):16.0GB

英穆奧：64位據作系婉,基于x64的處理器

篤孑口的：浸育可用于此顯示冏的第或入

計算機名、蝸1工作組設置

計算幗：DESKTOP-8BUE7NM0更改沒置

計算機全名：DESKTOP-8BUE7NM

計算機描述：

工作組：WORKGROUP

Windows激活

連接到Internet以激活Windows.閱讀Microsoft軟件許可條款

另請”閱

產品ID:00330-80000-00000-AA9990群Win

安全性與好

-□

個計其機名硬件高級統(tǒng)保護遠程vU搜素控制面板

控制面坂主頁要遂行大名數更改，你必須作為苦理員登錄.

性能

沒爸笆鋰噩

視覺效果.處理器計戈(I.內存使用,以及出i內存

逮穌

I穌⑸…I|WindowsK

高級票婉設置

用戶配置文件

,10GHz3.10GHz

與登錄帳尸相關的桌回設置

麗E)...

君兩次潼恢復

系統(tǒng)啟凱系饒效麗摘試信息0史改沒置

環(huán)境變量(N)...

另請?zhí)追?/p>

0敦活Windo

安全性與維護確定用消

系統(tǒng)握性

酬□

個且計其機名曲中最密isc的用戶變量(U)望素控制無標

值A

控制面板主頁要迸行大多數更改.￡

|ANDROID_HOMEC:\iscDev\Android\sdk

百

r9設備笞理器CLASSPATH.;%JAVA_HOME%\lib\dt.jar：%JAVA_HOM...

等端JAVA_HOMEC:\ProgramFiles\Java\dk1.8,0_91

C:\Users\isc\AppData\Roaming\npm;%J...

?PATH

Tc?4nactICCDnO/>CllCOC\AccC~j\，d\Tc-c7

0高或至維設置VindowslO

*E)-||O(D)|

用戶配置文件

與登雌戶相關的且

題-S)

變量值

AppsRootD

ComSpecC:\Windows\system32\cmd.exe

啟麗故漳恢星

NUMBER_OF_PR...4

0更改設置

系統(tǒng)啟浙.莖統(tǒng)頡5SOSWindowsNT

新^W)“.神⑴…■(!?)

月濤參閱

0激EWindows

安全性與新

腐ffl?二要迸行大多數更E

貞

0設備告理器

視覺效果，處理

個?會鰭

W

&高以系統(tǒng)設置

rive

用戶國或文件

與?動妒^

vIjdH.3：：_91I.

5S值主員共享查百,

AppsRootD

ComSpec“個，》此電箱>BOOTCAMP(G)>ProgramFiles>Java>jdk1.8.0_91

啟的故齡恢復

NUMBER_OF_PR...4

名稱修改日期

#快速訪問

部潟動.OSWindows_NT

Cr?L‘C-C2016/7/514:42文件突

TCAM公OneDrive

2016/7/514:42文件突

賽建(W)“.

口amemeude2016/7/514:42文件夾

S(lfl視s2016/7/514:42文住

二圖片2016/7/514:42文件突

度文《2016/5/2018:02文件

漠

2016/7/514:42WinRARZIP池.

另清參閱，下箕一

2016/7/514:42文件

安全性與謝戶J音樂?

2016/7/514:42ChromeHTMLD.

,宜卸.

12016/7/514:42

多

jBOOTCAMP(G)2016/5/2018:02WinRARZIPeS“

且

一火騎士空空(E:)H2016/7/514:42TXT文件

2016/7/514:42TXT文件

一火甥士空空(E:)

環(huán)境變量

系維展性

計算機名硬件isc的用戶變量(U)瘦案控到面板

值

控制面板主立要進行大我數更i

JAVA_HOMEC:\ProgramRles\Java\jdk1.8.0_91

0-SS登器PATHC:\Users\isc\AppData\Roaming\npm;%J...

個0演：猬視覺效果,處理TEMP%USERPROFILE%\AppData\Local\Temp

TMP%USERPROFILE%\AppData\Local\Temp

0級即Window：

高級級設置

^l(N)...福(E)...的除(D)

用產配置文件

與登錄悵戶相3M^S(S)

值

AppsRootD

ComSpecC:\Windows\system32\cmd.exe

啟力和故障安復

NUMBER_OF_PR.?4

。啟NL至縹OSWindowsNT號更改i

C~，k

CAM

鏘(I)...1I除(L)

g(y)?_TVm丁

環(huán)境變量

計算機名硬件

isc的用戶變量(U)

要透行大多數奧值A

性能ANDROID_HOMEC:\iscDev\Android\sdk

CLASSPATH.%JAVAHOME%\lib\dtiar%JAVAHOM...

視覺效果，電

JAVA_HOMEG\Pr0聚京用二一

PATHC\Us<

TCR4CQ4IICU

變量名(N):CLASSPATH

新建

用戶配置文件

2M(V)：.;%JAVA_HOME%\lib\dt.jac%JAVA_HOME%\lib\tools.jar;

與登錄帳戶假

瀏覽目錄(D)...瀏覽文件(F)“.

值

AppsRootD

啟麗故隔陷ComSpecG\Windows\system32\cmd.exe

NUMBER_OF_PR...4

蕊涓動、數

OSWindows_NT

新建(W)…蛔I。)...AB除(L)

確定取三CaptureEffectsToolsHelp

Duration

49+0:12:17

50-5

BC；\Ui3eri\i5c\Desktop\3ppO?y01\￡f^EgjT>d(appDayO'SublimeText

UIFA15charactersseie<tedUTF-SSpaces:2Matkdo

五、AndroidSDK的安裝

AndroidSDK是Android平臺上進行軟件開發(fā)所需要的開發(fā)包，這里我們通

過安裝AndroidStudio的方式來安裝AndroidSDK,AndroidStudio是Android開

發(fā)的IDE（集成開發(fā)環(huán)境）至少是或者更高版本，我們不是要使用這個IDE,而是

要使用它所集成的AndroidSDK,如果手動下載安裝SDK很麻煩。安卓官網被墻

[androidsdk中文網站]注意：安裝路徑不要有中文也不要用空格。

AndroidStudioSetup一口X

LicenseAgreement

Pleaserevi