辅助工作-内网穿透客户端（限Mac）

使用说明

• 下载地址github.com/fodelf/frpC…
• 点击安装，安装成功如下图显示

需求背景

• 远程办公协作过程中需要把本地端口地址隐射到公网，协同开发
• 为一些没有公网服务器，或者V**等等工具的同学提供帮助

核心技术

• 核心技术使用frp内网穿透，了解可以查看git或者搜索相关文档
• electron +vue +elemnt-ui

实践过程

• npm install -g @vue/cli #初始化vue脚手架
• vue create xx #初始化vue脚手架创建vue项目
• cd xx #进入项目
• vue add electron-builder # 添加electron
• npm run electron:serve #开始开发
• 初始化过程可能比较卡顿可以使用本人搭建的私有仓库
• yarn config set registry http://111.229.133.9:4873 npm config set registry http://111.229.133.9:4873

重点事项

• #node 执行脚本 const exec = require('child_process').exec workerProcess = exec(`cd xx ./frpc -c ./frpc.ini `, {})
• #node 杀死进程 exec('ps -ef|grep frp', function (err, stdout, stderr) { if (err) { return console.log(err) } stdout.split('\n').filter(function (line) { var p = line.trim().split(/\s+/) console.log(p) var address = p[1] if (address !== undefined && address !== 'PID' && p.some((item) => { return item === './frpc.ini' })) { exec('kill ' + address, function (err, stdout, stderr) { if (err) { return console.log('杀死进程失败！！') } console.log('杀死进程') }) } }) })
• vue.config.js # 第三方资源路径配置（在其他目录下面不能有效的执行脚本） module.exports = { pluginOptions: { electronBuilder: { builderOptions: { extraResources: { from: './frp', to: './frp' } } } }}

Git地址（功能实现代码未封装优化，windows未实现）

• git github.com/fodelf/frpC…

说些什么

• 生活没有那么容易，总有些人为我们负重前行，看到小区的值班人起得比我们早，很晚了还没有走，很辛苦，谢谢。
• 看到一些低收入人群由于疫情不能出去捡破烂借米求生，无比凄凉。
• 对自己复杂，对家人复杂，对他人负责，穷则独善其身，达者兼济天下。
• 加油。

后续

• nodejs环境管理器客户端类似Anaconda