web-dev-qa-db-ja.com

CasperJSのWindowsへのインストール：正しく行う方法

CasperJSのWebサイトにはCasperJSをWindowsにインストールする方法に関するドキュメントがあることは知っていますが、これらの人たちはプロのためだけに説明してくれました。

CasperJSとPhantomJSの世界すべてに慣れていない場合、より良い説明を求めてネットを検索しようとして2日間も費やさないことを理解する機会はありません。

私は私のプロジェクトのウェブサイトにリストされている各ウェブサイトのスクリーンショットを必要とするプロジェクトに取り組んでいますが、PhantomJSがこのタスクに適していることがわかりました（ウェブサイトのスクリーンショット）。

PhantomJSをダウンロードし、その_phantomjs.exe_ファイルを_system32_に貼り付けました。これは、_cmd.exe_を使用してコマンドを送信するときに正常に機能しています。

_phantomjs.exe_のみでスクリーンショットを取得することさえできました。しかし、これらの2つ（CasperJSとPhantomJS）を一緒に使用すると、CasperJSを使用するときにスクリーンショットのサイズを小さくできるため、ワークロードが容易になることに気付いたときに問題が発生しました。

実際、CasperJSで使用したいのはショットサイズの制限だけですが、昨日からWindowsでCasperJSを機能させる方法を見つけようとしていましたが、役に立ちませんでした。

CasperJSをダウンロードし、多くの方法でインストールしようとしましたが、ドキュメントに従っても何もしませんでした。

私は、CasperJSフォルダー名をダウンロード名からCasperJSに変更しましたが、ドキュメントが示唆していますが、コマンドを呼び出してcmdをチェックインしても何も起こりません。

とにかくストーリーショットをカットするには、CasperJSをウィンドウにインストールする方法を説明する初心者か、可能であればPhantomJSを使用してプログラムが生成する画像のサイズを変更する方法のみを説明する初心者であることを考えると、誰でも簡単な言葉で私を助けることができます960〜400ピクセルが必要です。

windowsphantomjscasperjs
35
user2075354

Windowsの不十分なドキュメント。 http://casperjs.org/installation.html#windows

インストール方法を説明せずに既にインストール済みであると仮定して開始します。

したがって、ここで他の誰かがこれについて混乱している場合があります。実際のインストールはありません。 Zipコンテンツを適切な場所に抽出するだけです。

  1. phantomjsサイトからWindows用のphantomjsをダウンロードします（これは内部にバイナリがあるZipです）。
  2. コンテンツをC：\ phantomjsに抽出します
  3. casperjs Webサイトからcasperjs Zipファイルをダウンロードします
  4. 内容をC：\ casperjsに抽出します

  5. これで、システムまたはユーザーのPATH変数の最後に次を追加できます

    ; C：\ phantomjs; C：\ casperjs\batchbin

  6. console2またはConemuターミナルエミュレーターを実行している場合は、cmd.exeを再起動して新しいパス変数を取得するか、ログアウト/ログインします（単純に閉じて再度開いても新しいパスは取得されません）

今のドキュメントでは、このように実行するように言われています

casperjs.bat myscript.js

実際、phantomjs.exeとcasperjs.batの両方がシステムPATHに含まれているため、このような拡張機能は省略できます。

casperjs myscript.js

そして、phantomjs.exeを実行するときは

phantomjs

もう一つ。そのパスをシステムPATHに追加する限り、インストールする場所は実際には関係ありません。 C：\ usr\phantomjsおよびC：\ usr\casperjsにインストールしました。

63
isimmons

私は、個人のWindowsとUbuntuの仕事用PCの両方で私のニーズに応えた方法を以下に列挙します。私の方法はPATH設定をいじるのではなく、どこかに保存して必要に応じてコピーして貼り付けることができるコマンドが含まれていることに注意してください：

ステップ1：前提条件を収集する

  • 使用するcasperjsおよびphantomjsのバージョンをダウンロードします
  • リストしたいものを含むディレクトリを作成します
  • ダウンロードしたphantomjsを抽出し、その実行可能ファイルをstep bのディレクトリにコピーします
  • Casperjsを抽出し、そのフォルダーの名前をcasperjsに変更します
  • 名前を変更したcasperjsフォルダーをstep bのディレクトリにコピーします
  • ファイルconfig.jsonを作成し、step bのディレクトリに保存します
  • config.jsonにあるphantomjs構成を含める必要があります： http://phantomjs.org/api/command-line.html =

ステップ2：スクリプトの実行

  • ファイルを操作したいときはいつでも、上記のステップ1の詳細に従ってください
  • 次の手順では、step b ofStep 1first.jsという名前のファイルもあります
  • Windowsの場合：phantomjs.exe --config = config.json casperjs/bin/bootstrap.js --casper-path = casperjs --cli first.js
  • Ubuntuの場合：./phantomjs --config = config.json casperjs/bin/bootstrap.js --casper-path = casperjs --cli first.js

