精华 CNode 社区微信小程序客户端
发布于 6 年前 作者 aoxiaoqiang 14806 次浏览 最后一次编辑是 2 年前 来自 分享

最近平时有空了也学习学习Node.js,在codejs平台也有一些不错的教程,同时也发现平台有提供开放的 API 给开发者们。平时工作主要做小程序,于是乎就想运用cnode平台提供的API来做一个下程序客户端。

之前也有尝试过写过,不过感觉体验很不好,这次重新弄了一个新的,界面干净了很多,资讯嘛还是以内容为主。希望能够帮助到大家,共同学习共同进步。写的比较仓促,样式参考、数据请求处理,差不多用了1天的时间。目前只用到了get /topics 主题首页get /topic/:id 主题详情。也就是列表和详情页,后续也会陆续更新,不断完善。

Node随心阅微信小程序码:

gh_26ff2b7c5db7_344.jpg

该微信小程序的开发没有使用第三方框架,直接使用的是微信小程序原生的方式来开发的。参考文档为微信小程序官方开发文档 主要的功能点:

  • 首页

    1. 列表展示
    2. 类别切换(点击分类可选择全部分类、精华、问答、招聘)
    3. 点击右上角将当前类别列表分享给好友
    4. 下拉刷新、上拉加载
    5. 首页添加了趣图微信设备信息查看模块
  • 详情页

    1. 内容展示
    2. 用户回复列表
    3. 分享好友。 详情页的分享路径用户打开有个重定向的过程,这样可以保证被分享者打开后可以返回到首页列表。

后续也会慢慢优化和改善相关的体验,同时也慢慢添加一些新的功能点,不多学习和完善。

免责申明: 此小程序为业余以学习为目的开发,非官方小程序客户端。使用过程中如有相关问题请及时告知开发者进行处理,微信号 pro_xiaoqiang

20 回复

体验感觉还可以

@zhaoyn7计划以后每1-2周更新一个版本,慢慢完善

微信小程序审核还是挺快的,昨天写的点儿内容提交了。今天已经审核通过了,线上目前已经更新到1.0.02版本,更新内容:

  1. 添加自定导航;
  2. 首页顶部导航滚动淡出;
  3. 首页添加用户头像展示;

(有功能、界面展示需求或者Bug大家可以留言回复, 我会仔细思考大家的意见进行改进修复,可能你说的功能或问题下一次就被添加或修复了哦~)

版本更新1.0.03, 更新内容:

  1. 添加页面,帖子列表 && 趣图广场入口;
  2. 添加“趣图广场”模块, 主要是分享一些比较有意思的图片。
  3. 分享bug修复;

版本更新1.0.04, 更新内容

  1. 添加底部导航 “首页”、“我的”;
  2. 首页改版;
  3. 个人中心添加扫码登录;
  4. 详情页添加“收藏”按钮;
  5. 登录后显示个人中心模块,添加收藏列表页面;

LZ这个不错哦。

我正好在找一个社区小程序版,如果可以的话,外包给你做。在这个基础上改点东西即可。 https://cnodejs.org/topic/5ca17f4399e62a362ff41c6d#5cab6eef7edd13064e053828

前一段时间比较忙,也没有弄这个。@awong1900 发现列表有Bug,于是就修复了列表Bug, 然后在分享设置也做了调整添加了配置等。更新发布了1.0.05, 更新内容:

  1. 首页、帖子列表、趣图页面分享卡片添加设计配图;
  2. 详情页内容代码块样式、时间、评论、链接等样式微调;
  3. 帖子列表Bug修复;

感谢 @awong1900 的反馈

1.0.06 更新:

  1. 首页添加swiper展示方式,并可切换换;
  2. 趣图列表尝试使用ad 组件
  3. 趣图列表修复;

赞!!!!!!!!!!1

ya! 可以看到广告了

1.0.07 版本更新:

  1. 个人中心添加“关于”说明页面;
  2. 个人中心样式图标修改,彩色图标更舒服;
  3. NodeJS帖子列表样式微调,扁平风格更简洁直观;
  4. 趣图列表样式修改,体验优化;

最近迭代了好几个版本都没有记录,今天来简单的理一下 1.0.08 - 1.0.16 ,主要的一些功能有下面这些: 1. 首页模块样式修改; 2. 添加趣模块; 3. 添加设备信息模块(这个对小程序开发者查看相关设备的设备信息挺有用); 4. 添加推荐小程序模块,目前主要的几个是 微信小程序官方的几个小程序助手相关的。对于小程序的管理还实用的; 5. 尝试在小程序中使用wsocket (体验入口: 我的 -> 长按‘重启小程序’即可进入),做了一个简易版的算是群聊功能吧; 6. 添加授权登录流程; 7. 首页顶部添加 banner 配置;

Node随心阅 更新啦! 最近看到小程序使用面向对象程序设计 westore,就打算用CNode接口重写小程序,终于终于更新了 v1.1.0 。后续尽力持续更新,添加一些新的有意思的功能。

小程序技术点:

  • 面向对象程序设计 westore ;
  • TDesign 微信小程序组件库 UI更美观、体验更友好;
  • 帖子详情展示部分使用解析 Markdown 方式转换为小程序组件进行渲染展示;

有想法欢迎交流,努力做好 Node随心阅:一个更好用的CNode小程序客户端 :-)

看到小程序有适配pc端,但是Banner 部分 没有对正对pc这种宽屏场景进行优化,当我切换成全屏之后,banner会占据整个屏幕的空间

回到顶部