不到一个月用业余时间撸了个App

起因

虽然是个程序员&＃xff0c;但是从来没做过 Android 和 iOS 应用的开发。但是一直有一个想法&＃xff0c;想开发一个自己的 App 并且发布。
为此&＃xff0c;也做了一些了解&＃xff0c;发布到 Apple App Store 需要开发者账号&＃xff0c;这个账号每年 99 刀&＃xff0c;在这不得不吐槽一句太贵了&＃xff0c;还不是终身&＃xff0c;而是每年 99 刀&＃xff0c;尤其对于我这种非专业 iOS 开发者来说&＃xff0c;又没那么多应用发布&＃xff0c;就有些不值得。所以只能转 Android 平台了&＃xff0c;也了解了一下国内的众多安卓应用市场&＃xff0c;这里也得吐槽一下&＃xff0c;国内的 Android 市场太混乱了&＃xff0c;每家都有一个&＃xff0c;每家有每家的要求和政策。但是基本上都是需要软著的&＃xff0c;这个是没办法绕过去的。所以&＃xff0c;必须要去申请一个软著&＃xff08;目前还在申请中&＃xff09;。然后&＃xff0c;国外的 Android 商店就是 Google Play 了&＃xff0c;开发者账号25刀&＃xff0c;并且还是终身的&＃xff08;不得不说&＃xff0c;对于开发者来说很良心啊&＃xff09;。这么便宜&＃xff0c;我也就申请了一个&＃xff0c;准备也发布到 Google Play上。

相识

去年底的时候&＃xff0c;无意中看到了 Flutter&＃xff0c;它是 Google 开源的 UI 工具包&＃xff0c;可以让开发者通过一套代码库&＃xff0c;高效的构建多平台精美应用&＃xff0c;现在可以说是全平台支持了&＃xff0c;移动、Web、桌面和嵌入式平台都支持。真是非常强大啊。后边也一直有关注和了解&＃xff0c;发现使用的人也越来多&＃xff0c;我也尝试了安装和跑通了官方的 Demo。Flutter 本身就提供了非常多的漂亮内置组件&＃xff0c;让你即使在没有美工设计的情况下&＃xff0c;程序员自己都能非常方便的设计出好看界面。这就非常适合我这种不会画图和设计的程序员了。而且Flutter 还有很多开源的第三方 Package 包&＃xff0c;在这里可以找到各种工具包&＃xff0c;避免重复造轮子。

总之&＃xff0c;Flutter 给我的感觉就是很强大&＃xff0c;结合本身自带基础组件和第三方 Package 包&＃xff0c;能够大大提高开发者的效率。只是有两点&＃xff1a;1、Flutter 使用的是 Dart 语言&＃xff0c;这个语言比较小众&＃xff0c;不过有编程基础的学起来非常快&＃xff0c;边用边学&＃xff0c;基本很快就能上手。2、Dart 代码的谜之嵌套&＃xff0c;代码可能会嵌套 n 多层&＃xff0c;在修改的时候可能会比较麻烦&＃xff0c;不过使用 AndroidStudio 和 VS Code 编辑器都提供了非常方便的快捷键&＃xff0c;也基本能解决这个问题。

开始

我是在这个十一假期正式开始这个 App 的开发。都说熟悉一门新的框架&＃xff0c;从一个 Todolist 开始。我这次也不例外&＃xff0c;也是一个 Todo 类应用。

因为我也想通过这个 App 熟悉整个 Flutter 的框架和一个完整 App 的开发流程。所以我给自己的这款 App 确定了以下功能&＃xff0c;在确定功能的同时还要调研实现这个功能需要那些技术和平台支持&＃xff0c;比如说实现注册和登录功能&＃xff0c;那就需要有服务器&＃xff0c;自己也没写过服务器&＃xff0c;所以就找有没有提供类似功能支持的平台。最后国内我找到了两家提供支持的平台 LeanCloud 和 Bmob&＃xff0c;通过比较最后我选择了 LeanCloud&＃xff0c;两家功能差不多&＃xff08;当然不止是注册登录功能&＃xff0c;还有很多服务&＃xff09;&＃xff0c;我只是根据我自己的需求选择了其中一家。国外当然是首选 Firebase 了&＃xff0c;免费&＃xff0c;功能强大&＃xff08;可惜国内不支持&＃xff09;。最后我确定了以下功能和技术选型&＃xff1a;

• 注册登录功能&＃xff08;国内 LeanCloud&＃xff0c;国外 Firebase&＃xff09;
• Todo list 功能&＃xff0c;todo 提醒功能
• 笔记本功能
• 主题切换
• 多语言切换

主要就是以上几个主要功能&＃xff0c;下面带你们来看一下&＃xff0c;没有美工&＃xff0c;一个程序员使用 Flutter 能做出来什么样的界面。

登录

