2024

• 写了个 electron 项目，被归档了（更换产品形态）。
• 写了个火急火燎的 web 发了几个版本后无声无息归档了。跟产品对接不顺利，可能是要求有点多。被 hr 约谈了。整得有点怀疑自我，开始会焦虑
• 成了一块砖，那里需要去哪里
• 写了些开源，有些用户有关注🥰
• 白嫖社区赠票去了 HDC
• 去杭州参加了 #AdventureX 只会用 AI 提效的我像个傻子🫠不过认识了很多很棒的人
• 启动了业余项目尝试
• 团队整顿，我的要求不再是特立独行的要求。在年末的小尾巴被邀请任职业务线技术负责人，开始新的挑战（适应中

2025

• 跑多几次步，最近动不动就不舒服，发烧
• 学着管理团队
• 看书，以前不爱看书
• 继续做开源
• 做一些（垃圾）内容输出
• 尝试不同的项目

感谢 @akazwz_ ak 哥 和 酱酱（不玩推的大佬） 陪我玩🥰

还有个丢个 bug 过去会帮我看甚至 debug 的朋友 玄山 🌚

Finny 感谢各位网友😁 新年快乐🎉

前言

经常会有一些服务想要部署在局域网里面的电脑上，但是又需要从公网访问服务。我们通常会有几种选择

1. 购买 VPS。买了 VPS 之后，一般是会给你分配一个 IPv4 地址的，通过这个地址，就可以访问部署在这个 VPS 上的服务了。
2. 使用 Serverless 服务或者是 PaaS 服务
3. 部署在手头上已有的设备上，通过网络穿透的方式把 内网 的服务暴露在 公网 上

本文不会讲解什么是内网/公网

