タグ「Heroku」での検索

Herokuでphantomjsを使う

Heroku上でヘッドレスWEBブラウザ phantom.js を使用するにはビルドパックを追加します。 ビルドパックをGithub上で公開してくれている方がいるのでありがたく利用させていただきます。

● heroku-buildpack-phantomjs

https://github.com/stomita/heroku-buildpack-phantomjs

ターミナルから以下を実行

cd "アプリのあるディレクトリ"
heroku login
heroku buildpacks:add --index 1 https://github.com/stomita/heroku-buildpack-phantomjs
git push heroku master

● phantomjs がHeroku上にあるか確認する

heroku run phantomjs -v

バージョンが帰ってくればOK

● Heroku上のphantomjsから他のWEBサイトにアクセスできるか確認する

・1.アプリのあるディレクトリに `phantom_test.js` ファイルを以下の内容で作成します。

var page = require('webpage').create();
page.open('http://yahoo.co.jp/', function(status) {
  console.log("Status: " + status);
  if(status === "success") {
    page.render('example.png');
  }
  phantom.exit();
});

・2.Heroku上に再デプロイします。

git add .
git commit -m "add buildpack"
git push heroku master

・3.phantomjsでスクリプトを実行します。

heroku run phantomjs phantom_test.js

「Status: success」が帰ってくればOK

● 日本語フォントを追加して文字化けを解消する

フォントは `./fonts` ディレクトリに .ttf フォントファイルを置いて git push すればOKです。
フォントファイルは著作権に注意して使用しましょう

・フリーの日本語フォントファイル Google Noto Sans

https://www.google.com/get/noto/#sans-jpan

・Heroku上の日本語フォントが正しく認識されているか確認する

heroku run fc-match sans:lang=ja
No.1061
12/17 17:33

edit

Heroku
phantomjs

Herokuのビルドパック(buildpack)の扱い方

Buildpacks | Heroku Dev Center

● 現在使用中の buildpack を表示する

heroku buildpacks

● buildpack をセットする

heroku buildpacks:set "ビルドパック名またはURL"

● buildpack を追加する

heroku buildpacks:add "ビルドパック名またはURL"

● buildpack を削除する

heroku buildpacks:remove "ビルドパック名またはURL"

● 全てのbuildpack を削除する

heroku buildpacks:clear
No.1060
10/03 14:47

edit

Heroku

Herokuの使い方

● Herokuの使い方

(「ユーザー登録してWEBアプリをデプロイしてHeroku上で実行する」までの方法)

・1. Herokuへのユーザー登録

https://www.heroku.com/
からユーザー登録を行う

・2. Heroku Command Line(Heroku CLI)のインストール

https://devcenter.heroku.com/articles/heroku-command-line
からインストーラをインストール

・3. Herokuへログイン

heroku login

・4. ひな形を使ってデプロイをテスト

git clone https://github.com/heroku/ruby-getting-started.git
cd ruby-getting-started
heroku create

ここまで行うとURLが自動発行されます

https://XXXXX.herokuapp.com/ | https://git.heroku.com/XXXXX.git

git pushします

git push heroku master

```
git remote rm heroku
```
としてから
```
heroku create
git push heroku master
```
とします。

ブラウザで開く  
```
heroku open
```

##・5. node.js アプリをherokuにデプロイ
```
cd  "アプリのディレクトリ"

git init
git add .
git commit -m "first commit"

heroku create
git push heroku master
heroku open
```


##・6. node.js アプリを修正した時の再デプロイ
```
git add .
git commit -m "change xxxxx"
git push heroku master
heroku open
```



##・よく使うherokuコマンド
### ▼ herokuへログイン
```
heroku login
```
「メールアドレス」「パスワード」を入力してログインします。

### ▼ heroku上のアプリを表示
```
heroku apps
```
と入力すると herokuアプリが

```
hogehoge-fugafuga-12345
hunihuni-furifuri-67890
```
という風に表示されます。


### ▼ herokuアプリをブラウザで表示
アプリ ``` hogehoge-fugafuga-12345 ``` をブラウザで表示するには

```
heroku open --app hogehoge-fugafuga-12345
```
と入力します。
またはブラウザのアドレス欄に直接

```
https://hogehoge-fugafuga-12345.herokuapp.com
```
と入力してもOKです。



### ▼ heroku上のアプリを削除
アプリ ``` hogehoge-fugafuga-12345 ``` を削除するには

##### ● 確認なしで削除
```
heroku apps:destroy --app hogehoge-fugafuga-12345 --confirm hogehoge-fugafuga-12345
```

##### ● 確認ありで削除
```
heroku apps:destroy --app hogehoge-fugafuga-12345
```


### ▼ heroku上でbashを使用する
```
heroku run bash
```

### ▼ heroku上で任意のコマンドを使用する
・Heroku上のホームディレクトリのファイル一覧を表示
```
heroku run pwd ;  ls -la
```
・Heroku上のphantomjsのバージョンを表示
```
 heroku run phantomjs -v
```



#●その他 Node.js が使える Paas

- openshift
- Google App Engine

[node.js - How can I run latest version of node on Openshift? - Stack Overflow](http://stackoverflow.com/questions/35029560/how-can-i-run-latest-version-of-node-on-openshift)  
[Google App Engine Node.jsを試してみる。 GAE/Node.js - Qiita](http://qiita.com/n0bisuke/items/fbea48562441a8314d45)  
[Google App Engineを無料で運用する方法(2016年版) - koni blog](http://koni.hateblo.jp/entry/2016/01/06/130613)  
No.1057
10/03 15:04

edit

Heroku