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

精选工程方案文件编号：2020年6

月

版本号：A

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

修改号：1

价页次：1.0

编制：________________

会签：________________

审核：________________

批准：________________

发布日期：________________

实施日期：_______________

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

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

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

陆续登陆全国各地。

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

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

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

的需求。

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

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

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

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

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

的成本来算。

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

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

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

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

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

这些人员工资去算也不便宜。

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

需要独自建人员成本技术外包成本推广渠道年推广成本自建模式成本外包模式成本

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的开发报价多了另外一种思

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

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

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

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

速组建一个原生的手机APP。这样的运行模式，让APP的每一个功能只需要开

发一次，不需要重复开发。所以成本非常低。

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

公园提供服务器及后期管理系统，不用单独开发。安卓端，iOS端，后台管理系

统（简称CMS）三个平台，简化为一次性开发。

共享经济app开发特点

1、普及性强：共享经济app开发用户普及性很强，每个用户都能享受app

带来的便利以及价值，没有阶级之分；

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

的实用性都很强，用户可以用最低的成本来满足自己的需求；

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

大规模传播，低成本进行企业宣传。

共享经济app开发功能

1、使用方便：用户可以在任何一个看到共享产品的地方直接使用产品，扫

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

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

值达到最大化，可以避免资源浪费和利用不当；

3、归还方便：用户使用完产品后归还非常方便，轻松上锁后就能把物品归

还，不需要再办理其他手续。

一、环境安装准备软件

名称修改日期还大小

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］■［创建本地服务器：gulp-connect］-［合并文

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

gulp-rename]■[最小化css文件：gulp-minify-css]-[压缩html文件

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

git是一个源代码管理工具，安装git主要是开发中的团队协作，方便版本管

理ng-cordova插件需要使用。

git:下载地址download/

四、jdk的安装

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

言运行需要浏览器一样

下载地址:

目JavaSEDevelopmentKit8Update91(64-bit)-安

欢迎使用JavaSE开发工具包8Update91的安装向导

本向导将指导您完成JavaSE开发工具包8Update91的安芸过程。

JavaMissionControl分析和诊断工具套件现在作为JDK的一部分提供。

I下一步(N)>|

JavaSEDevelopmentKit8Update91(64-bit)-安装X

《I

Wlava'

OIMCLJC

从下面的列表中选择要安装的可选功能。您可以在安装后使用控制面板中的“添加/删除程序”

实用程序更改所选择的功能

功能说明

,白▼开发工具独立JRE。任何应用程序均可

口▼源代码使用该JRE。它将Java插件和

JavaWebStart注册到浏览器

I公共JRE

和系统。可独立于JDK进行卸

载。它要求硬盘驱动器上有

110MB空间。

安芸到:

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

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

日JavaSEDevelopmentKit8Update91(64-bit)-□X

£Java'

状态:

状态：安装Java

3Billion

DevicesRunJava

£后忖#1DevelopmentPiatform

ORACL-e

，JavaSEDevelopmentKit8Update91(64-bit)-X

季lava-

O«MCU>

JavaSEDevelopmentKit8Update91(64-bit)已成功安装

单击“后续步骤”访问教程,API文档,开发人员指南,发布说明及更多内容,帮助您

开始使用JDKo

后续步骤例)

关闭(C)

环境变量配置：

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

旦>控制面板>茎统和安全>系统费案控制囿板

控制面板主页

查看有关计算机的基本信息

&:箱告理器

Windows版本

g送婚

Windows10专业版

&

©2015MicrosoftCorporation.保SB所有权利.|Windows1

。高级系统改置

处理器：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

安全性与好

-□

个计其机名硬件高级统保护远程vU搜素控制面板

控制面坂主页要遂行大名数更改，你必须作为苦理员登录.

性能

没爸笆锂噩

视觉效果.处理器计戈(I.内存使用,以及出i内存

逮稣

I稣⑸…I|WindowsK

高级票婉设置

用户配置文件

,10GHz3.10GHz

与登录帐尸相关的桌回设置

丽E)...

君两次潼恢复

系统启凯系饶效丽摘试信息0史改没置

环境变量(N)...

另请套房

0敦活Windo

安全性与维护确定用消

系统握性

酬□

个且计其机名曲中最密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更改设置

系统启浙.茎统颉5SOSWindowsNT

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

月涛参阅

0激EWindows

安全性与新

腐ffl«二要迸行大多数更E

贞

0设备告理器

视觉效果，处理

个©会鳍

W

&高以系统设置

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:)

环境变量

系维展性

计算机名硬件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丁

环境变量

计算机名硬件

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

过安装AndroidStudio的方式来安装AndroidSDK,AndroidStudio是Android开

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

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

[androidsdk中文网站]注意：安装路径不要有中文也不要用空格。

AndroidStudioSetup一口X

LicenseAgreement

Pleaserevi