Skip to content

A "dark magic" that uses an online environment that allows you to debug local code

Notifications You must be signed in to change notification settings

ericlee33/remote-plugin-dev

Repository files navigation

如果有帮助到的话,欢迎点个 ⭐️⭐️ Star ⭐️⭐️ & follow https://github.com/ericlee33

您的支持就是我的动力~!

🦀 使用线上环境,调试本地代码的「黑魔法」

掘金文章:https://juejin.cn/post/7118929960038842381/

🏌️‍♂️ 使用方式

安装依赖

安装 pnpm
npm i -g pnpm (如果已经安装 pnpm 可以忽略此步)

安装依赖
pnpm install

启动项目

安装依赖完成之后,需要开启浏览器代理插件,之后启动项目 插件地址: https://chrome.google.com/webstore/search/switchyomega?hl=en-US image.png

启动浏览器代理插件

安装好代理插件之后,我们启动插件,新增new profile,我们随便起个名字,就叫test_local设置代理到本地代理服务器的端口,这里我们使用上面设置的11111端口

注意,要在Bypass List中配置<-loopback>,不然代理不到本地接口

image.png

之后我们可以开始启动本地项目

进行平台项目目录,启动平台项目

cd packages/platform

pnpm dev

进行插件项目目录,启动插件项目

cd packages/plugin-components

pnpm dev

进行代理服务器项目目录,启动代理服务

cd packages/anyproxy-server

pnpm dev

进行后端项目目录,启动后端项目

cd packages/cdn-server

pnpm dev

查看效果

访问平台项目首页,即可看到效果 http://localhost:9000

image.png

可以看到,插件是以远程方式进行加载的。

image.png

About

A "dark magic" that uses an online environment that allows you to debug local code

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published