登录本来打算实现邮件密码登录和手机号验证码登录&＃xff0c;微信、QQ等第三方登录。奈何调研之后发现&＃xff0c;手机验证码是需要付费的&＃xff0c;本人穷屌丝一枚&＃xff0c;无奈只能放弃手机验证码登录&＃xff1b;微信和QQ等第三方登录大都需要企业资质&＃xff0c;无奈个人开发者也只能放弃&＃xff08;当然&＃xff0c;如果你确实需要可以个人注册公司&＃xff0c;或者找第三方挂靠&＃xff09;。最后只能使用邮件和密码登录了。国外也是使用邮件密码登录&＃xff0c;不过还接入了 Google 第三登录&＃xff08;后续会加上FB&＃xff0c;Twitter等&＃xff09;&＃xff0c;不需要什么资质和条件&＃xff0c;在这不得不说一下&＃xff0c;国外貌似对个人开发者更加友好。

然后就是忘记密码&＃xff0c;通过邮件重置密码。下面是截图&＃xff1a;

Todo

Todo 可以创建一个 Todo list 列表&＃xff0c;然后列表里添加具体的 Todo 事项&＃xff0c;Todo 列表可以收起和展开&＃xff0c;可以为不同的 Todo 列表设置不同的颜色来区分&＃xff0c;具体的 Todo 事项可以添加提醒功能。大体就这么多。来看一下应用内截图。

笔记

可以把一些重要的东西或者内容记下来&＃xff0c;随你使用&＃xff0c;自己记日记&＃xff0c;写作文都没问题。

设置

最后就是设置里边&＃xff0c;可以切换深浅两种主题&＃xff0c;切换不同的语言&＃xff0c;还有退出登录。

推荐

在整个开发的过程中我把我用的一些好用的工具和网站推荐给大家。

技术类&＃xff1a;

• Flutter 官网
• Flutter 社区中文资源
• Flutter 实战电子书
• Flutter Dart packages
• LeanCloud 后端云支持
• FlutterFire

美术类&＃xff1a;

• 阿里巴巴矢量图标库
• Material Design
• Android Asset Studio
• 图标工厂
• hotpot

最后我要隆重介绍一下这个 AI 设计工具&＃xff1a;Hotpot &＃xff0c;因为现在上传 Google Play 需要上传 Google Play Feature Graphics 和 Screenshots&＃xff0c;也就是一张置顶大图还有应用截图&＃xff0c;但是我又不会 PS &＃xff0c;最后在网上找到这个工具网站&＃xff0c;功能十分强大&＃xff0c;直接网页在线设计&＃xff0c;提供了很多模板&＃xff0c;我上边的屏幕截图就是在这个网站设计的&＃xff0c;是不是很漂亮。通过 Promo code 可以免费使用。

这个还有一个小插曲&＃xff0c;因为 Promo code 需要去国外各大社交等网站找&＃xff0c;或者在 FB&＃xff0c;Twitter 分享后获得&＃xff0c;我有点等不及&＃xff0c;所以直接付了 1 美金来设计和下载&＃xff0c;但是设计完之后需要连接外网才能保存和下载&＃xff0c;结果就是我的没能下载成功&＃xff0c;然后我就发邮件联系网站&＃xff0c;后面我们通过网页聊天窗口交流&＃xff0c;我使用我蹩脚的英文&＃xff0c;一边利用翻译软件一边交流&＃xff0c;快到最后解决的时候发现了对方是美籍华人&＃xff0c;懂中文只是不太好&＃xff0c;后边我们果断使用中文交流了&＃xff0c;我还教了他很多说中文需要注意的地方。最后他帮我下载了设计图&＃xff0c;并送了我一个免费七天的无限下载 code。

总结

现在国内和国外的第一个版本都已经开发完成了&＃xff0c;国外的已经发布到 Google Play&＃xff0c;目前正在审核中&＃xff0c;貌似现在这个特殊时期审核时间大大加长了&＃xff0c;不知道什么时候才能过。国内的还在申请软著中。不过我已经使用蒲公英内测分发了&＃xff0c;感兴趣的小伙伴可以去这里下载安装&＃xff1a;https://www.pgyer.com/JdvS 。或者扫下面二维码&＃xff0c;安装密码&＃xff1a;1111

蒲公英内测每个版本下载次数限制为 10 次/天&＃xff0c;如果不能下载可以使用百度云下载&＃xff1a;
链接: https://pan.baidu.com/s/1WP3xGRqoi0aFSt5AZaaqwA 提取码: 82q5

我一个从来没接触过移动开发的人&＃xff0c;从十月一开始到今天二十多天&＃xff0c;每天也就利用业余的一两个小时&＃xff0c;从学习查资料&＃xff0c;调研技术&＃xff0c;选择平台&＃xff0c;美术资源等等一个人搞定。可见 Flutter 还是能大大提高开发者效率的&＃xff0c;如果是从事移动开发&＃xff0c;肯定会比我更快。在这个过程我也学习了很多&＃xff0c;也有很大的收获&＃xff0c;最后完成的时候也有很大的成就感&＃xff0c;虽然只是一个简单的工具类应用。