iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 5
0
Mobile Development

ReactNative 懶人開發之路,薪水小偷練成日記(X系列 第 5

[Day:4]┌|◎o◎|┘ 所以 APP 為啥要跑 Node.JS ┌|◎o◎|┘

當然是為了掌握隊友每日的發文挑戰紀錄!! /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

尚未有邦友留言

立即登入留言