前端打包工具选择

快来打我* 2022-05-25 01:13 272阅读 0赞

之前一直想写个app，能写个计划，然后到了计划的时间给个提醒，还有买卖股票，设定的某只股票的价格到了想要买入卖出的价格，能给个系统提醒和呼吸灯亮下什么的。这类要调用手机系统的通知，想学下原生的，但开发要搞两套也太麻烦费事，也挺难学的，想想不如用那些打包的壳子；通过提供的api，调用app系统的东西。然后就找了下面的这些资料。

HBuilder

HBuilder是DCloud推出的一款支持H5的WEB开发IDE，打包一个简单的app确实非常非常的简单，文件-新建一个移动APP项目，然后把你项目编译好的文件拷贝进去，修改下manifest.json里面的页面入口，选择你拷贝进去的index.html文件路径就可以了，也可以代码中修改路径，然后选择发行里面的云打包或本地打包。全程界面操作，打包一个简单的app就是这么简单。当然，这里只是一个简单的webApp打包。

![70][]

如果要调用手机系统的东西，需要照着文档修改manifest.json里面的代码，也不是很复杂，试着照着文档搞了个个推，在官方提供的个推平台上注册了个账号，照着示例的代码写了个demo，也能用，但好像不是我想要的功能，这种后台推送的真要用起来也不可能用它提供的这种推送平台，肯定在自己搭建的管理后台中操作，这中间估计还有点坑。然后看了下本地消息提醒功能，发现网友评论中留下的还是有些坑需要填。

[http://ask.dcloud.net.cn/question/2464][http_ask.dcloud.net.cn_question_2464]

上面这个是官网给出的解决本地推送方法的帖子，有兴趣的可以看看。

[http://ask.dcloud.net.cn/docs/\#//ask.dcloud.net.cn/article/114][http_ask.dcloud.net.cn_docs_ask.dcloud.net.cn_article_114]

上面这个网址是hbuilder官网给出的Native.js调用原生接口的示例。功能还是非常多的。

ApiCloud

apiCloud也是了解的比较早的一个app打包工具，当时有几个小伙伴推荐说那平台不错，可能当时觉得那东西吹嘘的开发太简单了，就对那不屑一顾了；但现在不得不再次回过头去重新了解它。同样的，带着需求去选择比较那个更好点。

在api接口文档中搜索通知，发现能实现本地通知的也就一个alarmNotification，其他的都是什么极光推送，阿里推送什么的。

[https://docs.apicloud.com/Client-API/Func-Ext/alarmNotification][https_docs.apicloud.com_Client-API_Func-Ext_alarmNotification]

上面是那个本地通知的一个接口文档，写的非常的详细，而且也特别说明了，点击弹出的通知不能能进入应用，而且弹出通知的图标也不能定制。那么，他们接口对本地通知的支持程度是一样的。而apiCloud好一点的地方就是文档比较清晰，接口也非常的多，用户在开发使用上可能会好点。

Cordova

cordova是adobe公司提供的一个app打包工具（姑且认为它就是工具吧），和visual studio 一起使用的比较多，因为visual studio中已经集成了cordova开发相关的工具。

[http://cordova.axuer.com/plugins/?q=notification][http_cordova.axuer.com_plugins_q_notification]

上面是cordova插件搜索的，插件基本是在github上找，搜了下通知的，也没有找到想要的。

个人觉得cordova使用比上面的两个上手要难点，功能差不多，apiCloud比DCloud插件要多些，更多的是各类开发者提供的模块，质量可能没有DCloud高，但好在人多，活跃。

最后，也是非常重要的，如果你没有学习过vue、react或angular，你需要的是根据你未来发展或当前公司应用的技术来选择，apicloud根据他们官方的说法就是：1）开发快，官方，厂家，个人开发者贡献共享模块，而后来的开发者可以免费或付费的使用别人开发的模块，模块的安全问题官方说法绕过去了；2）你可以不懂数据库甚至后端，你需要把你的核心放在用户体验和产品的业务上。用apicloud，希望培养的是一种产品经理的思维，重心放在做出好的产品上。当然，如果你懂原生，可以开发贡献模块；但作为一个纯前端来说，用apicloud后期技术会有一定的局限；如果你三十岁以后的目标是一个产品经理或者说管理的，用apicloud可以节约你很多学习成本，而又能够快速的做出一些作品。如果你三十岁之后的规划是一个架构师或者资深工程师，建议开始还是考虑用与之匹配比较好的工具和学一点原生的，因为你最后不可避免的还是会回到那条路上。也就是根据你掌握或 的希望掌握前端框架选择，比如说：你angular比较好，你可以考虑cordova，react比较熟你可以考虑react-native，vue比较好可以考虑DCloud或hbuildr，这样你上手或后期的发展要走的更顺些。

[70]: /images/20220525/59926ee73c074b478f29c14f1a9e3e6f.png
[http_ask.dcloud.net.cn_question_2464]: http://ask.dcloud.net.cn/question/2464
[http_ask.dcloud.net.cn_docs_ask.dcloud.net.cn_article_114]: http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/114
[https_docs.apicloud.com_Client-API_Func-Ext_alarmNotification]: https://docs.apicloud.com/Client-API/Func-Ext/alarmNotification
[http_cordova.axuer.com_plugins_q_notification]: http://cordova.axuer.com/plugins/?q=notification