pptraas.com - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #android #deep-learning #linux #docker #macos #nodejs #windows #vue #security #openai #open-source

pptraas.com

(★ 453)

Puppeteer as a service

파일 탐색기

최종 버전 다운로드 (.zip)

- gsearch.js
.eslintrc.js
.gcloudignore
.gitignore
.travis.yml
app.yaml
Dockerfile
LICENSE
package-lock.json
package.json
README.md
server.js
service-account.json.enc
yarn.lock

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/GoogleChromeLabs/pptraas.com

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd pptraas.com

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

docker build -t pptraas-com .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 pptraas-com

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<a href="https://github.com/GoogleChromeLabs/pptraas.com"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>

Puppeteer as a service
======================

## Render

### Render page as a PNG
https://pptraas.com/screenshot?url=https://paul.kinlan.me/ (full page)

https://pptraas.com/screenshot?url=https://developers.google.com&size=400,400

https://pptraas.com/screenshot?url=https://www.wikipedia.org&element=.central-featured

### Render page as a PDF
https://pptraas.com/pdf?url=https://paul.kinlan.me/

### Render generated static markup of page ("SSR")
https://pptraas.com/ssr?url=https://angular2-hn.firebaseapp.com/

### Render as Google Search bot

Detects what features a page is using and cross references them with the features
supported by the [Google Search bot](https://developers.google.com/search/docs/guides/rendering).

https://pptraas.com/gsearch?url=https://paul.kinlan.me/

## Performance

### Get a timeline trace

https://pptraas.com/trace?url=https://paul.kinlan.me/

#### View the trace in trace-viewer:

https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://pptraas.com/trace?url=https://paul.kinlan.me/

### Get metrics
https://pptraas.com/metrics?url=https://paul.kinlan.me/

## Misc

### Print UserAgent / Chromium version
https://pptraas.com/version

----
[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/GoogleChromeLabs/pptraas.com) [![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100&category=Perf)](https://github.com/ebidel/lighthouse-badge)