Awesome
toutiao -weex
基于WEEX +Vue2.0仿照今日头条的app项目(android/ios)
源码地址:toutiao_weex
Apk地址:android-demo
前言
之前打算做个东西熟悉vue的使用,由于自己蛮喜欢刷手机看看新闻的,借鉴了其他同学的项目(链接在下面),自己也做了一个。项目中还有许多可以完善的地方,不足之处希望小伙伴们可以issue,我会在这里更新。目前还没有全面地测试该项目,有问题提问,大家一起学习。
技术栈
- 主要用到:vue、weex android ios
功能
- 各类新闻的查看
- 本地收藏新闻
- 新闻的搜索
- 待...
效果
!sscollect
!ssdetail
目录
|- src
|- assets
|- image // 项目图片
|- font // iconfont字体库
|- include // 组件
|- navbar.vue // 导航
|- tabbar.vue // 底部导航
|- views // 主体页面
|- index.vue // 主体页面
|- Detail.vue // 详情页
|- Care.vue // 关注页
|- Home.vue // 主页
|- My.vue // 段子页
|- manifast.json // 清单文件
|- tools
|- android // android copy
|- iso // ios copy
|- packzip.js // 打包
更多细节在源码中会有一些注释
API
-
获取新闻:
https://m.toutiao.com/list/?tag=新闻类型&ac=wap&count=20&format=json_raw&as=A125A8CEDCF8987&cp=58EC18F948F79E1&min_behot_time=时间
-
获取文章:
https://m.toutiao.com/i新闻ID/info/'
-
获取段子:
https://www.toutiao.com/api/article/feed/?category=essay_joke&utm_source=toutiao&widen=1&max_behot_time=1500114422&max_behot_time_tmp=1500114422&tadrequire=true&as=A1F52966E9EEF00&cp=59692E6FD0E09E1
-
搜索:
https://www.toutiao.com/search_content/?offset=相对位置&format=json&keyword=关键词&autoload=true&count=20&cur_tab=1
还可以参考今日头条Api分析
Ps:多star多动力[捂脸]
参考
u-weex开源地址 u-weex开源地址wiki toutiao_Vue2.0的项目
Build Setup
android
npm install
npm run build
npm run packzip
npm run copy:android
cd platforms/android
gradle iD