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

xx头条开源了(纯Swift项目)https://www.jianshu.com/p/3228bfa3be7d

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容