iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0

當然是為了掌握隊友每日的發文挑戰紀錄!! /images/emoticon/emoticon31.gif

目標
https://ithelp.ithome.com.tw/upload/images/20200918/20104220EVWtiPsEmQ.png
首先安裝所需套件

var request = require("request");
var cheerio = require("cheerio");

找到隊伍的網址
https://ithelp.ithome.com.tw/upload/images/20200918/20104220dy7Rk2A8DM.png

var tema_url = "https://ithelp.ithome.com.tw/2020-12th-ironman/signup/team/124";

使用 cheerio 抓取以下欄位

            .border-frame.border-frame--team.clearfix
            .team-detail__title'
            .border-frame.border-frame--team.clearfix
            .border-frame.border-frame--team.clearfix.team-detail__badge
            .border-frame.border-frame--team.clearfix.team-dashboard__date
            .border-frame.border-frame--team.clearfix
            .team-dashboard__text.team-dashboard__text--none
            .border-frame.border-frame--team.clearfix
    

輸出結果~
https://ithelp.ithome.com.tw/upload/images/20200918/20104220IdOMl0AUBN.png

接下來就是使用.map抓取每個組員的資訊

    .team-detail-lists
	.team-detail-member
    .contestants-list__title
    .group-badge__name
    .team-leader-info__name
    .contestants-list__title
    .group-badge__img
          
		

輸出結果~

https://ithelp.ithome.com.tw/upload/images/20200918/20104220mtQxJPrRsU.png

在來要先找到每個組員的網址
https://ithelp.ithome.com.tw/users/20126642/ironman/XXXX
抓取每個組員的文章資訊,並加入進輸出的JSON

輸出結果~
https://ithelp.ithome.com.tw/upload/images/20200918/20104220Cnky2XyfdU.png

完成後就可以應用在神奇的的地方惹ㄎㄎ /images/emoticon/emoticon77.gif

https://ithelp.ithome.com.tw/upload/images/20200918/20104220CbSOF5szCG.png

code在這裡,很髒歡迎把他弄乾淨
https://gist.github.com/CS6/2d616acfb51324f3e5b43e5ebb113be2


上一篇
[Day:3]別再說窮沒錢買 server,誰說 APP 不能跑 Node.JS ( ˘•ω•˘ )
下一篇
[Day:5]]我還沒發文┌(;゚д゚)┘等等我啊~┌( • ̀ω•́ )┘┌( *´∀` )┘┌( • ̀ω•́ )┘┌|◎o◎|┘
系列文
ReactNative 懶人開發之路,薪水小偷練成日記(X31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言