weex優(yōu)秀案例

# toutiao -weex

> 基于WEEX +Vue2.0仿照今日頭條的app項(xiàng)目(android/ios)

源碼地址:[toutiao_weex](https://github.com/weexext/weex-toutiao)

Apk地址:[android-demo](https://github.com/weexext/weex-toutiao/blob/master/app-debug.apk?raw=true)

## 前言

之前打算做個(gè)東西熟悉vue的使用啥么,由于自己蠻喜歡刷手機(jī)看看新聞的,借鑒了其他同學(xué)的項(xiàng)目(鏈接在下面)剑梳,自己也做了一個(gè)骤素。項(xiàng)目中還有許多可以完善的地方饱亮,不足之處希望小伙伴們可以issue,我會(huì)在這里更新攻询。目前還沒有全面地測(cè)試該項(xiàng)目盯串,有問題提問,大家一起學(xué)習(xí)齐遵。

## 技術(shù)棧

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

## 功能

- 各類新聞的查看

- 本地收藏新聞

- 新聞的搜索

- 待...

## 效果

![圖片描述][1]

![entry](https://github.com/weexext/weex-toutiao/blob/master/capture/v_02.gif?raw=true)

![collect](https://github.com/weexext/weex-toutiao/blob/master/capture/home.png)

![detail](https://github.com/weexext/weex-toutiao/blob/master/capture/detail.png)

## 目錄

```

|- src

|- assets

|- image? ? ? ? ? ? ? ? ? // 項(xiàng)目圖片

|- font? ? ? ? ? ? ? ? ? ? // iconfont字體庫

|- include? ? ? ? ? ? ? ? ? ? // 組件

|- navbar.vue? ? ? ? ? ? ? // 導(dǎo)航

|- tabbar.vue? ? ? ? ? ? ? // 底部導(dǎo)航

|- views? ? ? ? ? ? ? ? ? ? ? // 主體頁面

|- index.vue? ? ? ? ? ? ? // 主體頁面

|- Detail.vue? ? ? ? ? ? ? // 詳情頁

|- Care.vue? ? ? ? ? ? ? ? // 關(guān)注頁

|- Home.vue? ? ? ? ? ? ? ? // 主頁

|- My.vue? ? ? ? ? ? ? ? ? // 段子頁

|- manifast.json? ? ? ? ? ? ? // 清單文件

|- tools

|- android? ? ? ? ? ? ? ? ? ? // android copy

|- iso? ? ? ? ? ? ? ? ? ? ? ? // ios copy

|- packzip.js? ? ? ? ? ? ? ? // 打包

```

更多細(xì)節(jié)在源碼中會(huì)有一些注釋

## API

1. 獲取新聞:`https://m.toutiao.com/list/?tag=新聞?lì)愋?amp;ac=wap&count=20&format=json_raw&as=A125A8CEDCF8987&cp=58EC18F948F79E1&min_behot_time=時(shí)間`

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=相對(duì)位置&format=json&keyword=關(guān)鍵詞&autoload=true&count=20&cur_tab=1`

還可以參考[今日頭條Api分析](https://github.com/iMeiji/Toutiao/wiki/%E4%BB%8A%E6%97%A5%E5%A4%B4%E6%9D%A1Api%E5%88%86%E6%9E%90)

Ps:多star多動(dòng)力[捂臉]

## 參考

[u-weex開源地址](https://github.com/weexext)

[u-weex開源地址wiki](https://github.com/weexext/weex-ext-wiki/wiki)

[toutiao_Vue2.0的項(xiàng)目](https://github.com/Huahua-Chen/toutiao_Vue2.0)

## Build Setup

#### android

``` bash

npm install

npm run build

npm run packzip

npm run copy:android

cd platforms/android

gradle iD

```

![圖片描述][2]

[1]: /img/bVUcu3

[2]: /img/bVUcvx

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末塔插,一起剝皮案震驚了整個(gè)濱河市梗摇,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌想许,老刑警劉巖伶授,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異流纹,居然都是意外死亡糜烹,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門漱凝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來疮蹦,“玉大人,你說我怎么就攤上這事茸炒°岛酰” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵壁公,是天一觀的道長(zhǎng)感论。 經(jīng)常有香客問我,道長(zhǎng)紊册,這世上最難降的妖魔是什么比肄? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮囊陡,結(jié)果婚禮上芳绩,老公的妹妹穿的比我還像新娘。我一直安慰自己关斜,他們只是感情好示括,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著痢畜,像睡著了一般垛膝。 火紅的嫁衣襯著肌膚如雪鳍侣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天吼拥,我揣著相機(jī)與錄音倚聚,去河邊找鬼。 笑死凿可,一個(gè)胖子當(dāng)著我的面吹牛惑折,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播枯跑,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼惨驶,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了敛助?” 一聲冷哼從身側(cè)響起粗卜,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎纳击,沒想到半個(gè)月后续扔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡焕数,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年纱昧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片堡赔。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡识脆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出善已,到底是詐尸還是另有隱情存璃,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布雕拼,位于F島的核電站纵东,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏啥寇。R本人自食惡果不足惜偎球,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辑甜。 院中可真熱鬧衰絮,春花似錦、人聲如沸磷醋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽邓线。三九已至淌友,卻和暖如春煌恢,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背震庭。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工瑰抵, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人器联。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓二汛,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親拨拓。 傳聞我的和親對(duì)象是個(gè)殘疾皇子肴颊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容