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

2020-04-08 16:07:52 浏览数 (1)

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开发中感悟记录总结。感觉有用就点赞哈,喜欢就大胆的关注。

0 人点赞