工程師教你如何搭建app平臺(tái)和報(bào)價(jià)

精選工程方案文件編號(hào)：2020年6

月

版本號(hào)：A

工程師教你如何搭建app平臺(tái)和報(bào)

修改號(hào)：1

價(jià)頁(yè)次：1.0

編制：________________

會(huì)簽：________________

審核：________________

批準(zhǔn)：________________

發(fā)布日期：________________

實(shí)施日期：_______________

工程師教你如何搭建app平臺(tái)和報(bào)價(jià)

在互聯(lián)網(wǎng)的時(shí)代里，經(jīng)常有句話叫做：如果站在風(fēng)口上，豬都能飛起來(lái)!沒(méi)

錯(cuò)，這次飛起來(lái)的是我們已經(jīng)仍在一旁的單車經(jīng)濟(jì)?，F(xiàn)在共享單車已經(jīng)風(fēng)靡火爆,

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

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

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

因?yàn)橐粔KAPP的制作成本與很多因素有關(guān)，其中關(guān)系最大的就是APP功能

的需求。

通常一個(gè)簡(jiǎn)單的產(chǎn)品展示APP的價(jià)格，都在幾萬(wàn)到幾十萬(wàn)不等。如果APP

的需要的功能非常復(fù)雜，比如帶有常見(jiàn)的電商、商城模塊、聊天模塊等，每一個(gè)

模塊下面都有無(wú)數(shù)的功能進(jìn)行支持，其價(jià)格也會(huì)從幾十萬(wàn)到上百萬(wàn)不等。

所以，要想評(píng)估一下制作APP要花多少錢，不如先仔細(xì)盤算一下APP需要

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

的成本來(lái)算。

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

工設(shè)計(jì)和開(kāi)發(fā)量，即可基本測(cè)算出app的開(kāi)發(fā)成本。

大多數(shù)APP需要開(kāi)發(fā)安卓端，iOS端，后臺(tái)管理系統(tǒng)（簡(jiǎn)稱CMS）三個(gè)平臺(tái)，

人員主要包括：產(chǎn)品經(jīng)理、項(xiàng)目經(jīng)理、UI設(shè)計(jì)師、安卓開(kāi)發(fā)工程師、iOS開(kāi)發(fā)工

程師、后臺(tái)開(kāi)發(fā)工程師、測(cè)試人員工程師，大多數(shù)APP開(kāi)發(fā)兩個(gè)月起步，按照

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

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

需要獨(dú)自建人員成本技術(shù)外包成本推廣渠道年推廣成本自建模式成本外包模式成本

UI設(shè)計(jì)師12萬(wàn)/年應(yīng)用市場(chǎng)5萬(wàn)

iOS工程師24萬(wàn)/年社交媒體5萬(wàn)

Androidl程師18萬(wàn)/年15萬(wàn)/年移動(dòng)廣告5萬(wàn)

產(chǎn)品經(jīng)理24萬(wàn)/年室外廣告2萬(wàn)

APP

后臺(tái)工程師12萬(wàn)/年室內(nèi)廣告2萬(wàn)128萬(wàn)/年53萬(wàn)/年

廣告專員6萬(wàn)/年6萬(wàn)/年較文/投稿歷

活動(dòng)專員6萬(wàn)/年6萬(wàn)/年自刷0

免繇道推廣6萬(wàn)/年6萬(wàn)/年其他0

合計(jì)共8人108萬(wàn)/年33萬(wàn)/年合計(jì)20萬(wàn)/年

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

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

以平臺(tái)化代辦應(yīng)用公園為例：

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

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

速組建一個(gè)原生的手機(jī)APP。這樣的運(yùn)行模式，讓APP的每一個(gè)功能只需要開(kāi)

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

同時(shí)應(yīng)用公園的支持安卓和iOS一鍵自動(dòng)生成，成本再降低一半。而且應(yīng)用

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

統(tǒng)（簡(jiǎn)稱CMS）三個(gè)平臺(tái)，簡(jiǎn)化為一次性開(kāi)發(fā)。

共享經(jīng)濟(jì)app開(kāi)發(fā)特點(diǎn)

1、普及性強(qiáng)：共享經(jīng)濟(jì)app開(kāi)發(fā)用戶普及性很強(qiáng)，每個(gè)用戶都能享受app

帶來(lái)的便利以及價(jià)值，沒(méi)有階級(jí)之分；

2、實(shí)用性強(qiáng)：共享經(jīng)濟(jì)app開(kāi)發(fā)基本是找準(zhǔn)用戶的痛點(diǎn)下手，每一款app

的實(shí)用性都很強(qiáng)，用戶可以用最低的成本來(lái)滿足自己的需求；

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

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

共享經(jīng)濟(jì)app開(kāi)發(fā)功能

1、使用方便：用戶可以在任何一個(gè)看到共享產(chǎn)品的地方直接使用產(chǎn)品，掃

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

2、資源價(jià)值最大化：共享經(jīng)濟(jì)app把資源整合到一個(gè)平臺(tái)中，讓資源的價(jià)

值達(dá)到最大化，可以避免資源浪費(fèi)和利用不當(dāng)；

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

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

一、環(huán)境安裝準(zhǔ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

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

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

j號(hào)node-v4.4.7-x64.msi2016-07-04毀…WindowsInstall...10,732KB

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

國(guó)python-2.7.12.msi2016-07-04轂…WindowsInstall...18,464KB

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

二、node的安裝

像安裝普通軟件一樣，安裝對(duì)應(yīng)版本的node軟件，安裝好之后就可以運(yùn)行

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

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

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

下載地址：npm:NodepackageManager

bower

browser-sync:［官網(wǎng)］［中文網(wǎng)］Glup:［官網(wǎng)］

［中文網(wǎng)］常用Gulp插件

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

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

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

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

git是一個(gè)源代碼管理工具，安裝git主要是開(kāi)發(fā)中的團(tuán)隊(duì)協(xié)作，方便版本管

理ng-cordova插件需要使用。

git:下載地址download/

四、jdk的安裝

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

言運(yùn)行需要瀏覽器一樣

下載地址:

目JavaSEDevelopmentKit8Update91(64-bit)-安

歡迎使用JavaSE開(kāi)發(fā)工具包8Update91的安裝向?qū)?/p>

