node js本地测试uniapp(H5)

比眉伴天荒 2023-01-23 10:57 243阅读 0赞

### 1.[下载nodejs][nodejs] ###

node -v 查看版本号，有版本号即下载成功

### 2.创建文件夹，添加server.js文件 ###

内容如下：http://localhost:8888/（本地服务器地址）

var http = require('http');//引入http模块
     
    //开启服务，监听8888端口
    //端口号最好为6000以上
    var server = http.createServer(function(req,res){ 
      /* req用来接受客户端数据 res用来向客户端发送服务器数据 */
     
      console.log('有客户端连接');//创建连接成功显示在后台
     
      //一参是http请求状态，200连接成功
      //连接成功后向客户端写入头信息
      res.writeHeader(200,{ 
        'content-type' : 'text/html;charset="utf-8"'
      });
     
      res.write('这是正文部分');//显示给客户端
      res.end();
     
    }).listen(8888);
     
    console.log('服务器开启成功');

### 3.在创建好的文件夹里打开cmd窗口，并运行node server.js ###

看到（服务器开启成功）即已运行  
看到（有客户端连接）即本地已运行H5页面

### 4.uniapp打包H5 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70 1]

### 5.浏览器输入发布后的h5下面的index.html路径即可访问，end。 ###

[nodejs]: https://nodejs.org/en/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70]: /images/20221004/dc6e619211dd43ebbec0aa2eb0919dd4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70 1]: /images/20221004/313c1beae4524c279ae19089399b3b81.png