前言

前段时间，我在微信问一问里回答了一个关于 “一天赚几十块钱副业有哪些？”的问题。主要推荐的是直播小玩法的副业，截至目前收获了官方1万的推流和超5千人的围观。由此我认为，当前开发直播小玩法还是比较小众，竞争小，个人开发者入局应该能躺赚一笔，真的很适合参考以前的回合制游戏。

简介

直播小玩法是抖音里的一种统称，其他平台有叫直播弹幕小游戏，而抖音里的直播小玩法包括两种，弹幕小游戏和互动插件。个人主体开发者申请软著后，符合平台规范都能上架。上架后，只要有主播用了你的开播，就能享受直播间的礼物分成，分成比例见下图。

比例看着确实比较低，但他也有一个很符合被动收益的优势：一经开发，多端部署，多人开播，无需直接面向观众。就是我们开发后，其实是可以发布到多个平台的，已知对个人开发者开发弹幕游戏上架的平台有：

1. 抖音

2. 哔哩哔哩

3. 虎牙

同一平台可以让多个主播同时开播，看似一场直播分百分之八，但如果一天有100个主播，就可以从100个直播间分走百分点的收入。

现状

上架直播小玩法虽然是小众行业，但也同样有二八效应，据业内人士说，弹幕游戏有榜单，如果上架后能冲进前30，那每月被动收入十几W很常见。比如2023年的两款，《兵临城下》这款游戏全平台月流水超过6000万，《星辰无双》日均流水突破150万元。

这些头部爆款多数是开发团队完成的，个人开发者前期不试水，上架后可能就是主播一日游，然后还要承担服务器的费用。当然前面的优势和收益也是很可观的，这里只是在入局前给个预期中和一下，防止后期沉默成本过高。

开发

根据官方开发文档介绍，互动插件和弹幕小游戏都支持单价版开发，也就是无需购买服务器，通过客户端接收推送完成交互。互动插件这里就不详细介绍了，类似直播里的点歌，点击屏幕上一个按钮，下拉出一些歌曲列表，选中后可以发送到直播间，这种的交互性更似小程序，可专门为开课，舞蹈博客定制相应的业务型互动插件。

而弹幕小游戏的开发，主要的是通过接收直播间的弹幕、礼物数据后，在游戏中显示对应的增益效果，比如送出仙女棒触发什么，阵营能提升什么。大部分是大同小异，更多的是主题和效果的设计，哪些更能迎合主播和观众，下面就用服务器+文档API，介绍一下大致的开发过程。

流程

1. 用直播伴侣打开后获取Token请求服务器接口

2. 服务端根据Token获取房间ID并返回到小玩法

3. 服务端将监听的房间数据通过长链接推送到小玩法

4. 小玩法根据礼物、弹幕等数据展示buff效果

5. 时间结束后根据业务数值判断阵营输赢并排名

服务端接口

下面就从官方文档里列出一些服务端业务中需要用的请求接口，详细可见开放平台的小玩法文档的服务端API介绍。

接口调用凭证

access_token 是服务端接口的全局唯一调用凭据，如下面直播信息里的 “X-Token”，任务启动的 “access-token”传递的请求头参数用的都是这个。access_token 的有效期为 2 个小时，需要定时刷新 access_token。

直播信息

主播使用直播伴侣或移动端云启动玩法后，直播伴侣/移动端云启动会传入 token 到玩法中，当玩法获取 token 后，传递给玩法的服务端。玩法服务端通过该接口，使用 token 获取直播间信息，在返回到客户端前，服务端还需要调用 “任务启动”、“礼物置顶”。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

{
  "data": {
    "ack_cfg": [ // 预留信息，sdk接入使用，开发者不用感知
    ],
    "linker_info": { // 连屏数据预留信息，开发者目前不用感知
        "linker_id": 0,
        "linker_status": 0,
        "master_status": 0
    }，
    "info": {
        "room_id": 7214015683695250235,
        "anchor_open_id": "_000oJIu6APhomK7KIBGqSYm5XYPxCJB_xxx",
        "avatar_url": "https://p11.douyinpic.com/aweme/720x720/aweme-avatar/tos-cn-avt-0015_973c31e8055f78a41d3f7de3def9821d.jpeg?from=3067671334",
        "nick_name": "xxx"
    }
  }
}

任务启动

调用任务启动后，直播间数据才会同步推送给开发者服务器，注意：不同类型的数据需要启动不同的任务单独监听，比如礼物数据单独启动一个，评论数据单独启动一个，见文档的数据开发。

礼物置顶

为什么还要调这个接口，因为置顶的礼物被送出，才会有礼物数据推送（后期会废用不需要这一步），实现时可以在获取房间ID后异步调用。然后直播挂载小玩法后，开发者根据玩法场景自主控制当前场景需要置顶的礼物，前提是置顶的礼物在玩法维度礼物配置中。调用置顶礼物接口的条件：

• 已开通“获取礼物互动数据能力”。
• 置顶的礼物数量不能超过6个，且必须为礼物配置列表中已勾选的礼物。

分页查询推送失败数据

可以用定时任务对已经开播的RoomId请求 api 分页查询推送失败的数据，返回空代表全部推送成功，否则可以根据业务需求记录失败的数据和重新推送到小玩法客户端。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

{ 
  "err_no": 0,
  "err_msg": "ok",
  "logid": "20220927122238291",
  "data": {
    "page_num": 1,
    "total_count": 100,
    "data_list": [
      // 当页的数据列表
      {
        "roomid": "12345", // string类型，消息的房间id
        "msg_type": "live_gift", // string类型，表示消息类型
        "payload": "[...]" // string类型， 对应推送协议中的payload字符串，需要unmarshal
      }
    ]
  }
}

其他接口

弹幕数据上报、用户战绩与排行榜看自身业务使用，而小玩法客户端主要就和服务端保持长链接，接收直播间互动数据，以及三个Http业务接口。

• 开启，获取roomId
• 结算，传递比赛结果
• 获取排行榜单

写在后面

上面的是官方玩法，其实还有第三方，而且抖音推出抖音小玩法可能也是打不过就加入的策略。因为以前盛行一时的无人直播，像修狗云蹦迪、挤地铁、马保国格斗等，都是别人用技术手段实现弹幕礼物接收实现的小游戏。

因为没有人出境和抓取数据等原因，开播的房间经常被封，虽然被封，但收益不错也屡禁不止，所以抖音干脆开放小玩法模块（个人猜想），更大程度实现主播、开发者、观众双收。我已知第三方平台有：咩播、阿比整蛊、青播，有机会我再聊聊关于这些平台软件的内部概况。

个人主体的 QQ 小程序，到底是哪些人开通了流量主在玩啊？

从微信端移植并修改了一个工具类的 QQ 小程序，然后备案审核上架后，自然流量没有一点，你说尴不尴尬！

还有一点呢，QQ 小程序开通流量主的条件还是很高的，相比微信小程序。

要求连续 7 天内，每天的访问 UV 都不能低于 100，也就是在一个连续周期内要完成 700UV。

于是，我就去某宝找找有没有做流量主开通的，我先是输入 “QQ 小程序流量主开通”，根本就没有。

然后就只搜小程序流量主开通，清一色微信小程序的，没辙，随便找几家问问有没有能做 QQ 小程序的。

结果就是，根本没人做这玩意的流量主开通业务，不过也意外地知道了他们做一个微信小程序地普遍报价 150 上下，同样也是刷访问，10 天完成 500UV。

最后我就找群找论坛，QQ 小程序互助，也没有，不知道有没有和我一样的，有的话，我建了一个扣扣群，或加我 QQ：2652364582，互帮互助。

前言

2024年6月26号，我申请的小游戏软著通过了。由于等待时间太长，所以就总结了一下整个申请过程踩过的坑。帮助未了解或即将申请个人软著的同学绕过下面三点，可以节省至少三分之一的时间（小游戏类目）。

当然，这里也会围绕大家关心的几个问题展开，比如：软著申请的费用、软著申请到底要多久以及整个申请的流程。最后再给大家两份我自己的申请模板，软件源程序文档和软件说明书文档。

费用

2024年申请软著不用钱，如果说一分钱不用也说不过去，因为在申请时的签章页要打印签字，所以整个过程的花费就是一张纸的打印钱。要是你找的第三方代办收取高费用，并且说要打印这打印那的就自己弄吧。因为现在关于软著的登记都是采用电子版形式了。之前既要打印源码文档和软件说明书，还要寄过去，然后才能收到纸张版软著。

时间

我从申请到通过一共是三个月时间，但是在过程中有三次补正，也就是提交的信息和资料不符和要求。而每次补正再审核大概在8-15天（个人观察），错三次也就要多一个月时间，按正常填写一遍过的话应该两个月以内就能获取。

流程

注册与开始申请

进入“国家版权保护中心官网”，选择个人身份，填写手机邮箱等信息后注册成功后登陆。然后回到官网首页导航栏选择 “版权登记” -> “软件登记” -> ”计算机软件著作权登记申请（R11）“, 然后进入到办理身份，是自己就选 ”我是申请人“。

软件申请信息

这是第一步要填写的表单，其中权利取得方式、软件全称、版本号、权利范围为必填，权利取得方式按默认原始取得，权利范围按默认全部权利，其他的可以参考我下面截图。而 ”软件全称“ 一定要注意，因为我其中一项补正就是软件全称和后面的软件说明、源码文档里的页眉软件名称不一致。

软件开发信息

软件开发信息都为必填，软件分类选择 ”应用软件“，软件说明 ”原创“，开发方式 ”单独开发“，开发完成日期自己选择，发表状态 ”未发表“。

软件功能与特点

鉴别材料

鉴别材料有两份，分别是程序鉴别材料和文档鉴别材料，两个都选择一般交存。其中程序鉴别材料是代码清除空行注释整理后转PDF提交，前后各连续30页可以按开发时间排序，也可以按功能主次等自定义排序，每页不少于50行，若源程序整体不到60页，应提交全部源程序。

而文档鉴别材料是用来描述程序的内容、组成、设计、功能、开发情况、测试结果及使用方法的文字资料和图表，如程序设计说明书、流程图、用户手册等，同样文档要求是连续的前30页和后30页，每页不少于30行，如果整个文档不到60页，就提交整个说明文档，这个我会在下面列出我的那两个模板。

确认信息

填完上面的信息后，提交身份证正反面，最后就会列出提交材料的清单确认信息。

签章页提交

签章页其实也是材料清单确认书，下载打印后签字拍照完再上传。软著的状态就会由 “待提交” 转 “待受理” 了，接着就等待审核发放了。

模板参考

以下两份就是我的程序鉴别材料和文档鉴别材料模板，这里要注意一点的是，游戏类的文档说明一定要加上 “游戏健康忠告” 页面的介绍。（可以扫描下面公众号二维码找到文章或留言）

写在后面

软著下来后就准备上架到小游戏或快游戏平台了，可能是近年来的净网相关政策，有些平台对于小游戏或快游戏对个人身份的提交通道已经关闭了。不光如此，我最近做了一个工具类的小程序也卡在提交，因为我是要改名称和类目，现在还需要备案和认证，就不知道到时候我上架的时候，以前积累的UV会不会被清掉。

