go templateで動的に生成したページの最初の画像を取得しOGPに設定したい

Question

### 前提・実現したいこと go templateを用いて動的に生成したHTMLの中の最初に表示される画像を取得しOGPに設定したいと考えています。動的に生成されるHTML内のコードには、目的達成のためのidやclassなどを入れられないという前提です。 ### 該当のソースコード ```html hoge ``` ### 試したこと何らか試そうと色々と調べてみたのですが、そもそも何を試すべきかも分かっていない状況です。知恵をお貸しいただけると幸いです。

Accepted Answer

より具体的な回答例を示しておきます。

https://play.golang.org/p/zY1YPo4CddV

go
1package main
2
3import (
4	"bytes"
5	"html/template"
6	"io"
7	"os"
8
9	"golang.org/x/net/html"
10)
11
12const DefaultOGImageURL = "/assets/default.jpg"
13const layout = `<html>
14<head>
15    <meta charset="UTF-8">
16
17    <!--OGP設定-->
18    <meta property="og:image" content="{{.OGImageURL}}" /> 
19
20    <title>hoge</title>
21</head>
22
23<body>
24    <!-- この部分に動的に生成されたHTMLが挿入される -->
25    <!-- 最初に現れる画像を上部のmetaタグ内に入れたい -->
26    {{.Contents}}
27</body>
28</html>
29`
30
31var layoutTemplate = template.Must(template.New("").Parse(layout))
32
33func getFirstImageURL(contents string) string {
34	// ここでcontentsから最初の画像リンクを取得して見つかったらそれを返す
35	tokenizer := html.NewTokenizer(bytes.NewBufferString(contents))
36	for {
37		t := tokenizer.Next()
38		if t == html.ErrorToken {
39			break
40		}
41		switch t {
42		case html.SelfClosingTagToken:
43			b, hasAttr := tokenizer.TagName()
44			if string(b) == "img" && hasAttr {
45				for {
46					key, value, more := tokenizer.TagAttr()
47					if string(key) == "src" {
48						return string(value)
49					}
50					if !more {
51						break
52					}
53				}
54			}
55		}
56	}
57	return DefaultOGImageURL
58}
59
60func renderHTML(w io.Writer, contents string) {
61	layoutTemplate.Execute(w, map[string]interface{}{
62		"OGImageURL": getFirstImageURL(contents),
63		"Contents":   template.HTML(contents),
64	})
65}
66
67func main() {
68	renderHTML(os.Stdout, `<img src="/screenshot.jpg"/>`)
69}

`) } ```

Answer

> 1. なんらかのデータから動的コンテンツの内容を確定
> 2. HTML全体を生成
> 
> 基本は1.の元となるデータから画像URLを取り出すことが可能なデータ構造を設計しておいて、コンテンツの確定時とHTMLのテンプレートレンダリング時の双方にURLを渡すのが理想です。
> 
> 1.より手前には触れられない、変えられない事情があるのであれば、1.と2.の間で確定コンテンツを解析する方法があります。そこで最初に見つかった画像URLを全体HTMLのテンプレートへのパラメータとして渡します。

前提・実現したいこと

該当のソースコード

試したこと

関連した質問