工程师教你如何搭建app平台和报价

工程师教你如何搭建app平台和报价

在互联网的时代里，经常有句话叫做：如果站在风口上，猪都能飞起来！没

错，这次飞起来的是我们已经仍在一旁的单车经济。现在共享单车已经风靡火爆，陆

续登陆全国各地。

我想开发一个APP我大概给你讲一下，你估计一下大概需要多少钱”，然而大

部分人在讲完之后，APP亍业的人员也很难第一时间就报出价格。

因为一块APP的制作成本与很多因素有关，其中关系最大的就是APP功能的需

求。

通常一个简单的产品展示APP的价格，都在几万到几十万不等。如果APP的需

要的功能非常复杂，比如带有常见的电商、商城模块、聊天模块等，每一个模块下面

都有无数的功能进行支持，其价格也会从几十万到上百万不等。

所以，要想评估一下制作APP要花多少钱，不如先仔细盘算一下APP需要哪些

具体的功能。各个功能需求需要多少钱呢？我们可以从APP开发公司的投入的成本

来算。

APP的开发的主要成本就是人力成本，根据功能，评估出需要投入多少的人工设

计和开发量，即可基本测算出app的开发成本。

大多数APP需要开发安卓端，iOS端，后台管理系统（简称CMS三个平台，人员

主要包括：产品经理、项目经理、UI设计师、安卓开发工程师、iOS开发工

程师、后台开发工程师、测试人员工程师，大多数APP开发两个月起步，按照这些

人员工资去算也不便宜。

自建APP和外包公司APP开发的价格表:

百秒财十旷一卜Lm期m

匚设讳

工稗肺湎年

丘血ii.工制F13万7年CC”C

1.1DD产趣年室外广告

fiJrlr的工程师

广希昉1年篮丸梯

佰1年0

免逊椎广0

共8人10叨/年帧年A1120万/年

而随着APP平台化、共享化模式诞生后，APP的开发报价多了另外一种思路而且

APP开发费用不到传统的十分之一。

以平台化代办应用公园为例:

首先在功能上：应用公园把日常APP功能逐一开发后，放置在平台上，不懂技

术的人，仅需把自己需求的功能挑选出来，堆积木一样组合在一起，就能快速组建

一个原生的手机APP这样的运行模式，让APP的每一个功能只需要开发一次，不需要

重复开发。所以成本非常低。

同时应用公园的支持安卓和iOS一键自动生成，成本再降低一半。而且应用公园提供服务器及

后期管理系统，不用单独开发。安卓端，iOS端，后台管理系统（简称CMS三个平台，简化为一次性

开发。

共享经济app开发特点

1、普及性强：共享经济app开发用户普及性很强，每个用户都能享受app带来的便利以及价值，

没有阶级之分；

2、实用性强：共享经济app开发基本是找准用户的痛点下手，每一款app的实用性都很强，用

户可以用最低的成本来满足自己的需求；

3、传播性强：共享经济app开发上线后就能迅速获取用户的注意力并且被大规模传播，低成本

进行企业宣传。

共享经济app开发功能

1、使用方便：用户可以在任何一个看到共享产品的地方直接使用产品，扫一下二维码就能完成

押金支付，使用方便；

2、资源价值最大化：共享经济app把资源整合到一个平台中，让资源的价值达到最大化，可以

避免资源浪费和利用不当；

3、归还方便：用户使用完产品后归还非常方便，轻松上锁后就能把物品归还，不需要再办理其

他手续。

、环境安装准备软件

容称修改昌期大小

匚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"应月程妄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曲网-常乂4星期--WindowsInstall.佩464KB

READEMLmd胡口文禅1<B

、node的安装