前言

前段时间，我在微信问一问里回答了一个关于 “一天赚几十块钱副业有哪些？”的问题。主要推荐的是直播小玩法的副业，截至目前收获了官方1万的推流和超5千人的围观。由此我认为，当前开发直播小玩法还是比较小众，竞争小，个人开发者入局应该能躺赚一笔，真的很适合参考以前的回合制游戏。

简介

直播小玩法是抖音里的一种统称，其他平台有叫直播弹幕小游戏，而抖音里的直播小玩法包括两种，弹幕小游戏和互动插件。个人主体开发者申请软著后，符合平台规范都能上架。上架后，只要有主播用了你的开播，就能享受直播间的礼物分成，分成比例见下图。

比例看着确实比较低，但他也有一个很符合被动收益的优势：一经开发，多端部署，多人开播，无需直接面向观众。就是我们开发后，其实是可以发布到多个平台的，已知对个人开发者开发弹幕游戏上架的平台有：

1. 抖音

2. 哔哩哔哩

3. 虎牙

同一平台可以让多个主播同时开播，看似一场直播分百分之八，但如果一天有100个主播，就可以从100个直播间分走百分点的收入。

现状

上架直播小玩法虽然是小众行业，但也同样有二八效应，据业内人士说，弹幕游戏有榜单，如果上架后能冲进前30，那每月被动收入十几W很常见。比如2023年的两款，《兵临城下》这款游戏全平台月流水超过6000万，《星辰无双》日均流水突破150万元。

这些头部爆款多数是开发团队完成的，个人开发者前期不试水，上架后可能就是主播一日游，然后还要承担服务器的费用。当然前面的优势和收益也是很可观的，这里只是在入局前给个预期中和一下，防止后期沉默成本过高。

开发

根据官方开发文档介绍，互动插件和弹幕小游戏都支持单价版开发，也就是无需购买服务器，通过客户端接收推送完成交互。互动插件这里就不详细介绍了，类似直播里的点歌，点击屏幕上一个按钮，下拉出一些歌曲列表，选中后可以发送到直播间，这种的交互性更似小程序，可专门为开课，舞蹈博客定制相应的业务型互动插件。

而弹幕小游戏的开发，主要的是通过接收直播间的弹幕、礼物数据后，在游戏中显示对应的增益效果，比如送出仙女棒触发什么，阵营能提升什么。大部分是大同小异，更多的是主题和效果的设计，哪些更能迎合主播和观众，下面就用服务器+文档API，介绍一下大致的开发过程。

流程

1. 用直播伴侣打开后获取Token请求服务器接口

2. 服务端根据Token获取房间ID并返回到小玩法

3. 服务端将监听的房间数据通过长链接推送到小玩法

4. 小玩法根据礼物、弹幕等数据展示buff效果

5. 时间结束后根据业务数值判断阵营输赢并排名

服务端接口

下面就从官方文档里列出一些服务端业务中需要用的请求接口，详细可见开放平台的小玩法文档的服务端API介绍。

接口调用凭证

access_token 是服务端接口的全局唯一调用凭据，如下面直播信息里的 “X-Token”，任务启动的 “access-token”传递的请求头参数用的都是这个。access_token 的有效期为 2 个小时，需要定时刷新 access_token。

直播信息

主播使用直播伴侣或移动端云启动玩法后，直播伴侣/移动端云启动会传入 token 到玩法中，当玩法获取 token 后，传递给玩法的服务端。玩法服务端通过该接口，使用 token 获取直播间信息，在返回到客户端前，服务端还需要调用 “任务启动”、“礼物置顶”。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

{
  "data": {
    "ack_cfg": [ // 预留信息，sdk接入使用，开发者不用感知
    ],
    "linker_info": { // 连屏数据预留信息，开发者目前不用感知
        "linker_id": 0,
        "linker_status": 0,
        "master_status": 0
    }，
    "info": {
        "room_id": 7214015683695250235,
        "anchor_open_id": "_000oJIu6APhomK7KIBGqSYm5XYPxCJB_xxx",
        "avatar_url": "https://p11.douyinpic.com/aweme/720x720/aweme-avatar/tos-cn-avt-0015_973c31e8055f78a41d3f7de3def9821d.jpeg?from=3067671334",
        "nick_name": "xxx"
    }
  }
}

任务启动

调用任务启动后，直播间数据才会同步推送给开发者服务器，注意：不同类型的数据需要启动不同的任务单独监听，比如礼物数据单独启动一个，评论数据单独启动一个，见文档的数据开发。

礼物置顶

为什么还要调这个接口，因为置顶的礼物被送出，才会有礼物数据推送（后期会废用不需要这一步），实现时可以在获取房间ID后异步调用。然后直播挂载小玩法后，开发者根据玩法场景自主控制当前场景需要置顶的礼物，前提是置顶的礼物在玩法维度礼物配置中。调用置顶礼物接口的条件：

• 已开通“获取礼物互动数据能力”。
• 置顶的礼物数量不能超过6个，且必须为礼物配置列表中已勾选的礼物。

分页查询推送失败数据

可以用定时任务对已经开播的RoomId请求 api 分页查询推送失败的数据，返回空代表全部推送成功，否则可以根据业务需求记录失败的数据和重新推送到小玩法客户端。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

{ 
  "err_no": 0,
  "err_msg": "ok",
  "logid": "20220927122238291",
  "data": {
    "page_num": 1,
    "total_count": 100,
    "data_list": [
      // 当页的数据列表
      {
        "roomid": "12345", // string类型，消息的房间id
        "msg_type": "live_gift", // string类型，表示消息类型
        "payload": "[...]" // string类型， 对应推送协议中的payload字符串，需要unmarshal
      }
    ]
  }
}

其他接口

弹幕数据上报、用户战绩与排行榜看自身业务使用，而小玩法客户端主要就和服务端保持长链接，接收直播间互动数据，以及三个Http业务接口。

• 开启，获取roomId
• 结算，传递比赛结果
• 获取排行榜单

写在后面

上面的是官方玩法，其实还有第三方，而且抖音推出抖音小玩法可能也是打不过就加入的策略。因为以前盛行一时的无人直播，像修狗云蹦迪、挤地铁、马保国格斗等，都是别人用技术手段实现弹幕礼物接收实现的小游戏。

因为没有人出境和抓取数据等原因，开播的房间经常被封，虽然被封，但收益不错也屡禁不止，所以抖音干脆开放小玩法模块（个人猜想），更大程度实现主播、开发者、观众双收。我已知第三方平台有：咩播、阿比整蛊、青播，有机会我再聊聊关于这些平台软件的内部概况。

前言

我的QQ小程序在2024年8月就已经审核通过，上架后却一直无法被搜索到。打开后，再在QQ上下拉查看 “最近使用”，发现他出现一下又马上消失。

上线是按正常流程走的，开发、备案、审核，也没有任何违规，后台也没收到说被封或异常的信息。

排查

难道是我名字（实用工具箱）问题，当我要去后台修改名字时，提示要重新备案。不过也让我想起之前我搜索的时候，别人也有用这名字，所以根本不是这个原因。

会不会是后台哪里设置了，第一次玩QQ小程序后台，搞不好一开始的时候我乱点了什么。最后找啊找，终于在 “关联设置” 中找到了问题所在。

解决

在QQ后台的设置下的 “关联设置” 里 “QQ频道” 有一个 “仅允许在机器人服务中使用”，这一项给出的解释是 “打开后，QQ小程序推荐页将不会展示此小程序”，没错，我勾选了。

尴不尴尬，去掉后什么无法被搜索，什么在最近使用框里马上消失的问题，全部解决。所以我之前刚上架时没有自然流量也是因为这个，那我才放开小程序推荐，官方会不会就给推了啊，这个只能看后面几天的情况才能知道，但现在的我还是急需流量。

找流量

为什么着急找流量？因为QQ小程序的流量主开通不同于微信小程序，他的要求更高，必须连续7天内，每天的UV不能低于100。

虽然700UV也不多，但他不是累积的，过了7天没达量，前面的UV总数作废。在不清楚明天有没有自然流量的情况，我决定找人友链，就是我们在自己的小程序里互相跳转。

友链之路

小程序友链，也就是小程序跳小程序，由于我的没有做后台管理，界面展示是写死的，加这个要改两个地方，一个是配置，一个是添加点击跳转事件。

配置，只需在app.json中添加

1
2
3

"navigateToMiniProgramAppIdList": [
    "appId"
  ]

添加点击跳转事件

1
2
3
4
5