本向?qū)⒅笇?dǎo)您完成JavaSE開(kāi)發(fā)工具包8Update91的安蕓過(guò)程。

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

I下一步(N)>|

JavaSEDevelopmentKit8Update91(64-bit)-安裝X

《I

Wlava'

OIMCLJC

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

實(shí)用程序更改所選擇的功能

功能說(shuō)明

,白▼開(kāi)發(fā)工具獨(dú)立JRE。任何應(yīng)用程序均可

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

JavaWebStart注冊(cè)到瀏覽器

I公共JRE

和系統(tǒng)?？瑟?dú)立于JDK進(jìn)行卸

載。它要求硬盤驅(qū)動(dòng)器上有

110MB空間。

安蕓到:

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

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

日J(rèn)avaSEDevelopmentKit8Update91(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ù)步驟”訪問(wèn)教程,API文檔,開(kāi)發(fā)人員指南,發(fā)布說(shuō)明及更多內(nèi)容,幫助您

開(kāi)始使用JDKo

后續(xù)步驟例)

關(guān)閉(C)

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

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

配置為：

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

*注意最前面有個(gè)點(diǎn)*

+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較驗(yàn)

-或輸入java-version

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

控制面板主頁(yè)

查看有關(guān)計(jì)算機(jī)的基本信息

&:箱告理器

Windows版本

g送婚

Windows10專業(yè)版

&

?2015MicrosoftCorporation.保SB所有權(quán)利.|Windows1

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

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

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

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

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

計(jì)算機(jī)名、蝸1工作組設(shè)置

計(jì)算幗：DESKTOP-8BUE7NM0更改沒(méi)置

計(jì)算機(jī)全名：DESKTOP-8BUE7NM

計(jì)算機(jī)描述：

工作組：WORKGROUP

Windows激活

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

另請(qǐng)”閱

產(chǎn)品ID:00330-80000-00000-AA9990群Win

安全性與好

-□

個(gè)計(jì)其機(jī)名硬件高級(jí)統(tǒng)保護(hù)遠(yuǎn)程vU搜素控制面板

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

性能

沒(méi)爸笆鋰噩

視覺(jué)效果.處理器計(jì)戈(I.內(nèi)存使用,以及出i內(nèi)存

逮穌

I穌⑸…I|WindowsK

高級(jí)票婉設(shè)置

用戶配置文件

,10GHz3.10GHz

與登錄帳尸相關(guān)的桌回設(shè)置

麗E)...

君兩次潼恢復(fù)

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

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

另請(qǐng)?zhí)追?/p>

0敦活Windo

安全性與維護(hù)確定用消

系統(tǒng)握性

酬□

個(gè)且計(jì)其機(jī)名曲中最密isc的用戶變量(U)望素控制無(wú)標(biāo)

值A(chǔ)

控制面板主頁(yè)要迸行大多數(shù)更改.￡

|ANDROID_HOMEC:\iscDev\Android\sdk

百

r9設(shè)備笞理器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高或至維設(shè)置VindowslO

*E)-||O(D)|

用戶配置文件

與登雌戶相關(guān)的且

題-S)

變量值

AppsRootD

ComSpecC:\Windows\system32\cmd.exe

啟麗故漳恢星

NUMBER_OF_PR...4

0更改設(shè)置

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

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

月濤參閱

0激EWindows

安全性與新

腐ffl?二要迸行大多數(shù)更E

貞

0設(shè)備告理器

視覺(jué)效果，處理

個(gè)?會(huì)鰭

W

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

rive

用戶國(guó)或文件

與?動(dòng)妒^

vIjdH.3：：_91I.

5S值主員共享查百,

AppsRootD

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

啟的故齡恢復(fù)

NUMBER_OF_PR...4

名稱修改日期

#快速訪問(wèn)

部潟動(dòng).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音樂(lè)?

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)境變量

系維展性

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

值

控制面板主立要進(jìn)行大我數(shù)更i

JAVA_HOMEC:\ProgramRles\Java\jdk1.8.0_91

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

個(gè)0演：猬視覺(jué)效果,處理TEMP%USERPROFILE%\AppData\Local\Temp

TMP%USERPROFILE%\AppData\Local\Temp

0級(jí)即Window：

高級(jí)級(jí)設(shè)置

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

用產(chǎn)配置文件

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

值

AppsRootD

ComSpecC:\Windows\system32\cmd.exe

啟力和故障安復(fù)

NUMBER_OF_PR.?4

。啟NL至縹OSWindowsNT號(hào)更改i

C~，k

CAM

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

g(y)?_TVm丁

環(huán)境變量

計(jì)算機(jī)名硬件

isc的用戶變量(U)

要透行大多數(shù)奧值A(chǔ)

性能ANDROID_HOMEC:\iscDev\Android\sdk

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

視覺(jué)效果，電

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

蕊涓動(dòng)、數(shù)

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平臺(tái)上進(jìn)行軟件開(kāi)發(fā)所需要的開(kāi)發(fā)包，這里我們通

過(guò)安裝AndroidStudio的方式來(lái)安裝AndroidSDK,AndroidStudio是Android開(kāi)

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

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

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

AndroidStudioSetup一口X

LicenseAgreement

Pleaserevi