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

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

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

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

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

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

部分人在講完之后，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要花多少錢(qián)，不如先仔細(xì)盤(pán)算一下APP需要哪些

具體的功能。各個(gè)功能需求需要多少錢(qián)呢？我們可以從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)稱(chēng)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à)格表:

百秒財(cái)十曠一卜Lm期m

匚設(shè)諱

工稗肺湎年

丘血ii.工制F13萬(wàn)7年CC”C

1.1DD產(chǎn)趣年室外廣告

fiJrlr的工程師

廣希昉1年籃丸梯

佰1年0

免遜椎廣0

共8人10叨/年幀年A1120萬(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)稱(chēng)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ā)用戶(hù)普及性很強(qiáng)，每個(gè)用戶(hù)都能享受app帶來(lái)的便利以及價(jià)值，

沒(méi)有階級(jí)之分；

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

戶(hù)可以用最低的成本來(lái)滿(mǎn)足自己的需求；

3、傳播性強(qiáng)：共享經(jīng)濟(jì)app開(kāi)發(fā)上線(xiàn)后就能迅速獲取用戶(hù)的注意力并且被大規(guī)模傳播，低成本

進(jìn)行企業(yè)宣傳。

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

1、使用方便：用戶(hù)可以在任何一個(gè)看到共享產(chǎn)品的地方直接使用產(chǎn)品，掃一下二維碼就能完成

押金支付，使用方便；

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

避免資源浪費(fèi)和利用不當(dāng)；

3、歸還方便：用戶(hù)使用完產(chǎn)品后歸還非常方便，輕松上鎖后就能把物品歸還，不需要再辦理其

他手續(xù)。

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

容稱(chēng)修改昌期大小

匚nUsualstudioenterprisewith.?201607-05蛋期」文腱