qq.navigateToMiniProgram({
    appId: '1112309851',
    success(res) {
        // 跳转成功
    }

写在后面

其实平台刚上线时，好像是19年还是18年，个人开发者只要一上架自己的小程序就能开通流量主。现在我的心态，借张伟名言：机会像雨点般打来, 而我却一一闪过。

不过QQ小程序的应用场景还是很多元化的，群和频道，机器人里都能绑定，外加互助一下其实也很快，所以，大家要和我一起吗？我建了一个扣扣群，或加我 QQ：2652364582，互帮互助。

个人主体的 QQ 小程序，到底是哪些人开通了流量主在玩啊？

从微信端移植并修改了一个工具类的 QQ 小程序，然后备案审核上架后，自然流量没有一点，你说尴不尴尬！

还有一点呢，QQ 小程序开通流量主的条件还是很高的，相比微信小程序。

要求连续 7 天内，每天的访问 UV 都不能低于 100，也就是在一个连续周期内要完成 700UV。

于是，我就去某宝找找有没有做流量主开通的，我先是输入 “QQ 小程序流量主开通”，根本就没有。

然后就只搜小程序流量主开通，清一色微信小程序的，没辙，随便找几家问问有没有能做 QQ 小程序的。

结果就是，根本没人做这玩意的流量主开通业务，不过也意外地知道了他们做一个微信小程序地普遍报价 150 上下，同样也是刷访问，10 天完成 500UV。

最后我就找群找论坛，QQ 小程序互助，也没有，不知道有没有和我一样的，有的话，我建了一个扣扣群，或加我 QQ：2652364582，互帮互助。

前言

通过上一篇文章可以看出，要在鸿蒙应用中实现特别炫的特效还是比较复杂。动画固然重要，但如果在赶工期的情况下，大家都会优先业务，那有没有简单快速的方法呢？

有的，也用像 Android 和 iOS 里 WebView 的方式，h5 的特效现在是应有尽有，把他嵌入鸿蒙 Next 应用里就可以，那如何在鸿蒙 Next 中使用 WebView 来实现电子烟花？

实现要点

1. 组件拆解
2. 资源引入
3. 页面路由
4. WebView

开始实践

因为前面的木鱼和现在的烟花都是同一个小工具应用，公用组件的拆分、页面跳转和资源的引入全有涉及，所以就连同 WebView 一起总结一下。

组件拆解

在 ArkUI 中，UI 显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。这里我们将所有页面的导航拆分成一个公用组件，并定义为 HdNav.ets。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

import { router } from '@kit.ArkUI'

@Component
export struct HdNav {
  @StorageProp('topHeight')
  topHeight: number = 0
  @Prop
  title: string = 'hello world'
  @Prop
  hasBorder: boolean = false
  @Prop
  leftIcon: ResourceStr = $r('app.media.ic_common_back')
  @Prop
  rightIcon: ResourceStr = $r('sys.media.ohos_ic_public_more')
  @Prop
  showRightIcon: boolean = true
  @Prop
  iconColor: ResourceStr = $r('app.color.black')
  @Prop
  titleColor: string = '#131313'
  @BuilderParam
  menuBuilder: () => void = this.defaultMenu

  @Builder
  defaultMenu() {

  }

  build() {
    Row({ space: 16 }) {
      Image(this.leftIcon)
        .size({ width: 24, height: 24 })
        .onClick(() => router.back())
        .fillColor(this.iconColor)
      Row() {
        if (this.title) {
          Text(this.title)
            .fontWeight(600)
            .fontColor(this.titleColor)
            .layoutWeight(1)
            .textAlign(TextAlign.Center)
            .fontSize(18)
            .maxLines(1)
            .textOverflow({ overflow: TextOverflow.Ellipsis })
        }
      }
      .height(56)
      .layoutWeight(1)

      if (this.showRightIcon) {
        Image(this.rightIcon)
          .size({ width: 24, height: 24 })
          .objectFit(ImageFit.Contain)
          .bindMenu(this.menuBuilder)
      } else {
        Blank()
          .width(24)
      }
    }

    .padding({ left: 16, right: 16, top: this.topHeight })
    .height(56 + this.topHeight)
    .width('100%')
    .border({
      width: { bottom: this.hasBorder ? $r('app.float.common_border_width') : 0 },
      color: $r('app.color.common_gray_bg')
    })
  }
}

资源引入

应用开发过程中，经常需要用到颜色、字体、间距、图片等资源，在不同的设备或配置中，这些资源的值可能不同。

• 应用资源：借助资源文件能力，开发者在应用中自定义资源，自行管理这些资源在不同的设备或配置中的表现。
• 系统资源：开发者直接使用系统预置的资源定义。

1
2
3
4
5
6
7
8

# 引入resouces/base/media下的home_selected的图片
$r('app.media.home_selected')

# 导入resources/rawfile下的index.html文件
$rawfile("index.html")

# 获取resources/rawfile下的audio.mp3音频
await getContext(this).resourceManager.getRawFd("audio.mp3")

页面路由

页面路由 router 根据页面的 uri 找到目标页面，从而实现跳转。以最基础的两个页面之间的跳转为例，具体实现步骤如下：

1. 在 “Project“窗口，打开 src> main >ets，右键点击 pages 文件夹，创建一个页面。
2. 在 resources/base/profile 下的 main_pages.json，新建一个 pages 中创建页面的文件名（注意大小写）。
3. 调用 router.push () 路由到指定页面。
4. 调用 router.back () 回到首页。

WebView

页面加载是 Web 组件的基本功能。根据页面加载数据来源可以分为三种常用场景，包括加载网络页面、加载本地页面、加载 HTML 格式的富文本数据。

页面加载过程中，若涉及网络资源获取，需要配置 ohos.permission.INTERNET 网络访问权限，下面以本地静态文件的方法举例。

• 将资源文件放置在应用的 resources/rawfile 目录下。

• 鸿蒙 Next 应用代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import web_webview from '@ohos.web.webview';
import { HdNav } from '@mygames/basic';

@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      HdNav({ title: '看烟花秀', showRightIcon: false, iconColor: $r('app.color.black') })

      Button('loadData')
        .onClick(() => {
          try {
            this.controller.loadUrl($rawfile("index.html"));

          } catch (error) {
            console.error(`ErrorCode: ${error.code},  Message: ${error.message}`);
          }

        })
      // 组件创建时，加载www.example.com
      Web({ src: $rawfile("index.html"), controller: this.controller })
    }
  }
}

• 烟花代码

写在后面

到这里鸿蒙 Next 应用实战暂告一段落了。但是鸿蒙系统提供了开箱即用的原生 AI 能力，更方便了我们开发者实现应用的快速智能化，所以，鸿蒙 Next 智能应用实战，待续～

前言

正所谓：Hello Word 是程序员学任何一门语言的第一个程序实践。这其实也是一个不错的正反馈，那如何让学习鸿蒙 Next 更有成就感呢？下面就演示一下从零开发一个鸿蒙 Next 版的电子木鱼，主打就是一个抽象！

实现要点

1. 页面布局
2. 木鱼点击
3. 木鱼音效
4. 动画特效
5. 自定义弹窗

开始实践

页面布局

ArkTS 定义了声明式 UI 描述、自定义组件和动态扩展 UI 元素的能力，配合 ArkUI 开发框架中的系统组件及其相关的事件方法、属性方法等共同构成 UI 开发的主体。我们下面要完成的主要是一个木鱼和设置按钮、自动按钮。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

build() {

Column() {
  HdNav({ title: '电子木鱼', showRightIcon: false, iconColor: $r('app.color.white'), titleColor: '#ffffff' })

  Row() {
Text(this.woodenType[this.type] + '：'+ this.score).fontSize(22).fontColor("#ffffff").width('100%').textAlign(TextAlign.Center)
  }.width("100%").height("8%")

  Row() {
Image($r('app.media.setting')).width(25).height(25).margin(16).onClick(() => {
  if (this.dialogController != null) {
this.dialogController.open()
  }
})
  }.width('100%')

  Row() {
Image($r('app.media.foreground')).width(40).height(40).margin({left:8,top:5})
  }.width('100%')
  .onClick(() => {
this.handlePopup = !this.handlePopup
  })
  .bindPopup(this.handlePopup, {
message: '数据统计功能，正在完善中~',
  })

  Row() {
if (this.isPresent) {
  Text(this.woodenType[this.type] + ': ' + this.woodenFishNum).fontSize(16).fontColor("#ffffff").width('100%').textAlign(TextAlign.Center)
.transition(this.effect)
}
  }.width('100%').height('25%')
  .alignItems(VerticalAlign.Top)

  Row() {
Image($r('app.media.muyu'))
  .width(this.isZoomed == true ? this.targetWidth * 1.2 : this.targetWidth * 1)
  .height(this.isZoomed == true ? this.targetHeight * 1.2 : this.targetHeight * 1)
  }
  .width('100%')
  .height('25%')
  .alignItems(VerticalAlign.Center)
  .justifyContent(FlexAlign.Center)

  Row() {
Toggle({ type: ToggleType.Switch })
  .onChange((isOn: boolean) => {
if(isOn) {
  promptAction.showToast({ message: 'auto is on.' })
} else {
  promptAction.showToast({ message: 'auto is off.' })
}
  })

Text('自动' + this.woodenType[this.type]).fontSize(18).fontColor('#ffffff').height(40).margin({left: 10})

  }.width('100%').height('10%').justifyContent(FlexAlign.Center)

}
.height("100%")
.backgroundColor('rgba(0, 0, 0, 1.00)')

}

木鱼点击

木鱼是一张图片，也就是给该图绑定一个点击事件，点击一次有三个动作需要执行：

• 木鱼有放大的效果
• 有类似功德文字的飘动
• 功德数值的累加

而点击的时候要看到实时的效果，所以可以声明三个状态，通过 State 的修改，从而驱动 UI 更新，以下的 animateTo 是给域名的放大添加的一个平滑效果。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

// 积分
@State score: number = 0
// 积分文字
@State isPresent: boolean = false
// 木鱼是否放大
@State isZoomed: boolean = false


// 木鱼UI
Image($r('app.media.muyu'))
.width(this.isZoomed == true ? this.targetWidth * 1.2 : this.targetWidth * 1)
.height(this.isZoomed == true ? this.targetHeight * 1.2 : this.targetHeight * 1)
.onClick((event) => {
animateTo({ curve: curves.springMotion() }, () => {
  this.isZoomed = !this.isZoomed;

  if (this.isZoomed == true) {
this.isPresent = true;
this.score += this.woodenFishNum;
this.onClickPlay();
  }
})

// 定时缩小/定时文字消失
setTimeout(() => {this.isZoomed = false;}, 50);
setTimeout(() => {this.isPresent = false}, 600);
})

木鱼音效

木鱼音效是点击时的咚咚的声音，这里就要使用到 HarmonyOS Next 的音频服务。这里需要注意一点，项目运行预览无法播放，一定要模拟器或真机才可以调试音频的播放效果。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

// 销毁音效工具
  onClickDestroy= ()=>{
    AudioMgr.Ins().destroy();
    console.log('audio', 'destroy');
  }

  // 初始化音效工具
  onClickInit = ()=>{
    AudioMgr.Ins().init();
    console.log('audio', 'init');
  }

  // 播放指定音效
  onClickPlay = ()=>{
    AudioMgr.Ins().play();
    console.log('audio', 'playing');
  }

动画特效

这里的动画效果主要是点击木鱼，从下网上飘出一个文字然后消失的特效。在鸿蒙中可以通过 TransitionEffect 方法添加效果，首先创建特效，然后再文字上挂载。

1
2
3
4
5
6
7
8
9

// 上移入场特效
  private effect: object =
    TransitionEffect.OPACITY
      // 初始正常大小// 假设动画持续时间为500ms
      .combine(TransitionEffect.scale({ x: 1, y: 1 }).animation({ curve: curves.springMotion(0.6, 1.2), duration: 0 }))
       // 向上平移150单位// 与上一步同时开始
      .combine(TransitionEffect.translate({ x: 0, y: 400 }).animation({ curve: curves.springMotion(0.6, 1.2), duration: 10000, delay: 50 }))
       // 淡出至完全透明// 在平移结束后开始淡出
      .combine(TransitionEffect.opacity(0).animation({ curve: curves.springMotion(0.6, 1.2), duration: 1000, delay: 0 }));

自定义弹窗

经过前面布局，事件绑定，音效播放，一个简单的电子木鱼其实已经完成了。但是为了增添趣味和后期扩展，这里再加一个设置功能，通过按钮打开配置项弹窗，设置包括：

• 类型选项 (功德、财运、桃花运等)
• 音效选项 (各种解压的音效素材)
• 皮肤管理 (木鱼的 UI 界面设置)
• 数值修改 (对展示的累加数值做任意修改)
• 其他 (是否关闭音效，是否自动点击等)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

// 弹窗层(UI开发-组件-自定义弹窗)
@CustomDialog
struct SettingDialog {
  controller?: CustomDialogController

  // 父子组件双向同步，文档见 https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-link-V5
  @Link woodenFishType: number

  // 木鱼敲击的数值
  @Link woodenFishNum: number