実験的なconfig.jsおよびfirst.jsを以下にリストします。

config.json

{「sslProtocol」：「any」、「cookiesFile」：「biscuit」、「maxDiskCacheSize」：1000、「diskCache」：true}

first.js

var casper = require('casper').create({
    pageSettings: {
        loadImages: false,
        loadPlugins: true,
        userAgent: 'Mozilla/5.0 (Windows; U; Windows NT 5.1; nl; rv:1.9.1.6) Gecko/20091201 Firefox/3.5.6'
    }
});
var url = "http://casperjs.org/";

casper.start(url).wait(60 * 1000 * 1, function() {
     casper.echo('1 min has passed');
     casper.capture('casperjs.png');
     casper.exit();
});

casper.run();

補遺： screenshots.js の詳細をダウンロードして保存し、次のように実行します

phantomjs.exe --config = config.json casperjs/bin/bootstrap.js --casper-path = casperjs --cli screenshots.js http://phantomjs.org

テストの実行： picturefill-test.js の詳細をダウンロードして保存し、次のように実行します

phantomjs.exe --config = config.json casperjs/bin/bootstrap.js --casper-path = casperjs test --cli picturefill-test.js

9
iChux

CasperJS 1.1.0-DEV Beta 3以降、このパスを使用する必要があります：C:\casperjs\batchbinドキュメントが見つかった場合でも here を使用する必要があると述べているC:\casperjs\bin

これは、C:\casperjs\batchbinに.BATが含まれており、C:\casperjs\binにはsome.jsファイル以外は含まれていないためです。

7
Bashir Osman

3日間の作業の後、パスとファントムのインストールに問題がありました。私はフォルダへのパスを作成しましたが、インストールはexeファイルを指し示していましたが、exeファイルをphantomjsフォルダに入れるだけでした、それはすべてあなたの助けに感謝しました。

4
user2075354

その他の回答の多くは古くなっています。正しいインストールプロセスは常に変化しているように思われるため、数日後にも私の回答は古くなると思われますが、2015年3月19日現在、これが答えです。他の答えは、非常に賛成の答えであっても機能しません。時間を無駄にしないでください。幸運を。 Casperjsはかなり良いようです。

PhantomJS 2.0およびcasperjs 1.1-beta3 Zipファイルをダウンロードし、batchbinディレクトリをパスに入れて、その同じフォルダーにphantom exeを配置し、casperjsを実行すると、Windows 8.1で「CasperJS needs PhantomJS v1.x」というエラーが表示されます。

だから、最新のcasperjsをgithubから直接入手しました。これにはbatchbinディレクトリがありません。そのため、代わりにC：\ casperjs\binディレクトリをパスに置くだけでうまくいきました。 -casperjs c：\ casperjs\tests\selftest.jsを実行すると、多数の失敗したテストがあるようです）。

要約すると、悪いニュースは、最新のEdge casperjsの機能のみです。良いニュースは、インストールが1,2,3シンプルであるということです：

  1. 最新のcasperjsをgithubからc：\ casperjsにクローンします。
  2. Phantomjs.exe（ver 2.0）をc：\ casperjs\binにコピーします
  3. Windowsパスにc：\ casperjs\binを追加します
3
pilavdzice

2015年に早送り... 5ステップwin7ハウツー：

  1. choco：PS me> iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))
  2. git：choco install git -y
  3. phantomjs 2.0：choco install phantomjs -y
  4. casperjsソース：git clone https://github.com/n1k0/casperjs -b phantomjs-2
  5. casperjs/binの場所をPATHに追加します

できたこれでcasperjs --versionと幸せに暮らすことができます。

1
avishayp

わかりました。したがって、このスレッドは2018年に更新する必要があると思います！

したがって、npmを使用すると、労力が大幅に削減されます。 npmがインストールされている場合、ターミナルを開いてプロジェクトに移動します。

cd your_project_name

次にcasperjsをインストールします。使用する --save-dev、--save、-gまたは必要に応じてなし：

npm install --save-dev casperjs

次に、phantomjsをインストールします。これを行うには、PhantomJSチームがパッケージ名を変更したため、phantomjs-prebuiltをインストールする必要があります。

npm install --save-dev phantomjs-prebuilt

スペックを実行します：

casperjs your_spec_name.js

1
Jacek Góraj

私のようにデュアルグラフィックカードを搭載したノートブックを使用している場合に備えて、問題を防ぐためにいずれかを選択してください。この記事は私を助けてくれました：

windowsで終了しないcasperJS

casperJSのドキュメントはそれについてかなり明確ですが、上記の通知を読むまで何をすべきか手がかりがありませんでした。

1
Sven Bluege