0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

SwiftでWordPressの各記事のアイキャッチ画像URLを取得

Last updated at Posted at 2021-09-14

WordPress REST APIについて

WordPress REST APIでWordPressの記事情報をJSONで受け取る。

基本となるURLはこれ。

http://◯◯◯.◯◯/wp-json/wp/v2/posts

ただこのURLだとWordPressの表示設定で設定した記事数分しか表示されないし上限は100記事。

このURLにパラメーターを付けることで、取得できる記事の数やアイキャッチ画像情報などをカスタマイズできる。

例えばこれ。

https://◯◯◯.◯◯/wp-json/wp/v2/posts?per_page=15&page=\1&_embed=1

これは1ページあたり15記事の情報があるJSONの1ページ目&アイキャッチ画像を追加という意味。

JSONを見やすくしたい時はこちらがおすすめ。

SwiftでWordPress REST APIのJSON情報を受け取る

使うライブラリは「Alamofire」と「SwiftyJSON」

ライブラリの導入については他の記事を御覧ください。

適当なファイルに以下の記事を書く。

    func getArticles() {
        
        AF.request("https://◯◯◯.◯◯/wp-json/wp/v2/posts?per_page=15&page=\(self.count)&_embed=1").responseJSON { response in
        
            guard let data = response.data else {
                return
            }
            do {
                var articleinfo: [ArticleModel] = try JSONDecoder().decode([ArticleModel].self, from: data)
                
                if let jsonObject = response.value {
        
                        let json = JSON(jsonObject)
                        for i in 0..<json.count {
                            let array = json[i]
                            //記事のURL
                            let link = array["link"].stringValue

                            //アイキャッチ画像のURL
                            var thumbnailURL = array["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["medium"]["source_url"].stringValue
                            //記事によって読み取れない場合があるので代替手段
                            if thumbnailURL == "" {
                                thumbnailURL = array["_embedded"]["wp:featuredmedia"][0]["source_url"].stringValue
                            }
                            //取得したアイキャッチ画像URLをprint
                            print(thumbnailURL)                            
                        }
                    } 
                //ページング用変数の数字を増やす               
                self.count += 1
            } catch let error {
                print("ERROR: \(error)")
            }
        }
    }

アイキャッチ画像のURLの場所は複雑なので見つけるのが割と大変。
*今回取得した画像はmediumで300×200の長方形画像。
*WordPressテーマによって異なる場合もある。

count変数をパラメーターに入れておくことでページングを繰り返し処理できる。

ここでは書いていないが、ページングが終了したときには繰り返し処理を終了させると良いかも。

画像のサイズの種類を変えたい人は以下のJSONを参考に。


"medium": {
	"file": "◯◯◯◯◯◯.jpeg",
	"width": 300,
	"height": 200,
	"mime_type": "image/jpeg",
	"source_url": "◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯.jpeg"
},
"large": {
	"file": "◯◯◯◯◯◯.jpeg",
	"width": 1024,
	"height": 683,
	"mime_type": "image/jpeg",
	"source_url": "◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯.jpeg"
},
"medium_large": {
	"file": "◯◯◯◯◯◯.jpeg",
	"width": 768,
	"height": 512,
	"mime_type": "image/jpeg",
	"source_url": "◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯.jpeg"
},
"full": {
	"file": "◯◯◯◯◯◯.jpeg",
	"width": 1300,
	"height": 867,
	"mime_type": "image/jpeg",
	"source_url": "◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯.jpeg"
}

正直iPhone対象なら、fullほど大きなファイルは読み込みに時間がかかるだけで要らない気もします。

また使用しているWordPressテーマによっては画像のサイズや縦横比の種類項目が増えていることもあるので適宜活用してみると良いかもしれません。

参考記事

Swiftのお役立ち情報

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?