  build() {
    Column() {

      Row() {
        Text('愿望：').fontSize(17).fontWeight(600)
        Radio({ value: '功德', group: 'word' }).checked(true).onChange((isChecked: boolean) => {
          if(isChecked) {
            this.woodenFishType = 0
          }
        })
        Text('功德').fontSize(15)
        Radio({ value: '财富', group: 'word' }).onChange((isChecked: boolean) => {
          if(isChecked) {
            this.woodenFishType = 1
          }
        })
        Text('财富').fontSize(15)
        Radio({ value: '桃花运', group: 'word' }).onChange((isChecked: boolean) => {
          if(isChecked) {
            this.woodenFishType = 2
          }
        })
        Text('桃花运').fontSize(15)
      }
      .width('100%')
      .margin({bottom: 12})
      .justifyContent(FlexAlign.Start)

      Row() {
        Text('数值：').fontSize(16).fontWeight(600)
        TextInput({text:'1'}).type(InputType.Number).width(180).onChange((value: string) => {
          this.woodenFishNum = parseInt(value)
        })
      }
      .width('100%')
      .margin({bottom: 12})
      .justifyContent(FlexAlign.Start)

      Row() {
        Text('音效：').fontSize(16).fontWeight(600)
        Toggle({ type: ToggleType.Switch })
      }
      .width('100%')
      .margin({bottom: 12})
      .justifyContent(FlexAlign.Start)

      Row() {
        Text('皮肤：').fontSize(16).fontWeight(600)
        Radio({ value: '默认', group: 'skin' }).checked(true)
        Text('木鱼').fontSize(15)
        Radio({ value: '悟空', group: 'skin' })
        Text('黑悟空').fontSize(15)
        Radio({ value: '典韦', group: 'skin' })
        Text('典韦').fontSize(15)
      }
      .width('100%')
      .margin({bottom: 12})
      .justifyContent(FlexAlign.Start)

    }.padding({top: 28, left: 15})

  }
}

这里需要注意的是：父子组件的数据传递。因为自定义弹窗和木鱼是两个不同的组件，而点击弹窗中的比如类型切换或修改的数值，全部要更新到木鱼组件的展示当中。

当然鸿蒙也提供了 @Link 装饰器，用于与其父组件中的数据源共享相同的值，可以结合上面代码和下方截图参考其用法。

写在后面

到这里，一个通用型的鸿蒙 Next 版电子木鱼就完成了。不管是组件交互还是布局都还好，唯一让我觉得不适应的是动画特效。

如果用这种方式实现电子烟花肯定不行，所以下次将换一种方法快速实现烟花秀，以及页面间的跳转，待更新～

前言

作为独立开发者，如果我们错过了传统移动 App，和后起小程序的红利，那万物互联 + AI 的应用开发就得抓住了。

虽然个人上架应用平台难易都差不多，但是鸿蒙生态当前正需要广大开发者参与，一旦上架，相比其他平台，流量扶持力度更大，变现能力也更容易。

所以，我们可以先开发一些应用占个位置，后面再逐渐迭代完善；那么，第一步就先从搭建开发环境开始吧。

鸿蒙 Next 简介

鸿蒙 Next，英文 HarmoneyOS Next，又叫纯血版鸿蒙，2023 年 8 月 4 日开发者预览版，2024 年 6 月正式对外公布。鸿蒙 NEXT 采用了全鸿蒙内核，完成了对 Linux 内核的全面替换，并去掉了安卓开放源代码项目（AOSP）等代码，实现了真正的自主可控，他能支持华为及合作厂商的多种智能终端设备，包括手机、平板、智慧屏等等。

运行环境要求

针对开发 HarmonyOS 应用及元服务，华为基于 IntelliJ IDEA Community 开源版本打造了一个集成开发环境（IDE）——DevEco Studio，能将开发的应用和服务同时运行在 HarmonyOS 和 OpenHarmony 系统上，为保证 DevEco Studio 正常运行，建议您的电脑配置满足如下要求：

• 操作系统：Windows10 64 位，内部版号大于 18363
• 内存：8GB 及以上
• 硬盘：100GB 及以上
• 分辨率：1280*800 像素及以上
• 其他： 开启了 Hyper-V 虚拟化

DevEco Studio

下载

进入 huawei 开发者平台下载，最好找 5.0 以上又不是最新版本就行。还有 DevEco Studio 支持 Windows 和 macOS 系统，但我本人用的是 Windows，所以就以 win 系统演示。

安装

下载完成后，双击下载的 “deveco-studio-xxxx.exe”，进入 DevEco Studio 安装向导。因为 DevEco Studio 提供开箱即用的开发体验，将 HarmonyOS SDK、Node.js、Hvigor、OHPM、模拟器平台等进行合一打包，几乎无需额外下载配置就能马上跑项目，但是要运行模拟器需要一点配置，比如 Windows 版本要大于 18363。

模拟器设置

DevEco Studio 提供预览、模拟器、真机三种方式查看项目的运行效果，但是给予的测试权限不一。最高的真机，目前需要搭载了鸿蒙 Next 的手机才行，且鸿蒙无法自己升级到 Next，所以折中的方法就是用模拟器。官方现在要求使用模拟器需申请，而且本地电脑开始了虚拟化技术 Hyper-V。

项目运行

DevEco Studio 安装完成后，可以通过运行 Hello World 工程来验证环境设置是否正确。接下来以创建一个支持 Phone 设备的工程为例进行介绍。

项目结构

可能当时为了适应主流开发语言，加上自己新出的 ArkTS 有三种工程类型可供选择，而我就是为 ArkTS 而来，所以以下和后面要做的应用也都是 ArkTS。

• ArkTS 工程目录结构（Stage 模型）
• C++ 工程目录结构（Stage 模型）
• JS 工程目录结构（FA 模型）

项目创建后，结构就是上图，而关于每个目录或文件的用法，就要去官方文档查看 “工程目录结构”，这里就略过进入到简单例子的演示。

第一个 Hello World

创建页面

在 “Project” 窗口，点击 “entry > src > main > ets > pages”，打开 “Index.ets” 文件，进行页面的编写。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// Index.ets
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

预览效果

在编辑窗口右上角的侧边工具栏，点击 Previewer，打开预览器。

写在后面

如果你有应用端相关的开发经验，上手鸿蒙应用还是比较容易的。而如果你像我一样是做后端的，或很少接触前端，那也可以跟着我一起代码实战，简单实现一个鸿蒙 Next 的电子木鱼和电子烟花秀，文章待更新～

正则表达式（Regular Expression）又称规则表达式，在代码中常简写为Regex、Regexp或RE，它是一种文本模式，包括普通字符（例如a到z之间的字母）和特殊字符（称为"元字符"）。

作用

1. 文本验证：用于检查输入的文本是否符合特定的格式要求，如验证电子邮件、电话号码等。
2. 文本搜索和替换：可以在文本中查找特定模式的内容，并进行替换操作。
3. 数据提取：从文本中提取出符合特定模式的部分内容。
4. 语法分析：在某些编程领域中，用于分析和理解代码的结构。

1 语法

一个正则表达式是一种从左到右匹配主体字符串的模式，它可以从一个基础字符串中根据一定的匹配模式替换文本中的字符串、验证表单、提取字符串等等。

1.1 基本匹配

由一些字符（如字母、数字或符号）组成的最简单的正则表达式。

实例

1

my

1.2 元字符

正则表达式主要依赖于元字符。 元字符不代表他们本身的字面意思而是有有特殊的含义。

1.2.1 点 .

.匹配任意单个字符，但不匹配换行符。

示例1

1

.

示例2

1

.n

1.2.2 字符类

方括号[]用来指定一个字符类，在方括号中的字符都将被匹配。字符类不会被顺序影响，还可以使用连字符-来指定范围。

示例1

1

[aeiou]

示例2

1

[a-m]

否定字符类

当符号^用在方括号[]内表示这个字符类是否定的。

示例1

1

[^aeiou]

示例2

1

[^a-m]

1.2.3 重复

当一个子表达式后面跟着字符+ * ?，是用来指定匹配该子表达式的次数。

1.2.3.1 星号 *

*匹配在*之前的字符出现大于等于0次。

示例1

1

e*

需要注意的是，e 出现0次的地方也会被标记

示例2

匹配所有字符

1

.*

1.2.3.2 加号 +

+匹配+之前的字符出现大于等于1次。

示例1

1

e+

示例2

匹配以 e 开头，以 u 结尾的内容

1

e.+u

1.2.3.3 问号 ?

？匹配？之前的字符出现0或者1次，即表示前面的字符是可选的。

示例

1

ou?n

1.2.3.4 花括号 {}

{}常用来限定子表达式可以出现的次数。比如{n,m}表示出现最少 n 次最多 m 次，{n,}表示出现最少 n 次，{,m}表示出现最多 m 次，{n}表示固定出现 n 次。

示例1

1

e{2,3}

示例2

1

e{2,}

示例3

1

e{3}

1.2.4 匹配分组

括号()用来指定一个子表达式，在括号中的内容会被看作一个整体。比如 (xy)* 匹配连续出现零个或多个的 xy，而 xy* 则匹配连续出现零个或多个的 y。

示例1

1

(love)+

示例2

1

([at])r

1.2.5 或运算符 |

|用于判断条件，表示或者。

示例

1

a|t|es

1.2.6 转义

反斜线\用于将特殊字符转义为原义字符，特殊字符如{ } [ ] / \ + * . $ ^ | ?

示例

1

y\.

1.2.7 锚点

锚点可以匹配指定开头或结尾的字符串。^ 指定开头，$ 指定结尾。

示例1

1

^Regular

示例2

1

Expression$

1.3 简写字符集

需要注意的是，\s \S \f \n \r \t \v \p 所匹配的字符均为非打印字符

1.4 断言

断言分为先行断言和后发断言，它们都属于非捕获组（用于匹配模式，但不包括在匹配列表中）。用来筛选指定条件的匹配结果。

需要注意的是，断言必须包含在分组()内

1.4.1 正先行断言 ?=

正先行断言的筛选条件为匹配字符其后跟随断言中定义的格式。

示例

1

my(?=\shometown)

1.4.2 负先行断言 ?!

负先行断言的筛选条件为匹配字符其后不跟随断言中定义的格式。

示例

1

my(?!\shometown)

1.4.3 正后发断言 ?<=

正后发断言的筛选条件为匹配字符其前跟随断言中定义的格式。

1

(?<=my)self

1.4.4 负后发断言 ?<!

负后发断言的筛选条件为匹配字符其前不跟随断言中定义的格式。

1

(?<!my)self

2 标记

标记也称为修饰符，作为额外的匹配策略用于修改表达式的搜索结果。标志可以任意组合使用，它也是正则表达式中的一部分。

2.1 全局搜索

标记 g 用于全局搜索。即不仅返回第一个匹配结果，而是全部匹配结果。在语法章节中所有的示例均使用全局搜索。

示例

1

/r/g

2.1 忽略大小写

标记 i 用于忽略大小写。匹配的字符可以是大写或者小写。

示例

1

/r/gi

2.3 多行匹配

标记 m 用于多行匹配。比如前面说到的锚点^ $，如果想在每行的开头结尾生效，就需要使用标记 m。

示例

1

/^Regular/gm

3 常用正则

火车车次

1

/^[GCDZTSPKXLY1-9]\d{1,4}$/

手机机身码（IMEI）

