쿠...sal: [컴] telegram instant view 만들기

텔레그램, 인스턴트 뷰 만들기 / instant view editor / xpath / 즉시 보기 / 즉시보기 / ivh telegram / instant view

telegram instant view 만들기

참고로 instant view(즉시보기) 는 desktop 에서는 보이지 않는다.

instant view(IV) 를 만드는 것은 IV bot 에게 source page 의 어떤 부분을 가져다가 page 를 만들지를 알려주는 과정이다.

My Templates(https://instantview.telegram.org/my) 로 간다.
Instant view(IV) 를 만들고 싶은 page 링크를 넣는다.
instant view 를 만든다.

Instant view format: https://instantview.telegram.org/docs#instant-view-format

여기에 있는 property 를 채우면 알아서 만들어진다. title, body 만 잘 채워지면 preview 에 instant view 가 보이기 시작한다.

주의할 점

IV editor 에 보이는 view 를 가지고 작업을 하자. 그렇지 않으면 tag tree 가 좀 다를 수 있다. 예를 들면, mobile, desktop view 가 다른경우.

rules 예

~version: "2.1"

title: //header//span[@class='article__headline']
subtitle: //header//span[@class='article__subheadline']

body: //article/div[has-class("layout-article-body")]
@remove: //article//aside

# @debug: $body

instant view 에서 function 을 지원하는데, 아래처럼 사용할 수 있다.

@function: xpath_query

그러면 function 의 결과는 $@ 에 저장되고, $$ 에는 최근에 실행한 xpath_query 의 결과가 저장된다.

$가 변수를 나타낸다고 보면 된다. assign 방법은 아래 예제를 확인하자.

Special variables $$ and $@

# Put a picture into a <figure> tag, then set it as the cover
@wrap(<figure>): //img[@id="cover"]
cover:           $@

# Insert a divider before each div.divider that's no longer required
@before(<hr>):   //div[has-class("divider")]
@remove          # this is the same as @remove: $$

# 위에서 set 한 변수 cover 를 아래처럼 사용할 수 있다. 다만, 결과가 list 인 경우 가장 첫 항목만 저장된다.
@after_el("./../../img"): $cover//p

template 제출(Instant View > Publishing templates)

아래처럼 template 에 대해서 10개이상의 url 을 통해서 검증을 하면 아래처럼 submit 을 할 수 있다.

다른 사람에게 적용은 telegram team 의 승인이 필요하다 한다.

하지만 특정 url 을 전송보내서 자신이 만든 template 을 통해 보도록 하는 것은 t.me/iv?url=...&rhash=... 로 가능하다.

ex: https://t.me/iv?url=https%3A%2F%2Fwww.economist.com%2Fbusiness%2F2020%2F02%2F29%2Fhow-asml-became-chipmakings-biggest-monopoly&rhash=05c6986cda93a5