前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【玩转Lighthouse】部署UNPKG服务可视化NPM包加速NPM

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

原创
作者头像
忽然笔记
发布2022-04-12 12:47:12
1.2K0
发布2022-04-12 12:47:12
举报
文章被收录于专栏:加速npm

需求

  • 服务器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地址,如下图所示你就成功了

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 需求
  • 操作步骤
相关产品与服务
轻量应用服务器
轻量应用服务器(TencentCloud Lighthouse)是新一代开箱即用、面向轻量应用场景的云服务器产品,助力中小企业和开发者便捷高效的在云端构建网站、Web应用、小程序/小游戏、游戏服、电商应用、云盘/图床和开发测试环境,相比普通云服务器更加简单易用且更贴近应用,以套餐形式整体售卖云资源并提供高带宽流量包,将热门软件打包实现一键构建应用,提供极简上云体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档