像安装普通软件一样，安装对应版本的node软件，安装好之后就可以运行

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:[官网](https://www.browsersync.io/)

[中文网](http:〃www.browsersync.cn/)

Glup:[官网[(/)

[中文网[(http://www.gulpjs.com.cn/)

常用Gulp插件

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

-[创建本地服务器：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是一个源代码管理工具，安装git主要是开发中的团队协作，方便版本管理.ng-cordova插

件需要使用。

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

四、jdk的安装

JavaDevelopmentKit,这是做java语言运行开发所依赖的工具，就像js语言运行需要浏览

器一样

下载地址：

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

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

—Java

欧迎使用JavaSE开发工具包SUpdate9］的安装向导

羟向导将指导魅宾成JavaSE片发工具包SUpdate91的左装讨程。

vaMissionControl分析和诊ffiZMB件现在作为的•部分提供。

下一步典）、取消

DevelopmentKit9Update91[64-bit]一运倒安装

>Java

■OUT!u

辱畿瞬疆EEW用什5昨

功式明

i开发工具独立JKEQ任何应用程序均可使用该JRE»

它将珈Fl插件和JavaWebStart注册到测

*源代码

览器和累金兑。可靶立干JDK进行卸裁。它

1

▼公共JRE轰求璇盘飘动器上肓1MJMB空间?

更改忙）…

安装到:

CProoramFlw：WJ占旧Wi曲l&0_9LW

a

Java安装-目标文件夹X

ava

OOAC1.C

目标文件夹

单击“更改"以用Java安装到其他文件夹.

安装到：更改(C)

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

〈上/B)下一RN)>

T左装-进亶

£Java

伏态：Java

3Billion

ORACLe

DevicesRunJava

]3V3*#1DevelopmentPlatform

力1JavaSEDevelopmentKit8Update91(64-bit)-X

无De1-,dopmentWtSUpdntu51已成功安装

甲击”后续步窟窗间数程.口F］交档「开发人员指南.发布说瑚及更多同容「帮助您开始使用血宓

后续步骤巩）

环境变量配置：

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较验

一或输入java-version

芮再有关计寅机的口本信H

&士餐营建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激运

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

*5ID：皿妙aoooooooo^ugg

*O

舷后和端改期嘶为整员科

呗吧常出＜Fkk册勺知乱I.氐r区时

13Windows1(

岸

JK-HzJiDOilT

旧之却残R

E7毋r11：

弓fifli节

&肃曲占

弓

甑？桧酉

那筛nM1

TMI»

.岂乩鼻

豪磐弊一球「<

嬉

*Pj>E*D6

tkEpc书

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呈环.|CLA"PA™

务注

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

.丈监且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平台上进行软件开发所需要的开发包，这里我们通过

安装AndroidStudio的方式来安装AndroidSDKAndroidStudio是Android开

发的IDE(集成开发环境)至少是2.0或者更高版本，我们不是要使用这个IDE,而是要

使用它所集成的AndroidSDK,如果手动下载安装SDK很麻烦。安卓官网被墙［android

sdk中文网站］(http://www.androiddevtools.cn/)注意：安装路

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

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

已验证的发布晋GeogleInc/

文忖湮此计惠仇上的可穆SI媒低|/

昱示谨掘信良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已allea\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应用Daum

GitHydraJava

JavaDevelopmentKitMairrtenanoe

<EackInstallCancel

AndroidStudioSetup

Installing

QPleasewaitwhileAndrwdStudo出banginstaled.

Donetcreateshortcut

ShOAdetai1s

Extract:maveri-5亡询叩・32周jai■…100%

InstalldiDnComplete

Sfttupwascorripl-tedsuctesshjlIv.

Showdetails

Next>

AridrcidStudioSetup

CompletingAndroidStudioSetup

AndraidStudiohasbeeninstalledonyourcoirputETi

Click|D]rishtudoseSetup.

II5tartAn±oidStudio

Android

Studio

Finish

环境变量:

+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：内聚尸殳亘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

此时还要安装cordova和ionicnpminstall-gcordova

ionic

ao)daH安装命□

FSC-XUsci*s\isc>npniristdLlicordoua

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