本文会简单记录 (cloudflare tunnel)[https://www.cloudflare.com/products/tunnel/] 的基本使用 (cloudflare tunnel 文档)[https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/]

安装

Uni App 项目搭建之 CLI

博客已经很久没有更新了，下面的命令可能已经不再适用

项目搭建

方式一

通过HBuilderX 可视化界面生成 传送门

方式二

通过 vue-cli 命令行 传送门

使用正式版

vue create -p dcloudio/uni-preset-vue my-project

使用alpha版

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

对比

总结

尝试解决缺点

• 上面提到的可视化界面创建的项目无法使用自动化部署

思路：初步设想方案是可以在项目中使用命令启动项目

1. 使用你喜欢的包管理器进行初始化

# 初始化 包管理
yarn init # npm init

2. 在 package.json 中添加一些scripts

{
"scripts": {
     "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
   }
 }

3. 启动脚本

这里只要你启动成功了，那么说明这个方案是可行的，但是研究了一下，在工具创建的项目它依赖的环境都是工具集成的，所以直接运行应该是找不到依赖，实验没有继续下去，有兴趣的朋友可以尝试一下，但是我认为这个应该是不行的 手动滑稽.jpg

• cli创建的项目无法自动打开模拟器

思路：使用模拟器的命令行工具来解决，这里使用shelljs编写脚本

1. 安装依赖

npm install shell fs

2. 在src下创建shell.js

// shell.js 这是一个js文件，使用shelljs来执行shell
const shell = require('shelljs');
const fs = require('fs');
const BLUE_COLOR = "\033[36m"
const RED_COLOR = "\033[31m"
const GREEN_COLOR = "\033[32m"
const VIOLET_COLOR = "\033[35m"
const line = `# ######################################################################`
const RES = "\033[0m"
const args = require('minimist')(process.argv.slice(2)) // 获取命令行脚本执行参数
const darwinCliPath = "/Applications/wechatwebdevtools.app/Contents/MacOS/cli" // macOS系统开发者工具位置
const winCliPath = "xxxx" # windows系统开发者工具位置
let path = {
  devPath: `${process.cwd()}/dist/dev/mp-weixin`, // 获取开发环境下的打包目录
  prodPath: `${process.cwd()}/dist/build/mp-weixin` // 获取生产环境下的打包目录
}
let cliPath = ''
/**
 * 检测系统平台
 */
function checkPlatform() {
  if (process.platform == "Linux" || process.platform == 'darwin') {
    cliPath = darwinCliPath
  } else {
    cliPath = darwinCliPath
  }
}
/**
* 脚本主方法
*/
function main() {
  lineEcho(GREEN_COLOR)
  shell.echo(`${BLUE_COLOR}#                       Uni-app build Script                       #${RES}`)
  lineEcho(GREEN_COLOR)
  const env = args['env']
  checkPlatform()
  build(env)
}
/**
* 打开模拟器
*/
function openCli() {
  shell.exec(`${cliPath} open`)
}
/**
* 开发项目
*/
function openProject(path) {
  openCli()
  shell.exec(`${cliPath} open --project ${path}`)
}
/**
* 进行构建
*/
function build(env) {
  shell.echo(`${BLUE_COLOR}#                       当前构建环境是${env}                        #${RES}`)
  let realPath = path[`${env}Path`]
  switch (env) {
    case 'dev':
      fs.exists(realPath, function (exists) {
        if (exists) {
          shell.echo(`${VIOLET_COLOR}#                       正在开发构建                       #${RES}`);
          openProject(realPath)
          shell.exec('yarn dev:mp-weixin');
        }
        if (!exists) {
          shell.echo(`${VIOLET_COLOR}#                         初次构建                          #${RES}`);
          shell.exec('yarn dev:mp-weixin-no-watch');
          openProject(realPath)
          shell.exec('yarn dev:mp-weixin');
        }
      })
      break;
    case 'prod':
      shell.echo(`${VIOLET_COLOR}#                     正在发布小程序，请稍后                       #${RES}`);
      shell.exec('yarn build:mp-weixin');
      openProject(realPath)
      break;
    case 'upload':
      lineEcho(GREEN_COLOR)

      shell.echo(`${VIOLET_COLOR}#                     正在发布小程序，请稍后                       #${RES}`);
      lineEcho(GREEN_COLOR)
      shell.echo(`${VIOLET_COLOR}#                            正在打包                               #${RES}`);
      lineEcho(GREEN_COLOR)

      shell.exec('yarn build:mp-weixin');
      shell.echo(`${VIOLET_COLOR}#                         打包完成                               #${RES}`);
      lineEcho(GREEN_COLOR)

      upload();
      break
    default:
      lineEcho(RED_COLOR)
      shell.echo(`${RED_COLOR}#                       脚本启动失败，请手动编译                       #${RES}`);
      break;
  }
}

function lineEcho(color) {
  shell.echo(`${color}${line}${RES}`);
}
/**
* 打包直接上传体验版
*/
function upload() {
  lineEcho(GREEN_COLOR)
  shell.echo(`${VIOLET_COLOR}#                       打包发布体验版微信小程序                       #${RES}`);
  lineEcho(GREEN_COLOR)
  try {
    const versionConfig = JSON.parse(fs.readFileSync('./src/version.json', 'utf8'))
    lineEcho(GREEN_COLOR)
    console.log('小程序的版本是', versionConfig.version);
    console.log('本次更新内容', versionConfig.description);
    console.log('author', versionConfig.author);
    lineEcho(GREEN_COLOR)
    const {
      version,
      description
    } = versionConfig
    let realPath = path[`prodPath`]
    lineEcho(GREEN_COLOR)
    shell.echo(`${GREEN_COLOR}#                       打包完成，上传中                       #${RES}`);
    shell.exec(` ${cliPath} upload --project ${realPath} -v ${version} -d ${description}`)
    shell.echo(`${GREEN_COLOR}#                       上传完成                       #${RES}`);
    lineEcho(GREEN_COLOR)
  } catch (err) {
    console.error(err)
  }
}

main()

3. 在 package.json 中添加scripts

{
      "dev:shell": "node ./src/shell.js --env=dev",
    "build:shell": "node ./src/shell.js --env=prod",
    "prod:upload": "node ./src/shell.js --env=upload",
    "build-upload": "node ./src/shell.js --env=upload",
    "dev:mp-weixin-no-watch": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
}

4. 如果你需要避免看到模拟器，然后直接生产上传体验版，添加/src/version.json

{
  "version": "版本号",
  "author": "我是谁",
  "description": "我做了什么"
}

5. enjoy it！

| script | 作用 |

| ------------ | ------------------------------------------------------------ |

| dev:shell | 进行开发构建并使用微信开发工具打开 |

| build:shell | 进行生产构建并使用微信开发工具打开 |

| build-upload | 进行生产构建直接读取/src/version.json文件注入上传信息，上传体验版 |

两种创建的方式各有优缺点，但也是有方案可以解决的。但是我个人来说更加喜欢使用vue-cli来创建项目，使用shell来辅助（微信开发者工具是不是会抽风卡住不懂，使用脚本进行发版效率显著提高）

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://tinsfox.com/posts/default/n8n-gmail-to-telegram-forwarding

# docker-compose.yml
version: "3.7"

services:
  n8n:
    image: docker.n8n.io/n8nio/n8n
    restart: always
    # ports:
    #   - "127.0.0.1:5678:5678"
    environment:
      - N8N_HOST=${SUBDOMAIN}.${DOMAIN_NAME}
      - N8N_PORT=5678
      # - N8N_PROTOCOL=https # 因为我在外部处理了 https， 所以把它的注释了
      - NODE_ENV=production
      - WEBHOOK_URL=https://${SUBDOMAIN}.${DOMAIN_NAME}/
      - GENERIC_TIMEZONE=${GENERIC_TIMEZONE}
    volumes:
      - ./n8n_data:/home/node/.n8n # 把 n8n 的数据挂在到当前的目录下的 n8n_data 中

# 你的域名
DOMAIN_NAME=example.com

# 设置访问 n8n 的域名
SUBDOMAIN=n8n

# 上面的例子设置之后访问 n8n 的域名是 https://n8n.example.com

# 设置时区
GENERIC_TIMEZONE=Asia/Shanghai

# The email address to use for the SSL certificate creation
SSL_EMAIL=user@example.com # 不知道干啥的，应该是申请 SSL 的，但是我不需要，就没有改了

  2. 选择发送消息，这里我选的是 text ，具体要什么的话，可以根据自己的需求，慢慢调试

  4. 然后就可以在左边把要发的数据拖到右边的 Text 去（如果要添加更多的字段的话，应该是  Additional Fields， 这里我也还没有研究🤪）

  5. 保存之后回到整个 Workflow 页面，点击底部的测试，就会开始测试整个 Workflow ，顺利的话，你的 tg 就会收到机器人给你发的消息，到这里就成功啦~
  6. 假的！ 还需要在右上角对这个 Workflow 进行启用

看完了？说点什么呢