質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Hack

Hackは、Facebookが開発したオープンソースのプログラミング言語。同社が開発したHipHop仮想マシン (HHVM) で動作します。静的型付言語でPHPとの互換性を持ちますが、PHPより動作が早いことが特徴です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

proxy

proxy(プロキシー)は、企業などの内部コンピュータとインターネットの中間に位置し、例えば直接インターネットに接続できない内部コンピュータの代理としてインターネットに接続する等をするシステム、もしくは代理として機能を実行するソフトウェアです。内部ネットワークへのアクセスを一元管理し、内部からの特定の種類の接続以外を遮断すること、外部からの不正アクセスを拒否することなどに用いられます。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

Q&A

0回答

2009閲覧

Node.js製のプロキシHoxyを使い、任意のURLでlocalhostにアクセスしたい

piimen

総合スコア10

Hack

Hackは、Facebookが開発したオープンソースのプログラミング言語。同社が開発したHipHop仮想マシン (HHVM) で動作します。静的型付言語でPHPとの互換性を持ちますが、PHPより動作が早いことが特徴です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

proxy

proxy(プロキシー)は、企業などの内部コンピュータとインターネットの中間に位置し、例えば直接インターネットに接続できない内部コンピュータの代理としてインターネットに接続する等をするシステム、もしくは代理として機能を実行するソフトウェアです。内部ネットワークへのアクセスを一元管理し、内部からの特定の種類の接続以外を遮断すること、外部からの不正アクセスを拒否することなどに用いられます。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

0グッド

0クリップ

投稿2016/11/18 03:51

###前提・実現したいこと
タイトルの通りなのですが、
こちらのURL
で試してみましたが、実現出来なかったので実現させたいです。
また、ゴールとしては、任意のURLを引っ張ってきてそのサイトの内容の一部(参照とするCSSやJS)をlocalhostで疑似的に変更したいです。

###発生している問題・エラーメッセージ
参考URLでそのまま試してみましたが、実現出来ませんでした。
任意のURLを叩いてもlocalhostの内容が反映されません。
hoxyの扱い方が問題なのかもしれません。

エラーメッセージ

###該当のソースコード

JS

1'use strict'; 2 3var gulp = require('gulp'); 4var $ = require('gulp-load-plugins'); 5var browserSync = require('browser-sync').create(); 6var hoxy = require('hoxy'); 7var opn = require('opn'); 8 9var hostname = 'example.com'; 10 11gulp.task('proxy', function (callback) { 12 var proxy = hoxy.createServer().listen(8888, function () { 13 callback(); 14 }); 15 proxy.intercept({ 16 phase: 'request', 17 hostname: hostname 18 }, function (req) { 19 req.hostname = 'localhost'; 20 req.port = '9000'; 21 }); 22}); 23 24gulp.task('serve', ['proxy'], function () { 25 browserSync.init({ 26 notify: false, 27 port: 9000, 28 open: false, 29 server: { 30 baseDir: 'app' 31 } 32 }, function () { 33 opn('http://' + hostname); 34 }); 35 gulp.watch([ 36 'app/**' 37 ]).on('change', browserSync.reload); 38}); 39 40gulp.task('default', ['serve']);

###試したこと
node_modulesを揃えて、
gulpコマンドを叩きました。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問