typescript 學習筆記 - 簡單網頁爬蟲1：爬取整個網頁的內容

1. 新建文件夾。 crowller

2. 在文件夾下，進行 npm init -y ,進行初始化，出現package.json文件。

3. 在文件夾下，進行 tsc --init , 新增typescript的配置文件 tsconfig.json

4. 安裝typescript文件，ts-node工具

npm install typescript --save-dev
npm install ts-node --save-dev

5. 在crowller文件夾下，新建 src文件夾，src文件夾下，新建crowller.ts文件

 

打開package.json文件，在script{}中，寫入命令行 

"scripts": {
    "dev": "ts-node ./src/crowller.ts"
  },

 6. 打開crowller.ts，進行編寫代碼。

過程中使用到 superagent 這個包，superagent 輕量的Ajax api。

superagent是js編寫，在ts語法中直接引入這個類庫，ts不知道這個類庫會有什么方法。所以需要安裝一個類型定義文件 *.d.ts ：npm i @types/superagent

npm i superagent --save
npm i @types/superagent

 

import superagent from 'superagent' 
class Crowller {
  private _url: string;
  private rowHtml = '';
  constructor(url:string){
    this._url = url;
    this.getRawHtml();
  };
  async getRawHtml(){
    const result = await superagent.get(this._url)
    this.rowHtml = result.text
  console.log(this.rowHtml);
  }
  get url(){
    return this._url
  }
  set url(url){
    this._url = url
  }

}

const r = new Crowller('https://www.cnblogs.com/shine-lovely/p/12777684.html')

 

7. 在終端中運行 npm run dev