1

/^\d{15,17}$/

必须带端口号的网址（或ip）

1

/^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?$/

网址（URL）

1

/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/

统一社会信用代码

1

/^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/

统一社会信用代码（宽松匹配）（15位/18位/20位数字/字母）

1

/^(([0-9A-Za-z]{15})|([0-9A-Za-z]{18})|([0-9A-Za-z]{20}))$/

迅雷链接

1

/^thunderx?:\/\/[a-zA-Z\d]+=$/

ed2k链接（宽松匹配）

1

/^ed2k:\/\/\|file\|.+\|\/$/

磁力链接（宽松匹配）

1

/^magnet:\?xt=urn:btih:[0-9a-fA-F]{40,}.*$/

子网掩码（不包含 0.0.0.0）

1

/^(254|252|248|240|224|192|128)\.0\.0\.0|255\.(254|252|248|240|224|192|128|0)\.0\.0|255\.255\.(254|252|248|240|224|192|128|0)\.0|255\.255\.255\.(255|254|252|248|240|224|192|128|0)$/

linux"隐藏文件"路径

1

/^\/(?:[^/]+\/)*\.[^/]*/

linux文件夹路径

1

/^\/(?:[^/]+\/)*$/

linux文件路径

1

/^\/(?:[^/]+\/)*[^/]+$/

window"文件夹"路径

1

/^[a-zA-Z]:\\(?:\w+\\?)*$/

window下"文件"路径

1

/^[a-zA-Z]:\\(?:\w+\\)*\w+\.\w+$/

股票代码（A股）

1

/^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/

大于等于0，小于等于150，支持小数位出现5，如145.5，用于判断考卷分数

1

/^150$|^(?:\d|[1-9]\d|1[0-4]\d)(?:\.5)?$/

html注释

1

/<!--[\s\S]*?-->/g

md5格式（32位）

1

/^[a-fA-F0-9]{32}$/

GUID/UUID

1

/^[a-f\d]{4}(?:[a-f\d]{4}-){4}[a-f\d]{12}$/i

版本号（version）格式必须为X.Y.Z

1

/^\d+(?:\.\d+){2}$/

视频（video）链接地址（视频格式可按需增删）

1

/^https?:\/\/(.+\/)+.+(\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i

图片（image）链接地址（图片格式可按需增删）

1

/^https?:\/\/(.+\/)+.+(\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i

24小时制时间（HH:mm:ss）

1

/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/

12小时制时间（hh:mm:ss）

1

/^(?:1[0-2]|0?[1-9]):[0-5]\d:[0-5]\d$/

base64格式

1

/^\s*data:(?:[a-z]+\/[a-z0-9-+.]+(?:;[a-z-]+=[a-z0-9-]+)?)?(?:;base64)?,([a-z0-9!$&',()*+;=\-._~:@/?%\s]*?)\s*$/i

数字/货币金额（支持负数、千分位分隔符）

1

/^-?\d{1,3}(,\d{3})*(\.\d{1,2})?$/

银行卡号（10到30位，覆盖对公/私账户，参考微信支付）

1

/^[1-9]\d{9,29}$/

中文姓名

1

/^(?:[\u4e00-\u9fa5·]{2,16})$/

英文姓名

1

/(^[a-zA-Z][a-zA-Z\s]{0,20}[a-zA-Z]$)/

车牌号（新能源）

1

/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z](([DF]((?![IO])[a-zA-Z0-9](?![IO]))[0-9]{4})|([0-9]{5}[DF]))$/

车牌号（非新能源）

1

/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/

车牌号（新能源+非新能源）

1

/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/

手机号（mobile phone）中国（严谨），根据工信部2019年最新公布的手机号段

1

/^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[01256789]))\d{8}$/

手机号（mobile phone）中国（宽松），只要是13、14、15、16、17、18、19开头即可

1

/^(?:(?:\+|00)86)?1[3-9]\d{9}$/

手机号（mobile phone）中国（最宽松)，只要是1开头即可，如果你的手机号是用来接收短信，优先建议选择这一条

1

/^(?:(?:\+|00)86)?1\d{10}$/

日期（宽松）

1

/^\d{1,4}(-)(1[0-2]|0?[1-9])\1(0?[1-9]|[1-2]\d|30|31)$/

日期（严谨，支持闰年判断）

1

/^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29)$/

中国省

1

/^浙江|上海|北京|天津|重庆|黑龙江|吉林|辽宁|内蒙古|河北|新疆|甘肃|青海|陕西|宁夏|河南|山东|山西|安徽|湖北|湖南|江苏|四川|贵州|云南|广西|西藏|江西|广东|福建|台湾|海南|香港|澳门$/

可以被moment转化成功的时间 YYYYMMDD HH:mm:ss

1

/^\d{4}([/:-\S])(1[0-2]|0?[1-9])\1(0?[1-9]|[1-2]\d|30|31) (?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/

email（邮箱）

1

/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/

座机（tel phone）电话（国内），如: 0341-86091234

1

/^(?:(?:\d{3}-)?\d{8}|^(?:\d{4}-)?\d{7,8})(?:-\d+)?$/

身份证号（1代、15位数字）

1

/^[1-9]\d{7}(?:0\d|10|11|12)(?:0[1-9]|[1-2][\d]|30|31)\d{3}$/

身份证号（2代、18位数字)，最后一位是校验位，可能为数字或字符X

1

/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/

身份证号，支持1/2代（15位/18位数字）

1

/^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/

护照（包含香港、澳门）

1

