xx头条开源了(纯H5项目基于HBuilderX 、MUI、H5+)

xx头条开源了(纯Swift项目)https://cloud.tencent.com/developer/article/1610872

之兄弟篇 【xx头条开源了(纯H5项目)】

商业用途联系light413@126.com，可提供进一步的技术支持和服务

前段时间业余无聊发布了这个Swift项目，并上线App Store 1.0.0，然后我就想同步做个安卓版本的，由于我是纯iOS开发，所以对Android那一套还不熟。但是我主观迫切要做个一套整体全端的APP。为了小县城信息发布，为了老家这个情怀。

在过去的一年里，断断续续，一路坎坷，我为此做了很多。

• 我从当初不知PHP如何，到现在完全自如自己写接口，实现后台逻辑操作，可以说我已经入门PHP了，本身多了一个技术工具。
• 我为此购买阿里云服务器，购买了域名，当然还有苹果开发者账号。从服务器开始搭建到最后接口编写 ， 域名的审核和备案，最终做了个APP网站主页http://dancheng0394.com，虽然感觉有点丑陋，总算搭建起来了，这种感觉就好比当初学编程输出第一个Hello World的兴奋。
• 从此我开始关注产品和设计，不断研究别人家的APP，不断的反复滑动一个页面，心里默念着我的APP也要实现这样的效果。
• 为了实现APP的功能操作，我开始更多的思考服务后台的设计和实现，比如多文件上传、文件的处理及保存、数据表及字段的设计，数据库表情存储等以前几乎不用考虑的问题。
• 我开始接触了前端，熟悉了前端相关的三大基石(HTML , JS , CSS),之前我对这些一头雾水。学会了ajax 、vue 等一些框架的使用，之前感觉神奇的前端现在总算有了点眉目。顺其自然的就开始了H5的学习。

感悟: 有时候做一件事情，我们可能感觉不到有什么意义甚至没有价值，但是一旦你开始了、行动了，无论是技术还是经历，你肯定会有其他意想不到的收获。

以上所述，纯碎扯淡行为，一个正儿八经的程序员不应该扯这些。???。。。

开始正题

自从xx头条开源了(纯Swift项目) 一文发布之后，在简书阅读量涨到一千了，同时获得了不少人的喜欢和点赞、评论，与此一起GitHub的开源代码仓库也得到不少人的star，fork。这让我备受鼓舞，原来还有这么多人喜欢，更加坚定了更新、开源的决心。

所以作为2018年度收尾，我想再来一次H5版本的开源，H5的开发前后持续一月左右，目前已完成大部分功能和操作，根据效果看来感觉比原生的还牛逼(Swift版本的有点丑，还没来得及优化完善，同时由于接口的改动有些操作可能会出问题，后续一并更新跟进)。

为了避免发布太多的测试内容，后台已关闭发布通道，但是不影响学习、体验功能。

目前适配的Android端（我的真机荣耀10），对iOS没有具体适配，有些操作在iOS系统可能会有点问题。代码目录下有我打好的安卓包，安卓手机可以直接安装查看效果。有问题可以下面留言讨论。

整体功能已完善大约80%，还在一直完善中，比如图片加载，预览、用户操作相关都需要继续修改。这里旨在提出一个思路和方向。

开发工具

logo.png

我用的最新HBuilderX 版本 1.3.2.20181214，一个牛逼而又好用的前端开发工具。

集成了各种插件工具，基于MUI ， H5+强大操作，同时可以在线打包，一键生成iOS、Android应用。文档完善（刚开始看仍然会让你懵逼，就好比一个参考手册，没有一个完善的流程说明，所以学习的时候需要点时间）。具体官网看吧http://www.dcloud.io ,目前还有些不太完善，但不影响我喜欢它！

代码阅读正确姿势

• 有安卓手机可以直接安装目录下apk看效果。
• 浏览器运行调试，这里会有问题，只能看一些布局元素之类 ，H5+ ， runtime的功能不支持浏览器，所以相关功能无法操作。
• 不要测试发布功能了，发布功能本身没毛病。发布的太多影响界面，看起来一堆测试，不爽。所以禁止了。
• 用户相关的有待完善，功能缺失。

看一波效果，感觉和原生的差不多O(∩_∩)O

未命名2.gif

部分截图:

dctt_h5_1.png

dctt_h5_2.png

dctt_h5_3.png

代码

GitHub地址：https://github.com/Light413/dctt_h5.git

（仅供学习交流，禁止直接在没有授权的情况下用于商业用途，感谢支持）

持续更新中，喜欢就关注点赞我哈

Hi 大家好！我是Light413，一名iOS开发者,写代码我是认真的，即使看到一个多余的空格就会感觉不爽?。 喜欢前端及后台开发。简书就是我的阵营，我喜欢在这里学习，在这里分享。以后文章会不断的更新，介绍关于iOS开发学习总结 ， 介绍基于MUI 、H5+ 及H5开发中感悟记录总结。感觉有用就点赞哈，喜欢就大胆的关注。