■android-51udic-bund1e-143.2915B27-...20t6-07-(UB.1,216.417-

CtBingDictSetup>14DS945xe2016-07-04星期m31617KB

匚nvisualstudioenterprise201Swith…2015-07-04星期，”好壓ISO.壓韁之炸

Git-2.8.4-32*bit.exf20167-04KB

Gr-64-bftiWw2016-07-04垂期，”卻?4￥7KB

gradle-2.4-alLs.ip2016-07-C4*...好壓ZIP每阪伴62,SCOKB

也jdk-5u91-win-dowE*i565,exe1S6.565KB

一如dk-Bu91-windQWS-X64.exe2016--7-04"應(yīng)月程妄KB

nnd?-v4.4.7~x64.mmi2016-07-04WindowsHitall...W.732<8

刃node-v4,4.7-xBb.msi20165H?(M頤“WindInstall-.933ZKB

J孕pytH口n-2.7.12.msl曲網(wǎng)-常乂4星期--WindowsInstall.佩464KB

READEMLmd胡口文禪1<B

、node的安裝

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

npm命令彳亍，比女口npminit、npminstall-gbower、npminstall-gbrowser>

npminstall-gbrowser-sync、npminstal1-ggulp-cli-save一-dev、

npminstalljquery—save、等等;注意安裝路徑不要選中文路徑，配置文件是package.json

下載地址：https:〃www.nodojs.org

npm:www.npmjs.orgNodepackageManager

bower:http://bower,io

browser-sync:[官網(wǎng)](https://www.browsersync.io/)

[中文網(wǎng)](http:〃www.browsersync.cn/)

Glup:[官網(wǎng)[(/)

[中文網(wǎng)[(http://www.gulpjs.com.cn/)

常用Gulp插件

-[編譯Less:gulp-less](https://ww.npmjs.com/package/gulp-less)

-[創(chuàng)建本地服務(wù)器：gulp-connect](https://www.npmjs.com/package/gulp-connect)

-[合并文件：gulp-concat](https://ww.npmjs.com/package/gulp-concat)

-[最小化js文件：gulp-uglify](https://ww.npmjs.com/package/gulp-uglify)

-[重命名文件：gulp-rename](https://www.npmjs.com/package/gulp-rename)

-[最小化css文件：gulp-minify-css](https://ww.npmjs.com/package/gulp-minify-css)

-[壓縮html文件gulp-minify-html](https://www.npmjs.com/package/gulp-minify-html)

最小化圖像：gulp-imagemin](https:〃www.npmjs.com/package/gu1p-imagemin)

三、git的安裝

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

件需要使用。

git:下載地址git-scm.com/download/

四、jdk的安裝

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

器一樣

下載地址：

(http://www.oracle,com/technetwork/java/javase/downloads/jdk8-downloads_2133151.html)

±yJavaSED&velopmentKit5Update91f64-bit)-安蕓程序X

—Java

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

羥向?qū)⒅笇?dǎo)魅賓成JavaSE片發(fā)工具包SUpdate91的左裝討程。

vaMissionControl分析和診ffiZMB件現(xiàn)在作為的?部分提供。

下一步典）、取消

DevelopmentKit9Update91[64-bit]一運(yùn)倒安裝

>Java

■OUT!u

辱畿瞬疆EEW用什5昨

功式明

i開(kāi)發(fā)工具獨(dú)立JKEQ任何應(yīng)用程序均可使用該JRE?

它將珈Fl插件和JavaWebStart注冊(cè)到測(cè)

*源代碼

覽器和累金兌?？砂辛⒏蒍DK進(jìn)行卸裁。它

1

▼公共JRE轟求璇盤(pán)飄動(dòng)器上肓1MJMB空間?

更改忙）…

安裝到:

CProoramFlw：WJ占舊Wi曲l&0_9LW

a

Java安裝-目標(biāo)文件夾X

ava

OOAC1.C

目標(biāo)文件夾

單擊“更改"以用Java安裝到其他文件夾.

安裝到：更改(C)

C:\ProgramFiles\Java\jre1.8.0-91

〈上/B)下一RN)>

T左裝-進(jìn)亶

￡Java

伏態(tài)：Java

3Billion

ORACLe

DevicesRunJava

]3V3*#1DevelopmentPlatform

力1JavaSEDevelopmentKit8Update91(64-bit)-X

無(wú)De1-,dopmentWtSUpdntu51已成功安裝

甲擊”后續(xù)步窟窗間數(shù)程.口F］交檔「開(kāi)發(fā)人員指南.發(fā)布說(shuō)瑚及更多同容「幫助您開(kāi)始使用血宓

后續(xù)步驟鞏）

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

JAVA_HOM變量值配置為:jdk安裝路徑(c:/xxx/jdkl.8.0.25)

CLASSPAT變量值配置為：

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\1ib\tools.jar;

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

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

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

-輸入javac較驗(yàn)

一或輸入java-version

芮再有關(guān)計(jì)寅機(jī)的口本信H

&士餐營(yíng)建aWindomIfcX

10^1/81

9

。初5MiaowftCoggon.C"皿幾IWindows1

M

IZR)Co*IM)i74S7UCPU?J.IOGHx140GHz

l&OGB

64g2g9T&

wo］與照&哥

—?D€PrO5-88UF7NM

ItSF.^SxD€SKTCX>8SUE7NM

InaWORKGROUP

W；ndE激運(yùn)

由Hllrte*r?<uJtT<W>ndowuIf*M.cvhit?

*5ID：皿妙aoooooooo^ugg

*O

舷后和端改期嘶為整員科

唄吧常出＜Fkk冊(cè)勺知亂I.氐r區(qū)時(shí)

13Windows1(

岸

JK-HzJiDOilT

舊之卻殘R

E7毋r11：

弓fifli節(jié)

&肅曲占

弓

甑？檜酉

那篩nM1

TMI?

.豈乩鼻

豪磐弊一球「<

嬉

*Pj>E*D6

tkEpc書(shū)

MMBTOFWL,

5M4.珅05?incj0W8*Nn*彷￡司?MEMM

；'■：,，■-——nl?—?gkwr2DUW7/SHI**

■Z：neCfiw

_db-3lr?/S切虹

IncludeMll.fl,M2

11■<2

.ffirtlibMIW/5irjac-

mif?

iflKWRIQTr

20lb-201M2311大忤

■HkvIdw.'ilu-rrxp

C/7/11<:<?版伸WIZIP

0LICEh&E

331B/7fOH?4￡f

<RE'WE.Ihfifnl

ib514H峪ftC'brofrl”11TM.L

JIro'-HiA*

?|?if14-小s/n，《2

-T-BC0TCAM5(C■sruip3016/7/5憎坨KinfERZIPnS.ixr丈

■上I型瓷lEil.THiRD￥RT￥UCEhK；EREillW.X(?TS*t

■—RTVmtS~aEgF：u.7(i,?

?s

■7NLR0ir_H0MEc&e譏,口TO-如k

亍需要瀏覽器一樣

?:.LA吐7rii

JAV4I-DME

□A'H

??

_L呈環(huán).|CLA"PA?

務(wù)注

?&a(v)i|閡AY'.HCME就ib\dT.jac*JAVAHQME出」旅:oo商in

.丈監(jiān)且MEJPUFJ.-珞左箱占

百

ppcRcoiD

ERREE郎」CQnSp?tCi\W?iftdiw\t)M?tn32\￡md?v?

HIMHER_0F_?RT?/

OSWirdQW5_NT

!)qiH,

S3溟（V幾

VIKlinAUdD

0:12:17?°

l>F-rtr

■

五、AndroidSDK的安裝

AndroidSDK是Android平臺(tái)上進(jìn)行軟件開(kāi)發(fā)所需要的開(kāi)發(fā)包，這里我們通過(guò)

安裝AndroidStudio的方式來(lái)安裝AndroidSDKAndroidStudio是Android開(kāi)

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

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

sdk中文網(wǎng)站］(http://www.androiddevtools.cn/)注意：安裝路

徑不要有中文也不要用空格。

卷圖弟品你ar?dro?d-51ddio-bund1e-143.2gi5327-wi...

已驗(yàn)證的發(fā)布晉GeogleInc/

文忖湮此計(jì)惠仇上的可穆SI媒低|/

昱示謹(jǐn)掘信良Q)

AndroidStudioSetup

LicemeAgreement

Pleaser吃切「咒thebcensetermsbeforemstalIrigAndroidStuiil).

PressPageDowntoseetherestofth&agreement.

|Togetstai-tedwiththeAndroidSDK,youmietagr&etoth呂followingtermsand去

coneitions.

ThissttieAndroidSDKLicenseAH觸m&rt[the"LicenseAgroemeritT.

1.Introduetion

1.ITTieAndroidSDK(referredtori±eLicense.AgreementastheMICandspeaficallyindudingthe

Androidsystennfiles,packaged1s,andSDK1ibraryfilsandtools,ifandwhentheyaremademvmilabk)

tsicersedto\ousubjecttothetermsoftheLicenseAgreement.TheLicenseAgreementftirmsale'slly

bindingcontractbetvi*eenyouandv

IfyouacceptthetErrnsofthereemeritdickIAgreeto<oritinu&.Youmustacceptttie

QreennenttoinstallAndrotd5tudio.

<fade1AgreeCancel

ET

AnckotdStudioInstallationLocation

AndroidStudioGetup

Setting6

AndroidSDKInstallatKXiLocation

ThelocationspeofiedmusthaveVt

didBrowsetocustomize:

|UNJsersWcSppCHa管修值HxdWk

Next>

AndroidStudioSetupX

Thelocaitonspe□fledmusthav已a(bǔ)llea\500MDof■freespace,dickBrowsetocustomize:

C:TrogranFilc5\An±oid\AndroidStudioBrowse.,

AndroidStudioInstallationLocation

Thelocstonspecifiedmusteatlea^t5D0MBoffreespace.

ClickBrowsetocustom*：

C:scDev\Andr&idyKndrairiStudioBrowse..

AjidroidSDKIrsiallatioriLoestan

Thebetinspecifiedmustha\eA11亡已si3.2GBaffreespai-

Cii±BrowsetoCL;starrHE&:

Ci\i5d)ev\AndrcitdtedkIBrowse",

<BackNext>Cancel

AndroidSiudioSetup

CboowStartMenuFolder

亡hoose目StartMenufolderfordieAn±oidStudioshcrtcute.

SelecttheStartMenu■folderin憎hkfiyouwouldliketocreatetheprogram-shortcuts.

Yaucanalsoenteranametooeateanewfalder.

AndnoidStucjo

AecessibihlyAt匚essonesAdmiriistratifeToolsCoirtBsaStudio7Chrome應(yīng)用Daum

GitHydraJava

JavaDevelopmentKitMairrtenanoe

<EackInstallCancel

AndroidStudioSetup

Installing

QPleasewaitwhileAndrwdStudo出banginstaled.

Donetcreateshortcut

ShOAdetai1s

Extract:maveri-5亡詢(xún)叩?32周jai■…100%

InstalldiDnComplete

Sfttupwascorripl-tedsuctesshjlIv.

Showdetails

Next>

AridrcidStudioSetup

CompletingAndroidStudioSetup

AndraidStudiohasbeeninstalledonyourcoirputETi

Click|D]rishtudoseSetup.

II5tartAn±oidStudio

Android

Studio

Finish

環(huán)境變量:

+ANDROID_HOM變量值配置為sdk安裝路徑(C:\iscDev\Android'sdk)

+PATH:變量值追

加：；%ANDROID_HOME%\p1atform-too1s;%ANDROID_HOME%\too1s

“4LS3FSSU]

Zs-scpen-'Ard

CU'SP'TH

JAVA.HOME

ANDfiOiq.HOMF

PllfW

TCwmiC'?5cC"A'drci(f''dk

we三如：日

■ddooq.

feoilcf-KxJ-E

dst

pldrt'DFinEI

phduvi-tcdlc

ic：內(nèi)聚尸殳亙U

ANDROID.HOME

C:U1L二v.\Ai-draid\sdk

Cl_A'=fiTO

_：%JA/AHO\1EMifcAdtjar'JAVA'OW._C:\jPro"ram

JAVA.HOME

FilesJdkl.3Q.91

PAFH

C'UacrsVhci.AppD'toXRoaning\nprn'6JP.Id

匚"c,aciidFP”nr?rcrGci?一?r>??I

SDI

ndr

嶺老i呼（i

u

###d

-a

此時(shí)還要安裝cordova和ionicnpminstall-gcordova

ionic

ao)daH安裝命□

FSC-XUsci*s\isc>npniristdLlicordoua

npnEHiiinimiatc]i@2■管?：10：Pleaseupdatet;oni.nxmat：Crli3.0.2ovh