weex 今日頭條

toutiao -weex

基於WEEX +Vue2.0仿照今日頭條的app項目(android/ios)

源碼地址：toutiao_weex

Apk地址：android-demo

前言

以前打算作個東西熟悉vue的使用，因爲本身蠻喜歡刷手機看看新聞的，借鑑了其餘同窗的項目（連接在下面），本身也作了一個。項目中還有許多能夠完善的地方，不足之處但願小夥伴們能夠issue，我會在這裏更新。目前尚未全面地測試該項目，有問題提問，你們一塊兒學習。

技術棧

1. 主要用到：vue、weex android ios

功能

• 各種新聞的查看
• 本地收藏新聞
• 新聞的搜索
• 待...

效果

目錄

|- 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

1. 獲取新聞：https://m.toutiao.com/list/?tag=新聞類型&ac=wap&count=20&format=json_raw&as=A125A8CEDCF8987&cp=58EC18F948F79E1&min_behot_time=時間
2. 獲取文章：https://m.toutiao.com/i新聞ID/info/'
3. 獲取段子：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
4. 搜索： 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