Webサイト制作においてページジャンプ機能は欠かせないものです。通常、ブラウザは自動的にページ ジャンプを完了します。ハイパーリンクをクリックするかフォームを送信すると、ブラウザは指定されたページに自動的にジャンプします。ただし、特殊なケースでは、サーバー側でページ ジャンプを制御する必要があるため、この時点では Node.js が役立ちます。
Node.js では、http、express、その他のモジュールなど、いくつかのモジュールを使用してページ ジャンプを制御できます。 Node.jsを使ってページジャンプを実装する方法を紹介します。
http モジュールを使用してページ ジャンプを実装する場合、http.createServer() メソッドを使用してサーバーを作成し、リッスンする必要があります。クライアント側のリクエストに送信されます。クライアントがリクエストすると、 res.writeHead() メソッドを使用してステータス コードとヘッダー情報をブラウザに送信し、次に res.end() メソッドを使用して応答本文をブラウザに送信します。
// 引入http模块 const http = require('http'); // 创建服务器 http.createServer(function (req, res) { // 发送状态码和头信息 res.writeHead(302, { 'Location': 'http://www.baidu.com' }); // 发送响应体 res.end(); }).listen(3000); console.log('Server running at http://127.0.0.1:3000/');
上記のコードでは、res.writeHead() メソッドを使用して、ステータス コード 302 とヘッダー情報 Location をブラウザに送信し、http://www. にリダイレクトする必要があることを示します。 baidu.comのページ。次に、 res.end() メソッドを使用して、応答の終了を示す空の応答本文をブラウザーに送信します。上記のコードを実行した後、ブラウザを開いて http://127.0.0.1:3000/ にアクセスすると、自動的に Baidu ページにジャンプします。
ページ ジャンプを実装するもう 1 つの方法は、ルーティング、ミドルウェア、その他の機能を簡単に実装できる Express モジュールを使用することです。 Express モジュールを使用する場合は、まず npm install Express コマンドを使用して Express モジュールをインストールする必要があります。
次は、Express モジュールを使用してページ ジャンプを実装するサンプル コードです:
// 引入express模块 const express = require('express'); // 创建express实例 const app = express(); // 设置路由 app.get('/', function (req, res) { // 重定向到百度页面 res.redirect('http://www.baidu.com'); }); // 监听端口 app.listen(3000, function () { console.log('Server running at http://127.0.0.1:3000/'); });
上記のコードでは、app.get() メソッドを使用してルートを設定し、次のことを示しています。ブラウザがルート パスにアクセスすると、http://www.baidu.com ページにリダイレクトする必要があります。次に、app.listen() メソッドを使用してポートをリッスンし、リッスン情報をコンソールに出力します。上記のコードを実行した後、ブラウザを開いて http://127.0.0.1:3000/ にアクセスすると、自動的に Baidu ページにジャンプします。
まとめ
上記 2 つの方法により、Node.js にページジャンプ機能を簡単に実装することができます。実際の開発では、実際のニーズに応じて http モジュールまたは Express モジュールを選択してルーティング機能を実装できます。さらに、ページジャンプの信頼性を確保するには、クロスサイトリクエストフォージェリなどのセキュリティ問題を避けるために、リダイレクトには可能な限り外部URLを使用する必要があることに注意してください。
以上がNodejs はページに直接ジャンプしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。