前言
Node.js是建立在谷歌Chrome的JavaScript引擎(V8引擎)的Web應(yīng)用程序框架。 Node.js自帶運行時環(huán)境可在Javascript腳本的基礎(chǔ)上可以解釋和執(zhí)行(這類似于JVM的Java字節(jié)碼)。這個運行時允許在瀏覽器以外的任何機器上執(zhí)行JavaScript代碼。由于這種運行時在Node.js上,所以JavaScript現(xiàn)在可以在服務(wù)器上并執(zhí)行。
Node.js 大部分基本模塊都用 JavaScript 語言編寫。在 Node.js 出現(xiàn)之前,JavaScript 通常作為客戶端程序設(shè)計語言使用,以JavaScript 寫出的程序常在用戶的瀏覽器上運行。Node.js 的出現(xiàn)使 JavaScript 也能用于服務(wù)端編程。Node.js 含有一系列內(nèi)置模塊,使得程序可以脫離 Apache HTTP Server 或 IIS,作為獨立服務(wù)器運,下面將介紹如何簡單幾步使用Cpolar內(nèi)網(wǎng)穿透實現(xiàn)遠程公共網(wǎng)絡(luò)下訪問windows node.js的服務(wù)端。
1. 安裝Node.js環(huán)境
官網(wǎng)下載node.js,我們選擇64位一鍵安裝
https://nodejs.org/zh-cn/download/
安裝好后我們打開cmd,輸入命令有正常出來版本號,表示安裝成功,一鍵安裝版,默認會配置環(huán)境變量。
node -v
2. 創(chuàng)建Node.js應(yīng)用
在vscode控制臺輸入命令【注意需要進入到相應(yīng)的文件目錄下執(zhí)行命令】
**步驟 1:**導(dǎo)入所需的包
使用require指令來加載 HTTP 模塊。
var http = require("http")
**步驟 2:**使用http.createServer方法創(chuàng)建HTTP服務(wù)器。通過參數(shù)函數(shù)請求并響應(yīng)。編寫示例實現(xiàn)返回“Hello World”。服務(wù)器在8081端口監(jiān)聽。
http.createServer(function (request, response) {
// HTTP Status: 200 : OK
// Content Type: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});
// send the response body as "Hello World"
response.end('Hello World\n');
}).listen(8081);
// console will print the message
console.log('Server running at http://127.0.0.1:8081/');
步驟 3: 創(chuàng)建一個 js 文件 helloworld.js 在 **D:>**Nodewang.
? File: helloworld.js
var http = require("http")
http.createServer(function (request, response) {
response.writeHead(200, {'Content-Type': 'text/plain'});
response.end('Hello World\n');
}).listen(8081);
console.log('Server running at http://127.0.0.1:8081/');
現(xiàn)在運行 helloworld.js 看到結(jié)果:
D:\Nodewang\hello1>node helloworld.js
驗證輸出,服務(wù)器應(yīng)用已經(jīng)啟動!
Server running at http://127.0.0.1:8081/
瀏覽器訪問Node.js服務(wù)
打開瀏覽器,在地址欄中輸入:http://127.0.0.1:8081/ 在瀏覽器中,看看下面的結(jié)果。
3. 安裝Cpolar內(nèi)網(wǎng)穿透實現(xiàn)公網(wǎng)訪問Nodejs服務(wù)
這里我們使用[cpolar](cpolar - 安全的內(nèi)網(wǎng)穿透工具)來進行Nodejs的內(nèi)網(wǎng)穿透,支持http/https/tcp協(xié)議,不限制流量,無需公網(wǎng)IP,也不用設(shè)置路由器,使用簡單。
3.1 注冊cpolar賬號
進入cpolar官網(wǎng),點擊右上角的免費注冊,使用郵箱免費注冊一個cpolar賬號并登錄
cpolar官網(wǎng)地址:https://www.cpolar.com/
3.2 下載cpolar客戶端
登錄成功后,點擊下載cpolar到本地并安裝(一路默認安裝即可)
3.3 創(chuàng)建隧道映射本地端口
cpolar安裝成功后,在瀏覽器上訪問本地9200端口【http://localhost:9200】,使用cpolar賬號登錄。
點擊左側(cè)儀表盤的隧道管理——創(chuàng)建隧道,創(chuàng)建一個指向本地3000端口的http隧道
- 隧道名稱:可自定義命名,注意不要與已有的隧道名稱重復(fù)
- 協(xié)議:選擇http
- 本地地址:8081
- 域名類型:免費選擇隨機域名
- 地區(qū):選擇China vip
點擊創(chuàng)建
隧道創(chuàng)建成功后,點擊左側(cè)的狀態(tài)——在線隧道列表,查看所生成的公網(wǎng)訪問地址,有兩種訪問方式,一種是http 和https,兩種方式都可以訪問!
打開瀏覽器,使用cpolar https公網(wǎng)地址訪問,可以看到,訪問成功,這樣一個遠程或者任意設(shè)備瀏覽器訪問的公網(wǎng)地址就設(shè)置好了,新地址公網(wǎng)訪問Nodejs服務(wù)。
4. 固定公網(wǎng)遠程地址
由于以上使用cpolar所創(chuàng)建的隧道使用的是隨機公網(wǎng)地址,24小時內(nèi)會隨機變化,不利于長期遠程訪問。因此我們可以為其配置二級子域名,該地址為固定地址,不會隨機變化【ps:cpolar.cn已備案】
注意需要將cpolar套餐升級至基礎(chǔ)套餐或以上,且每個套餐對應(yīng)的帶寬不一樣?!綾polar.cn已備案】
登錄cpolar官網(wǎng)后臺,點擊左側(cè)的預(yù)留,選擇保留二級子域名,設(shè)置一個二級子域名名稱,點擊保留,保留成功后復(fù)制保留的二級子域名名稱
保留成功后復(fù)制保留的二級子域名地址
登錄cpolar web UI管理界面,點擊左側(cè)儀表盤的隧道管理——隧道列表,找到所要配置的隧道,點擊右側(cè)的編輯
修改隧道信息,將保留成功的二級子域名配置到隧道中
- 域名類型:選擇二級子域名
- Sub Domain:填寫保留成功的二級子域名
點擊更新
更新完成后,打開在線隧道列表,此時可以看到公網(wǎng)地址已經(jīng)發(fā)生變化,地址名稱也變成了保留和固定的二級子域名名稱
然后使用固定http地址打開瀏覽器訪問
文章來源:http://www.zghlxwxcb.cn/news/detail-758304.html
訪問成功,現(xiàn)在這個公網(wǎng)地址是固定的了,不會隨機變化。成功通過cpolar內(nèi)網(wǎng)穿透,實現(xiàn)在外遠程訪問nodejs服務(wù),無需公網(wǎng)IP ,也不用設(shè)置路由器。文章來源地址http://www.zghlxwxcb.cn/news/detail-758304.html
到了這里,關(guān)于使用Node.js服務(wù)搭建本地web網(wǎng)頁小游戲并實現(xiàn)遠程訪問的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!