Question

自己动手，从0到1开发一个App

Answer 1

本文假定读者是想通过自己的学习和努力，从0到1去制作自己的一款APP产品。

我将从独立开发者的角度，尽可能描述一条可行的路径。

第一步：制作产品原型不懂开发的人可能觉得软件产品就只是程序员埋头吭哧吭哧搞出来的，但编码其实只是其中一个环节，并不是全部。你可以把产品原型理解为房子的设计图，简单的房子可能不需要设计，但稍微复杂一点的，都是离不开图纸的。

有些程序员想自己做个东西，也不需要和别人协作，觉得这个麻烦，就跳过这一步了。但我建议最好还是先做出原型来，它不仅可以帮助你把头脑中的想发快速呈现出来，更重要的是，在你设计原型的时候，你已经把产品在脑海中做了一遍了，这样对你在后面进行软件的模块设计的时候是有极大的好处的。

这里推荐几个做App产品原型的软件：墨刀、Axure。如果不是特别清楚原型是什么东西的话，可以到墨刀的讨论区去看看，有一些分享的作品。

第二步：产品页面设计这年头颜值越来越重要了，对于大部分开发者来说，可能做不到设计惊艳，但是要做到简洁大方并不是一件很难的事情。

秘诀就是要统一，统一好颜色、字体的使用场景，这样出来的视觉效果一般不会很差。

这里有篇文章介绍了设计规范的内容，你可以去参考一下：APP界面设计规范编写指南。

还有一个就是图标的问题，阿里巴巴图标库有非常多图标，一般App都够用了。

一般来说，如果是我自己开发的应用，很少去动手设计页面，都是直接用一套成熟的设计规范，然后对着产品原型来动手编码了。比如App的就可以使用谷歌出品的MaterialDesign，后面提到的Flutter就已经内置了MaterialDesign的UI组件了。

如果你要自己动手设计页面的话，在mac上面我推荐使用sketch。

第三步：代码编写接下来就可以考虑开始动手干了。首先我们要先定一套技术方案，一般来说，我们做一个普通的App，需要搞定的东西有除了手机App，还有相关的API服务接口。

App客户端首先我们看一下App端，目前手机平台有两大阵营，一个是Google开源的Android系统，一个是苹果的iOS系统，它们使用的开发语言和开发工具都是不一样的。其中Android可以使用Java或者Kotlin语言来原生开发，iOS可以使用Objective-C或者Swift语言。

如果你要两个平台都各做一个，那开发成本将会非常高。我建议你考虑直接采用跨平台的技术，比如Google的Flutter（Dart语言）或者Facebook的ReactiveNative（JavaScript语言）技术。

当然你要先调研一下你要做的产品在相关平台下实现有没有可行性，这方面可以咨询一下相关的技术专家。也可以按照经验原则，你在别的App看到的功能，一般都能实现。

无论你使用什么技术，一般来说在App端需要做的事情一般不外乎编写页面，编写交互逻辑和数据通信，一般采用HTTP协议。

这里涉及到的技术点比较多，我的经验是直接通过一个完整的Demo源码来边学边做是比较高效的学习方法，这个Demo最好足够简单，但是有完整的逻辑交互和通信过程，比如登录和数据列表。找Demo可以通过搜索引擎、GitHub、开源中国等平台。

还有一个值得分享的经验是要以官方文档作为主要参考和学习材料，资料够准确，你也会慢慢就能快速索引到相关知识点。遇到一些不懂的知识点要善于Google或者百度，一门相对成熟的技术，网上都有很多资料的。

API服务端如果说App是可以看得见，摸得着的前端，那API就是看不到的后端了。这一块的技术就更复杂了，你的App用户是1000人，1W人，100W人，后面系统的设计复杂度是完全不一样的。当然，这里不去讨论负载均衡、分布式设计这些复杂的东西，当前我们能搭建一个简单的web服务就好了。

虽然我自己用Java比较多，但如果你是刚开始接触后端开发，你可以试一下expressjs，上手很快，对于简单的接口开发是足够啦，语言是JavaScript，刚好你可以结合一下使用ReactiveNative来开发App，降低了不少学习和开发成本。

后台管理端这个是用来方便你后面运营App用的，比如要录入一些资料，管理用户等。要完成这个，在懂得写接口的基础上，你还要学习怎么编写网页。

如果你前面的事情都能搞定，那HTML和CSS这些对你来说就是小菜一碟了。如果你还有精力的话，你可以顺便把vuejs也看一下，这里推荐一个后台模块：vue-element-admin。

如果实在学不动了，也可以用boostrap+jquery来搭建一套视觉还不错的后台系统。

到此，你的App就算是完成了，测试和上架那些就不提了。推广和运营又是另外一个话题了，有机会再聊。

补充学习资料：Flutter实战阮一峰JavaScript教程廖雪峰JavaScript教程HTML/CssW3School中文教程本文由AgileStudio工作室原创，转载请附上下面链接：

http://blog.nowait.xin/Learn-To-Build-An-App/

关于我们：

我们是一支由资深独立开发者和设计师组成的团队，成员均有扎实的技术实力和多年的产品设计开发经验，提供软件定制服务。

公众号：AgileStudio工作室，软件定制/产品运营/技术干货/独立开发者

logo设计

创造品牌价值

¥500元起

APP开发

量身定制，源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

查

看

更

多

• 官方电话
• 官方服务
  • 官方网站
  • 八戒财税
  • 知识产权
  • 八戒服务商
  • 企业需求
  • 数字市场