/(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/

帐号是否合法（字母开头，允许5-16字节，允许字母数字下划线组合

1

/^[a-zA-Z]\w{4,15}$/

中文/汉字

1

/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/

小数（支持科学计数）

1

/^[+-]?(\d+([.]\d*)?([eE][+-]?\d+)?|[.]\d+([eE][+-]?\d+)?)$/

只包含数字

1

/^\d+$/

html标签（宽松匹配）

1

/<(\w+)[^>]*>(.*?<\/\1>)?/

匹配中文汉字和中文标点

1

/[\u4e00-\u9fa5|\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u201c|\u201d|\u2018|\u2019|\uff08|\uff09|\u300a|\u300b|\u3008|\u3009|\u3010|\u3011|\u300e|\u300f|\u300c|\u300d|\ufe43|\ufe44|\u3014|\u3015|\u2026|\u2014|\uff5e|\ufe4f|\uffe5]/

qq号格式正确

1

/^[1-9][0-9]{4,10}$/

数字和字母组成

1

/^[A-Za-z0-9]+$/

英文字母

1

/^[a-zA-Z]+$/

小写英文字母组成

1

/^[a-z]+$/

大写英文字母

1

/^[A-Z]+$/

密码强度校验，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符

1

/^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/

用户名校验，4到16位（字母，数字，下划线，减号）

1

/^[\w-]{4,16}$/

ip-v4[:端口]

1

/^((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/

ip-v6[:端口]

1

/(^(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$)|(^\[(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))\](?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$)/i

16进制颜色

1

/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3}|[a-fA-F0-9]{8}|[a-fA-F0-9]{4})$/

微信号（wx），6至20位，以字母开头，字母，数字，减号，下划线

1

/^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/

邮政编码（中国）

1

/^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\d{4}$/

中文和数字

1

/^((?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])|(\d))+$/

不能包含字母

1

/^[^A-Za-z]*$/

java包名

1

/^([a-zA-Z_]\w*)+([.][a-zA-Z_]\w*)+$/

mac地址

1

/^(([a-f0-9][0,2,4,6,8,a,c,e]:([a-f0-9]{2}:){4})|([a-f0-9][0,2,4,6,8,a,c,e]-([a-f0-9]{2}-){4}))[a-f0-9]{2}$/i

匹配连续重复的字符

1

/(.)\1+/

数字和英文字母组成，并且同时含有数字和英文字母

1

/^(?=.*[a-zA-Z])(?=.*\d).+$/

香港身份证

1

/^[a-zA-Z]\d{6}\([\dA]\)$/

澳门身份证

1

/^[1|5|7]\d{6}\(\d\)$/

台湾身份证

1

/^[a-zA-Z][0-9]{9}$/

大写字母，小写字母，数字，特殊符号 @#$%^&*~()-+=` 中任意3项密码

1

/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_!@#$%^&*`~()-+=]+$)(?![a-z0-9]+$)(?![a-z\W_!@#$%^&*`~()-+=]+$)(?![0-9\W_!@#$%^&*`~()-+=]+$)[a-zA-Z0-9\W_!@#$%^&*`~()-+=]/

ASCII码表中的全部的特殊字符

1

/[\x21-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E]+/

正整数，不包含0

1

/^\+?[1-9]\d*$/

负整数，不包含0

1

/^-[1-9]\d*$/

整数

1

/^(?:0|(?:-?[1-9]\d*))$/

浮点数

1

/^(-?[1-9]\d*\.\d+|-?0\.\d*[1-9]\d*|0\.0+)$/

浮点数(严格）

1

/^(-?[1-9]\d*\.\d+|-?0\.\d*[1-9])$/

email（支持中文邮箱）

1

/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/

域名（非网址，不包含协议）

1

/^([0-9a-zA-Z-]{1,}\.)+([a-zA-Z]{2,})$/

军官/士兵证

1

/^[\u4E00-\u9FA5](字第)([0-9a-zA-Z]{4,8})(号?)$/

户口薄

1

/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/

4 备注

4.1 Regex101

地址：regex101.com

正则表达式测试器，具有语法突出显示、解释、备忘单等功能，适用于 PHP-PCRE、Python、GO、JavaScript、Java、C#-.NET、Rust 等语言。

4.2 RegExr

地址：regexr-cn.com

带有语法高亮、支持 PHP/PCRE 和 JS 语言、上下文解释、备忘单、参考和正则表达式社区的正则表达式测试工具。

4.3 GoRegex

地址：goregex.cn

提供PHP、PCRE、Python、Go、JavaScript等语言的正则表达式在线测试、生成，解析工具服务。其中的正则库及正则教程可以帮助快速方便的获取正则表达式。

4.4 RegexLearn

地址：regexlearn.com/zh-cn

交互式学习正则表达式，在所处的阶段练习、测试和分享自己的正则表达式。

1 简介

npm（Node Package Manager）是Node.js生态系统中的默认包管理器，它提供了一系列的命令行工具，使得开发者能够方便地进行包的管理操作。这些操作包括但不限于下载、安装、升级、删除包，以及发布和维护自己的包。

以下是npm的一些主要功能：

• 包管理：通过npm install命令安装项目所需的包，并将其添加到项目的依赖中，减少重复劳动。
• 版本管理：指定项目依赖项的版本，确保项目不受不兼容版本的影响。
• 脚本执行：在package.json文件中定义脚本，使用npm run命令执行。
• 包发布和分享：开发者可以将自己编写的包发布到NPM的公共仓库中，供其他开发者使用。
• 依赖解析：递归地解析和安装其依赖项，确保项目中的所有依赖都得到满足。
• 包搜索和浏览：在NPM网站上搜索、浏览和发现其他人创建的包。

2 安装NPM

npm不需要单独的安装，在安装Node.js的时候会相应的安装npm。

1. 前往Node.js官网下载并安装最新版本Node.js

2. 验证npm是否安装成功

1
2

npm -v    # 查看npm版本，若输出版本号，即为安装成功
# 10.5.1

3 基本使用

初次运行npm时，可以使用npm init命令进行初始化操作，它会引导填写一些基本信息（如版本号、描述等）

初始化项目后创建package.json文件

package.json文件

package.json文件通常用来描述项目和软件包信息。

• name：项目或库的名称
• version：项目的版本
• author：项目作者
• description：项目的描述
• license：项目的许可证

scripts

scripts字段用于定义项目中的各种脚本命令。可以在其中指定一些常用的操作，比如启动项目、执行测试、构建等，并且可以通过命令行工具来执行这些脚本。

例如，假设想在每次提交代码前运行测试，可以创建一个名为precommit的脚本：

1
2
3
4
5
6

{
  "scripts": {
    "prestart": "npm install",
    "start": "node index.js"
  }
}

在命令行使用npm run prestart等同于执行npm install

每个script都是一个命令行指令，后面跟着要执行的具体命令。当开发者克隆一个仓库并在自己的机器上运行npm install或yarn安装依赖后，可以通过npm run <scriptName>或yarn <scriptName>来执行这些预设的任务。这样的自动化大大提高了开发效率，减少了重复劳动，并且确保所有开发者和CI/CD流水线都能以相同的方式执行相同的步骤。

dependencies和devDependencies

dependencies和devDependencies是项目配置文件中的两个重要部分，它们用于分别列出项目运行时和开发时所需的外部模块或库。

• dependencies：项目在实际运行时所依赖的模块或库。这些依赖项是在生产环境中必须安装和包含的包，因为它们包含了项目功能实现的核心代码或是该应用程序直接使用的库。当用户全局安装该应用程序或在系统上运行它时，npm会自动将这些依赖项下载并安装到node_modules目录中。
• devDependencies：项目在开发过程中所需要的工具、测试框架、构建工具等，它们通常不参与项目的实际运行。这包括测试库、构建脚本、代码格式化工具等。当发布应用程序时这些依赖项不会被包含在内，但是其他开发者如果要在本地开发或测试代码，则需要安装这些依赖项。

在package.json中明确指定这些依赖项，可以确保任何人在新的环境中克隆和设置项目时都能够获得正确的版本，并且能够重现构建过程。这对于团队协作和持续集成/持续部署(CI/CD)流程至关重要。

4 常用命令

npm提供了许多有用的命令来帮助管理项目的依赖项和其他相关任务。下面是一些最常用的npm命令：

1. npm init：初始化一个新的Node.js项目，创建一个package.json文件。
2. npm install：安装所有依赖项以及未列出的新依赖项。
   • npm install ：安装一个新依赖项到你的项目。
   • npm install --save：安装一个依赖项，并将其添加到dependencies中。
   • npm install --save-dev：安装一个开发依赖项，并将其添加到devDependencies中。
3. npm uninstall ：卸载一个依赖项。
4. npm update：更新所有过期的依赖项到最新版本。
5. npm outdated：列出所有过期的依赖项。
6. npm ls：显示已安装的包及其版本信息。
7. npm publish：发布你的包到npm仓库。

更多npm命令可参阅CLI 命令 | npm 中文网 (nodejs.cn)

5 全局安装与本地安装

在 npm 中，可以选择全局安装或本地安装包。这两种方式各有用途：

• 全局安装 (npm install -g)：全局安装的包对所有项目都可用。这意味着无论在哪里，都可以在命令行中访问这些包。这适用于那些不打算在单个项目中使用，而是希望在整个系统范围内使用的工具或命令行程序。例如，如果你经常需要使用某个代码格式化工具或构建脚本，全局安装可以让它在任何地方都可以使用。
• 本地安装 (npm install)：本地安装的包仅限于当前项目的node_modules目录。这意味着其他项目不能访问这些包，除非也为它们安装了同样的依赖项。这适用于那些项目直接依赖的库或工具。例如，如果你的项目需要一个特定版本的jQuery，你应该本地安装它，因为它只对你当前的项目有用。

一般来说，建议尽可能使用本地安装，因为它允许精确控制每个项目的依赖关系，并且避免不同项目之间的冲突。全局安装主要用于那些你需要在多个项目间共享的工具或命令行实用程序。

6 版本管理和兼容性策略

npm版本管理和兼容性策略是确保项目顺利运行的关键部分。以下是一些建议：

1. 使用语义化版本控制：遵循语义化版本控制规则，即主版本号.次版本号.修订号。当发布新功能时，增加次版本号；当修复 bug 时，增加修订号；当做出破坏性更改时，增加主版本号。这有助于开发者了解他们是否需要升级他们的代码以适应新版本。
2. 锁定文件：使用package-lock.json或yarn.lock文件来锁定依赖项的具体版本。这可以防止因不同版本而导致的问题，并确保在不同环境中具有相同的一致性和可预测性。
3. 定期更新：定期运行npm update来更新依赖项到最新版本，以利用最新的改进和安全修复。但请小心重大更新，因为它们可能会引入不兼容的变化。
4. 依赖项兼容性：当添加新依赖项时，尽量选择广泛支持和积极维护的包。
5. 测试：在更新依赖项之前，最好在一个隔离的环境中测试它们，比如使用Docker或虚拟机，以确保它们不会破坏现有的功能。
6. 回退计划：如果更新导致问题，确保有一个回退计划。这可能意味着保留旧版本的代码或依赖项，直到问题解决。
7. 监控：监控项目以识别潜在的安全漏洞和性能问题。有许多工具和服务可以帮助做到这一点，包括Snyk、Greenkeeper等。
8. 文档：及时更新README.md或其他文档，说明项目依赖哪些版本的包，以及如何安装和配置它们。

通过遵循这些实践，可以最大限度地减少因依赖项更新而引起的问题，并确保项目稳定可靠。

package-lock.json文件：

package-lock.json文件是npm在执行npm install命令后自动生成的一个锁文件，其目的是确保在不同环境下能够一致地安装相同版本的依赖项。这个文件描述了项目所需的每个依赖的确切版本号以及解析后的实际下载地址。

7 案例分析：创建一个简单的npm模块并发布

1. 确定模块名称

在GitHub或其他代码托管服务上检查模块名称是否可用，确保该名称没有被其他npm包占用。

2. 初始化模块

在开发目录中创建一个新的文件夹作为模块项目，在该文件夹内运行npm init命令初始化package.json文件，它会引导填写一些基本信息（如版本号、描述等），或者使用npm init -y命令快速初始化。

3. 编写代码

在项目目录中创建一个JavaScript文件，通常命名为index.js，在其中编写模块代码，并且确保它能作为一个Node.js模块正确导出功能或类。

4. 编辑package.json文件

添加必要的元数据，包括模块的名称、版本号、描述、作者、许可证等，如果需要，还可以添加 scripts 部分来自定义命令，例如启动脚本或测试脚本。

5. 发布模块

第一次发布需要先注册一个npm账户

1
2

# 注册账户
npm adduser

如果有npm账户则直接登录

1
2

# 登录账户
npm login

最后使用npm publish命令将模块发布到npm仓库

6. 后期维护

对于每次更新，需要先递增版本号，然后再次运行npm publish来更新已发布的模块版本。

8 总结

总的来说，npm不仅是Node.js的核心组成部分，也是现代前端工程化的基石。掌握npm意味着掌握了JavaScript开发的未来趋势，它是每个前端工程师必备的基本功。随着Node.js及JavaScript技术的不断演进，相信npm将继续发挥其重要作用，引领着Web开发的新潮流。

简介

使用 GitHub Desktop 可以使用一个直观、可视化的界面而不是命令行或 Web 浏览器与 GitHub 交互。可以使用它从桌面完成大多数 Git 命令，使用户可以更容易地进行代码的版本控制、代码的提交、分支的管理、拉取请求的处理等操作。

软件特色

界面设计：简洁直观的用户界面，即使是 Git 新手也能轻松上手。它提供了清晰的仓库列表、变更摘要和历史记录视图，使用户能够快速理解项目的当前状态。

基本 Git 操作：支持所有基本的 Git 操作，如克隆、提交、拉取和推送。这些操作都通过可视化界面进行，降低了学习成本。

分支管理：分支创建、切换和合并的流程非常直观。提供了一个易于理解的分支视图，使得分支管理变得更加容易。

冲突解决：当合并代码时发生冲突，提供了一个基本的冲突解决界面，帮助用户理解并解决冲突。

集成 GitHub 功能：它与 GitHub 的特性紧密集成，比如拉取请求和代码审查，提高了代码的管理和协作效率。

扩展性：虽然 GitHub Desktop 专注于基本功能，但它也支持高级用户通过命令行工具执行更复杂的 Git 操作。

软件截图

特别提醒

GitHub Desktop 的默认语言为英文，如果希望使用中文界面，可以通过安装汉化包来实现，汉化版本需与 GitHub Desktop 版本一致，本文提供汉化教程。

安装教程

选择合适的版本进行下载，较新的版本可能无汉化，部分版本提供两种安装程序，不了解区别则选择.exe

汉化工具来源：Github Desktop 汉化工具

下载完成后双击运行安装程序进行安装

随后在软件关闭的前提下运行对应版本的汉化工具，即GithubDesktopZhTool.exe文件，汉化完成后汉化工具可删除

使用教程

打开软件后登录GitHub账号自动获取账号信息和存储库，可以连接自己的存储库、克隆其他用户的存储库，或者在本地初始化一个新存储库

然后就可以使用图形化来执行各种git命令，在本地创建的存储库也可以快速在GitHub中创建远程存储库

下载地址

官网下载：https://desktop.github.com/

爱吃猫的鱼CLOUD下载：https://cloud.talen.top/s/14uY

前言

最近小游戏的软著下来了，用 CocosCreator 做的游戏也完成了 1.0 版本。而当我打包成抖音小游戏进行提交时，还没到初审就给拒了，因为还有一个机审，机器检测到代码中没有接入 “侧边栏复访功能”。这个我还真不知道，那只能去官方看文档了，位置是小游戏开发文档 -> 指南 -> 开放能力 -> 侧边栏能力。

简介

侧边栏复访能力是在「2023 年 11 月 24 日」起就开启了「必接审核」，为什么要这样做呢？原来是随着抖音首页侧边栏的日活不断增高，平台也积极引导用户养成从首页侧边栏进入游戏的习惯而做的要求。这样可以大幅提升次留、7 留，反正就是你好我好大家好的局面，接就对了。

文档我也大概看了，大概的流程就是打开游戏后，判断是不是侧边栏进来，是的话就相当老用户给他一些奖励，不是的话给一些引导弹窗，让用户触发打开侧边栏。而文档里的方案示例大部分也都有奖励领取环节，但是我这个目前是单机，奖励肯定是没有的，那怎么办，于是我就做了一些简化。

流程

• 创建去侧边栏按钮和引导层
• 对接抖音提供的方法检测和跳转
• 打包后去抖音开发工具调测

操作

创建去侧边栏按钮

打开游戏场景画布，找到主界面面板，分别添加 “去侧边栏按钮节点” ，添加图文素材。

创建引导层节点

继续在主界面下添加引导层空白节点，就是展示一个遮罩，一个引导图片和跳转侧边栏和关闭按钮。遮罩层的添加方式是给节点新增 sprint 组件，组件的 sprite Frame 选择 ”internal”->”image”->”default_btn_disabled”，其他的按钮就是自己的 UI 图标了。

在主界面脚本中挂载节点

就是将去侧边栏和引导图层，跳转复访等绑定触发事件。

主要代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

import gameManager from "./gameManager";

const {ccclass, property} = cc._decorator;

@ccclass
export default class startPanel extends cc.Component {

    // 抖音侧边栏复访
    private isFromSidebar = false //状态，表示是否从侧边栏进入

    @property(cc.Node)
    public btnSidebar: cc.Node | null = null; // 入口有礼按钮

    @property(cc.Node)
    public ndSidebar: cc.Node | null = null; // 侧边栏引导对话框

    @property(cc.Node)
    public btnGotoSidebar: cc.Node | null = null; //去侧边栏按钮

    @property(cc.Node)
    public btnCloseSidebar: cc.Node | null = null; // 关闭侧边栏引导对话框

    private game:gameManager = null;

    init(game:gameManager) {
        this.game = game
    }

    onLoad() {
        this.game.startAudio();
    }

    // 弹出侧边栏引导框
    private showDialogBox() {
        // 显示引导层，隐藏开始按钮
        this.ndSidebar.active = true;
        this.startBtn.active = false;
    }

    // 关闭侧边栏对话框
    private closeSidebar() {
        this.ndSidebar.active = false;
        this.startBtn.active = true;
    }

    // 自动跳转侧边栏
    private gotoSidebar() {
        this.ndSidebar.active = false;
        this.startBtn.active = true;

        // 抖音小游戏侧边栏跳转逻辑
        tt.navigateToScene({
            scene: "sidebar",
            success: (res) => {
                console.log("navigate to scene success");
                // 跳转成功回调逻辑
            },
            fail: (res) => {
                console.log("navigate to scene fail: ", res);
                // 跳转失败回调逻辑
            },
        });
    }

    start() {
        // --侧边栏按钮判断--//
        tt.onShow((res) => {
            //判断用户是否是从侧边栏进来的
            this.isFromSidebar = (res.launch_from == 'homepage' && res.location == 'sidebar_card')

            if (this.isFromSidebar) {
                //如果是从侧边栏进来的，隐藏“去侧边栏”
                this.btnSidebar.active = false
            }
            else {
                //否则 显示“去侧边栏”按钮
                this.btnSidebar.active = true
            }
        });

        //判断用户是否支持侧边栏进入功能，有些旧版的抖音没有侧边栏，这种情况就把入口有礼那个按钮给隐藏掉
// 因为我引导层默认就是隐藏，所以这部分可以不用判断
        /*tt.checkScene({
            scene: "sidebar",
            success: (res) => {
                this.btnSidebar.node.active = true
            },
            fail: (res) => {
                this.btnSidebar.node.active = false
            }
        });*/
        // --侧边栏按钮判断--//

        // 显示侧边栏引导框
        this.btnSidebar.on('touchstart', this.showDialogBox, this);

        // 关闭侧边栏引导对话框
        this.btnCloseSidebar.on('touchstart', this.closeSidebar, this);

        // 点击进入抖音侧边栏
        this.btnGotoSidebar.on('touchstart', this.gotoSidebar, this);
    }
}

写在后面

这样操作下来，你会发现接入这个侧边栏功能并不复杂，其实就相当于做了一个弹窗效果。麻烦的是在 CocosCreator 中添加抖音里内部方法不能马上调试，而是要打完包再放到抖音开发者工具中测试，遇到报错又改打包测试再改。还有一个是官方的文档的举例是用了一个最复杂的方式，其实对于我们单机的小游戏就只是引导一下，没有复访奖励什么的！

简介

“有用工具盒”是一款强大且实用的工具类小程序，提供包括图片处理、信息查询、测算，娱乐等常用工具。如：文本加密解密、二维码生成与识别、九宫格切图、图片拼接、国旗头像生成、房贷和BMI计算器等，如同瑞士军刀一样方便好用。

功能介绍

国旗头像

只需要上传一张图片，就会免费生成一张带国旗的头像

九宫格切图

只需上传一张图片，工具会自动将他分成九宫格的切图，保存后就可以发朋友圈了。

房贷计算器

目前贷款利率还没调整，其他的基本功能都没有问题。

色盲测试

通过不停的切换颜色矩阵，你可以点击其中不同的色块，类似于颜色找茬，来测试你的色盲程度。

手持弹幕

手持弹幕，是一个可以自定义文字样式的滚动大字报，可以用于像粉丝给爱豆接机用的欢迎词。

节日倒计时

节日倒计时，是一个在本地存储日期进行倒计时的工具，样式温馨多样。由于没有远程存储，如果对微信进行了清理缓存，节日倒计时也会消失需要重新创建。

随机数

随机数，是一个可以用于朋友间抽签的小工具，给定两个区间，工具自动产生一个数值。

大转盘

大转盘是一个随机定义的事件扇叶，抽中哪个就中哪个。

二维码生成

二维码生成工具，你只需要提供链接或文本，工具会将其生成一个可识别的二维码。

二维码识别

二维码识别，一个通用型二维码识别器，不管是这里生成的还是其他地方的都可以识别。

全息时钟

全息时钟，一个可以用来拍摄自习课视频的时钟展示，省掉了专门安装全息时钟的APP。

常用号码

常用号码罗列了日常生活中紧急需要的号码，点击后就可以拨打，比如报警，住院等等号码。

恶搞理发器

纯娱乐性的小工具，就好比周星驰的，你看这个是部手机，其实是个理发器。

数钱

数钱也是一个娱乐性工具，看你自己的手速，滑动地越快数的钱越多。

更多

目前这个小程序集成了31个小工具，其他诸如尺子、量角器、计算器、亲戚计算器、粤语翻译等等，更多的你可以自己体验了。后续还会迭代一些AI之类的小工具，如果有体验有问题的，也可以在下方公众号给我留言哈~

前言

2024年6月26号，我申请的小游戏软著通过了。由于等待时间太长，所以就总结了一下整个申请过程踩过的坑。帮助未了解或即将申请个人软著的同学绕过下面三点，可以节省至少三分之一的时间（小游戏类目）。

当然，这里也会围绕大家关心的几个问题展开，比如：软著申请的费用、软著申请到底要多久以及整个申请的流程。最后再给大家两份我自己的申请模板，软件源程序文档和软件说明书文档。

费用

2024年申请软著不用钱，如果说一分钱不用也说不过去，因为在申请时的签章页要打印签字，所以整个过程的花费就是一张纸的打印钱。要是你找的第三方代办收取高费用，并且说要打印这打印那的就自己弄吧。因为现在关于软著的登记都是采用电子版形式了。之前既要打印源码文档和软件说明书，还要寄过去，然后才能收到纸张版软著。

时间

我从申请到通过一共是三个月时间，但是在过程中有三次补正，也就是提交的信息和资料不符和要求。而每次补正再审核大概在8-15天（个人观察），错三次也就要多一个月时间，按正常填写一遍过的话应该两个月以内就能获取。

流程

注册与开始申请

进入“国家版权保护中心官网”，选择个人身份，填写手机邮箱等信息后注册成功后登陆。然后回到官网首页导航栏选择 “版权登记” -> “软件登记” -> ”计算机软件著作权登记申请（R11）“, 然后进入到办理身份，是自己就选 ”我是申请人“。

软件申请信息

这是第一步要填写的表单，其中权利取得方式、软件全称、版本号、权利范围为必填，权利取得方式按默认原始取得，权利范围按默认全部权利，其他的可以参考我下面截图。而 ”软件全称“ 一定要注意，因为我其中一项补正就是软件全称和后面的软件说明、源码文档里的页眉软件名称不一致。

软件开发信息

软件开发信息都为必填，软件分类选择 ”应用软件“，软件说明 ”原创“，开发方式 ”单独开发“，开发完成日期自己选择，发表状态 ”未发表“。

软件功能与特点

鉴别材料

鉴别材料有两份，分别是程序鉴别材料和文档鉴别材料，两个都选择一般交存。其中程序鉴别材料是代码清除空行注释整理后转PDF提交，前后各连续30页可以按开发时间排序，也可以按功能主次等自定义排序，每页不少于50行，若源程序整体不到60页，应提交全部源程序。

而文档鉴别材料是用来描述程序的内容、组成、设计、功能、开发情况、测试结果及使用方法的文字资料和图表，如程序设计说明书、流程图、用户手册等，同样文档要求是连续的前30页和后30页，每页不少于30行，如果整个文档不到60页，就提交整个说明文档，这个我会在下面列出我的那两个模板。

确认信息

填完上面的信息后，提交身份证正反面，最后就会列出提交材料的清单确认信息。

签章页提交

签章页其实也是材料清单确认书，下载打印后签字拍照完再上传。软著的状态就会由 “待提交” 转 “待受理” 了，接着就等待审核发放了。

模板参考

以下两份就是我的程序鉴别材料和文档鉴别材料模板，这里要注意一点的是，游戏类的文档说明一定要加上 “游戏健康忠告” 页面的介绍。（可以扫描下面公众号二维码找到文章或留言）

写在后面

软著下来后就准备上架到小游戏或快游戏平台了，可能是近年来的净网相关政策，有些平台对于小游戏或快游戏对个人身份的提交通道已经关闭了。不光如此，我最近做了一个工具类的小程序也卡在提交，因为我是要改名称和类目，现在还需要备案和认证，就不知道到时候我上架的时候，以前积累的UV会不会被清掉。

简介

一个基于uniapp开发的强大且实用的工具类APP，提供了包括图片处理、测算，信息查询和娱乐等常用的工具。如：文本加密解密、二维码生成与识别、九宫格切图、图片拼接、国旗头像、房贷和BMI计算器等，如同瑞士军刀一样方便好用~

1

🕙 项目基本保持每日更新，右上随手点个 🌟 Star 关注，这样才有持续下去的动力，谢谢～

项目展示

码云： https://gitee.com/gaoxingqufuhchao/bqs-toolsbox-uniapp

落地： https://www.zerofc.cn/market/

下载：https://www.zerofc.cn/market/land_pages/bqs_toolsbox/index.html

项目截图

项目说明

项目灵感来源于 前端铺子 ，前台基于Vue-uniApp，使用colorUi与uview框架，部分Demo参考uniApp插件市场等,感谢各位作者～

特别声明

本软件属于技术开源软件, 任何使用本源码从事商业活动，对别人和自己造成损失的，本人概不负责！

功能规划

2024-08 : 增加2048小游戏、小霸王游戏机等经典小游戏

2024-09 : 增加木鱼、摸鱼等娱乐性小工具

2024-10: 增加编程博文和视频，代码资源等等

安装教程

1. 下载安装：「HBuildX」、「微信开发者工具」
2. 扫码登录微信开发者工具
3. 将项目拖进【HBuildX】- 运行 - 微信小程序 - 完成

其他说明

由于很多年没碰uniapp了，这次我想试一下uniapp统计，因为数据绝对了我更新的频率，而再次玩得时候却差点翻车！

其实主要是Hbuild版本和官方策略原因，以前的时候app打包默认会勾选uni统计。而现在不但出了两个版本(1.0和2.0)，而且默认是不勾选的，需要自己挑选。重点是选择哪一个就会在对应版本的统计系统生效，也就是如果选了2.0再打开1.0的后台是看不到数据的，最后我看了文档才了解清楚。

写在后面

做这个工具箱app主要有两个原因，一个是我做的一个微信小游戏还在备案中，目前是空档没啥事情；第二个是借机重新捡一下uniapp的内容，很多都已经忘了，所以工具箱app的更新迭代会慢一点。

前言

虽然我是做 web 的，但是对 Python 的众多开源项目一直都很关注。像之前的 stable diffusion 的 AI 绘画，和 so-vits-svc 音色替换等源码的部署文档都很完善了。尽管如此，对于刚入门的和本地环境搭建各种踩坑的同学，又急于一试就显得不太友好了。针对这一现象，网上早有了各种大佬做了一键部署的解决方案，不用安装 Python 环境，不用下载各种依赖包，点一下 exe 就可以用了。

那他们是怎么做的呢，到这里应该已经很多人会说用 pyinstaller。是的这个确实可以解决整体环境打包，但是有时候一些图标和依赖文件要放在一起才能正常使用，类似于绿色桌面工具。那有没有方法对这个进一步封装，就是点击 exe 后需要安装，然后安装后才是项目的文件，还可以卸载，答案就是用 Inno Setup Compiler。那么，接下来我就用一个 GUI 的小 demo 完成 exe 打包和进一步安装打包。

环境

Python 3.8
Tkinter (自带)
pyinstaller 6.3.0
Inno Setup Compiler

基本流程

用 conda 单独创建一虚拟环境，比如写一个 tkinter 应用，对了为了好看，我们可以设置以下 icon，尺寸 32x32，大图标 64x64 准备一下即可。然后用 pyinstaller 将应用达成文件包 (含 exe)，最后用 Inno Setup Compiler 达成安装包，里面就是各种文件关联，图标和信息的设置了。

开始操作

环境创建

1
2
3
4
5
6
7
8

# 1. 创建环境
conda create -n tools_env python=3.8
    
# 2. 进入环境
conda activate tools_env
    
# 3. 安装 pyinstaller
pip install pyinstaller -i https://pypi.tuna.tsinghua.edu.cn/simple

编码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112

import tkinter as tk
from tkinter import ttk
from tkinter import messagebox
from ToolTip import ToolTip
import os
import time


class Application(tk.Tk):

    def __init__(self):
        super().__init__()
        self.title("公众号：ZERO开发")
        self.iconbitmap('logo.ico')
        self.geometry("600x370")  # 设置固定的窗口大小
        self.resizable(False, False)  # 禁止调整窗口大小
        self.style = ttk.Style(self)
        self.main_color = self.cget("bg")

        self.style.configure("TEntry",
                             padding=6,
                             relief="flat",
                             background="#0078d7",
                             foreground="black",
                             font=("Arial", 12, "bold"))

        self.style.configure("TLabel",
                             font=("Arial", 12, "bold"))

        self.style.configure("TButton",
                             padding=6,
                             font=("Arial", 12))

        self.create_widgets()

    def create_widgets(self):
        self.path_label = ttk.Label(self, text='绝对路径:')
        self.path_label.grid(row=0, sticky=tk.W, pady=30, padx=20)

        self.path = tk.StringVar()
        self.path_entry = ttk.Entry(self, width=60, textvariable=self.path)
        self.path_entry.grid(row=0, column=1, sticky=tk.E, pady=5)
        ToolTip(self.path_entry, "电脑里的目录路径，如 D:\\3code\\6pytorch\pytorch_ai_demo")

        self.rename_label = ttk.Label(self, text='修改名称:')
        self.rename_label.grid(row=1, sticky=tk.W, pady=5, padx=20)

        self.rename = tk.StringVar()
        self.rename_entry = ttk.Entry(self, width=60, textvariable=self.rename)
        self.rename_entry.grid(row=1, column=1, sticky=tk.E, pady=5)

        self.msg_text = tk.Text(self, height=2, width=60, wrap='none')  # 添加一个列表框来显示文件名
        self.msg_text.grid(row=2, column=1, sticky=tk.W, pady=15)
        self.msg_text.configure(bd=0, relief="solid", bg=self.main_color)
        # self.msg_text.insert(tk.END, "这是要显示的文本。")

        ttk.Button(self, text='确认修改', command=self.start_program).grid(row=3, column=1, sticky=tk.W, pady=20, padx=120)
        ttk.Button(self, text='关于作者', command=self.about).grid(row=4, column=1, sticky=tk.W, padx=120)

    def start_program(self):
        print("绝对路径：{}, 重命名：{}". format(self.path.get(), self.rename.get()))

        path = self.path.get()
        rename = self.rename.get()

        if path == "" or rename == "":
            messagebox.showwarning("警告", "输入框不能为空！")
            return

        if os.path.isdir(path) == False:
            messagebox.showwarning("警告", "绝对路径不正确！")
            return

        i = 0
        # '该文件夹下所有的文件（包括文件夹）'
        FileList = os.listdir(path)

        # '遍历所有文件'
        for files in FileList:
            oldDirPath = os.path.join(path, files)

            self.msg_text.delete(1.0, tk.END)
            self.msg_text.insert(tk.END, oldDirPath)

            # '如果是文件夹则递归调用'
            if os.path.isdir(oldDirPath):
                self.start_program(oldDirPath)

            # '文件名'
            fileName = os.path.splitext(files)[0]
            # '文件扩展名'
            fileType = os.path.splitext(files)[1]
            fileType = fileType.lower()

            newDirPath = os.path.join(path, rename + "_" + str(i) + fileType)

            # '重命名'
            os.rename(oldDirPath, newDirPath)
            i += 1

        messagebox.showinfo("信息", "操作完成！")

    def about(self):
        messagebox.showinfo("关于", "微信公众号：ZERO开发\r\n\r\n工具：批量修改文件1.0")

    def quit_program(self):
        self.destroy()


if __name__ == "__main__":
    app = Application()
    app.mainloop()

开始打包

pyinstaller -F -w Application.py -–icon=logo.ico

这里我们希望打包是自己的图标就带上 icon，而且打开时不要出现黑色闪框就带上 w，当然后面打开 exe 要把 icon 放到与他同一级的目录中，尺寸上面已经说了，下面是参数说明。

1
2
3
4
5
6

参数说明：    
-–icon=图标路径
-F 打包成一个exe文件
-w 使用窗口，无控制台
-c 使用控制台，无窗口
-D 创建一个目录，里面包含exe以及其他一些依赖性文件

还有一个问题是，如果是修改了代码，需要反复多次打包，可以把项目前一次打包生成的生成的 spec 后缀文件删除即可。打包成功后，控制面包会显示 Building EXE from EXE-00.toc completed successfully，然后根目录的 dist 就是打包后的文件包，里面需要的文件图片等都在里面，后面用 Inno Setup Compiler 也就是对这个文件夹打包。

Inno Setup Compiler 操作

新建脚本，填写信息

选择主程序和需要的文件

设置名称和 icon

选择导出位置 (前面还有协议等设置)

运行脚本开始生成

安装打开，安装目录里有自带卸载程序

前言

应该是三年前，我用 Esp8266 和 ws2812 实现了一个音乐律动灯带。就是电脑播放音乐时，灯带会随着系统内部音乐播放的频率而闪动不同色彩的灯珠。而当时用来监听系统声音的工具是一个博主提供的，除了实时采集声音外还通过 UDP 传递数据到 Esp8266 上。

而这次，我就自己用 Python 实现一下，不过不传数据，就采集后直接实时地在电脑上绘制波形动画，主要是用来作为 FL Studio 播放时的一个桌面小挂件。

环境

• python3.8

• pyaudio0.2.14

• matplotlib
  

  pyaudio 简介

  pyaudio 是一个跨平台地音频 I/O 库，使用他可以在 Python 程序中进行播放，录音和生成 wav 文件等。需要注意的是，如果要使用 pyaudio 时，python 的版本最好在 3.7 以上，不然 pip 安装会报错。因为以下例子是获取系统内部声音，而 pyaudio 读取的音频流默认是麦克风，所以接下来介绍一下关于获取的设备列表信息。

  代码获取设备列表

  1 2 3 4 5 6 7 8

  # pyaudio实例 audio = pyaudio.PyAudio() # 获取设备总数 device_count = audio.get_device_count() # 根据设备索引获取设备详细信息 for i in range(p.get_device_count()): devInfo = p.get_device_info_by_index(i) print(devInfo)

  

  设备信息参数介绍

• index: 设备的索引号，通常用于标识系统中的设备顺序。

• structVersion: 结构版本号，用于表示这个数据结构的版本。

• name: 设备的名称，这里是 “Microsoft 声音映射器 - Input”。

• hostApi: 主 API 的标识符，通常用于表示该设备属于哪个 API 或系统。

• maxInputChannels: 设备支持的最大输入通道数，这里是 2，表示设备支持 2 个输入通道。

• maxOutputChannels: 设备支持的最大输出通道数，这里为 0，表示该设备没有输出通道。

• defaultLowInputLatency: 默认的低输入延迟，以秒为单位，这里是 0.09 秒。

• defaultLowOutputLatency: 默认的低输出延迟，这里是 0.09 秒。

• defaultHighInputLatency: 默认的高输入延迟，这里是 0.18 秒。

• defaultHighOutputLatency: 默认的高输出延迟，这里是 0.18 秒。

• defaultSampleRate: 默认的采样率，这里是 44100.0 赫兹，这是 CD 质量的音频标准采样率。
  

  开始操作

  开启立体声混音权限

  打开电脑设置 - 系统 - 声音 - 管理声音设备 - 立体声混响，点击启用。
  
  

  设置设备索引号

  打开立体声混音后，通过 pyaudio 获取设备列表，找到带有 “立体声混音” 的名称，和 hostApi 为 0 的，hostAPI = 0 表明是 MME 设备。然后拿到该设备索引号，打开音频流时指定该内录设备序号。

  1 2 3 4 5 6 7 8 9 10 11 12

  def findInternalRecordingDevice(p): # 要找查的设备名称中的关键字 target = '立体声混音' # 逐一查找声音设备 for i in range(p.get_device_count()): devInfo = p.get_device_info_by_index(i) print(devInfo) if devInfo['name'].find(target) >= 0 and devInfo['hostApi'] == 0: # print('已找到内录设备,序号是 ',i) return i print('无法找到内录设备!') return -1

  全部代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26