【玩转Lighthouse】部署UNPKG服务可视化NPM包加速NPM

2022-04-12 12:47:12 浏览数 (1)

需求

  • 服务器1台（推荐配置腾讯轻量云香港节点Centos7系统，开通8080端口）
  • 宝塔面板
  • 域名（可有可无）
  • 一个能够思考的大脑（毕竟各种问题都可能会出现，不能说100％就是跟教程步骤一模一样）

操作步骤

首先在服务器安装宝塔面板

代码语言：javascript复制
#centos
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

#Ubuntu/Deepin
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

#Debian
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh

#Fedora
wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh

安装完成后进入宝塔面板

网站 --> 安装Nginx --> 默认选项即可（1.20，极速安装）--> 等待安装完成

安装Nginx安装Nginx

de项目 --> 安装Node版本管理器 --> 1.6 Stable --> 等待安装完成

安装Node管理器安装Node管理器

添加Node项目 --> v16.13.2版本（如果没有此版本，点击更新版本列表即可）--> 等待安装完成

安装版本安装版本

终端 --> 连接服务器 --> 克隆UNPKG项目 --> 输入pwd命令查看克隆目录

代码语言：javascript复制
git clone https://github.com/mjackson/unpkg.git
克隆项目克隆项目

文件 --> unpkg目录 --> modules/createServer.js --> 删除以下两行代码

代码语言：javascript复制
import serveStats from './actions/serveStats.js';
app.get('/api/stats', serveStats);

当前目录下 --> 终端 --> 安装依赖 --> 等待安装完成

代码语言：javascript复制
npm i rollup

针对未找到NPM命令的解决办法

宝塔Node安装位置 /www/server/nodejs/v16.13.2 如果你跟我安装的版本一样就是相同目录，如果你安装的nodejs版本不是16.13.2，就找到你对应的版本号

打开终端，输入以下代码（如果跟我一样版本可以直接复制粘贴，不一样请自行替换。）

代码语言：javascript复制
ln -s /www/server/nodejs/v16.13.2/bin/node /usr/local/bin/node  
ln -s /www/server/nodejs/v16.13.2/bin/npm /usr/local/bin/npm
代码语言：javascript复制
npm -v

返回npm版本号即为成功

安装依赖安装依赖

npkg根目录 --> package.json --> 在"postinstall": "yarn run build",下添加"start": "set NODE_ENV=production&&node server.js"

代码语言：javascript复制
{
  "name": "unpkg",
  "private": true,
  "description": "The CDN for everything on npm",
  "scripts": {
    "build": "rollup -c",
    "clean": "git clean -e '!/.env' -fdX .",
    "lint": "eslint .",
    "serve": "nodemon -w server.js server.js",
    "test": "jest",
    "watch": "rollup -c -w",
    "postinstall": "yarn run build",
    "start": "set NODE_ENV=production&&node server.js"
  },

unpkg根目录 --> 终端 -->运行项目生成server.js

代码语言：javascript复制
npm run build
运行项目运行项目

网站 --> Node项目 --> 新建Node项目 --> 填写配置 --> 提交 --> 等待模块安装完毕

  • 项目目录：选择unpkg根目录
  • 项目名称：随意
  • 启动选项：start 【set NODE_ENV=production&&node server.js】
  • 项目端口：8080
  • 运行用户：www
  • Node版本：选择你所安装的
  • 备注：随意
  • 绑定域名：使用自己的域名或服务器IP
添加项目添加项目

一切操作完成后，在浏览器输入你所绑定的域名或IP地址，如下图所示你就成功了

成功运行截图成功运行截图

如果失败请查看项目是否开启外网映射

轻量应用服务器 网站 node.js

0 人点赞