前言：

小程，赶紧把这个UI这里改一下，改完赶紧推个版本，等着测试；哎小程，这个需求客户需要这样改一下，你赶紧改一下推个版本客户等着看！！！

上面这段话相信做开发的同僚或多或少每天都在听，可是小程序的版本发布流程并不像华为云、阿里云等其他云服务器，配置好以后可以直接通过 .sh 脚本双击更新，或者通过流水线Flow去点击运行；小程序需要点击发布->然后到微信开发者工具->然后(第一次使用的朋友建议打开uniapp开发微信小程序，从构建到上线，这个是属于比较基础的文章).......，总而言之，发布流程很复杂；

那么微信小程序不可以像其他云服务器一样拥有简单的发布流程吗？

当然可以，今天我们演示 uniapp 的 cli 工具如何无需打开微信开发者工具去发布微信小程序；这里有一个注意点：Hbuildx 的版本需要3.1.5+版本，如果版本过低的朋友请先更新版本；

言归正传，正文开始

一、CLI 概述

1. cli 程序

2. Hbuildx 的 cli

3. cli 基础命令

查看帮助文档

查看 cli 版本号

启动/关闭 Hbuildx

更多命令行

二、CLI 全局变量配置

1. Windows 配置全局环境变量

① 复制HBuilderX安装目录路径（即HBuilderX.exe程序所在位置的上级目录）

②右键 This PC(此电脑) -> Properties（属性） -> Advanced system settings（高级系统设置） -> Environment Variables（环境变量）

③【用户变量】，点击【编辑】，找到path，输入HBuilderX路径。

④校验一下是否配置成功

2. MacOSX 配置全局环境变量

① 方法一：添加环境变量

②方法二：创建别名

③方法三：创建软连接

三、CLI 发行uniapp-微信小程序

1. cli 命令语法

2. 如何获取微信小程序代码上传密钥？

3. 使用 cli 工具发布微信小程序

四、CLI 上传过程中的失败情况

1. Error: {"errCode":-10008}

言归正传，正文开始

一、CLI 概述

HBuilderX cli命令行工具, 仅适用于HBuilderX 3.1.5+版本

1. cli 程序

先科普一下 cli 是什么？　CLI（command-line interface，命令行界面）可在用户提示符下键入可执行指令的界面。CLI是Command Line Interface的缩写，即命令行界面。

看文字大家是不是有点懵，那看下图是不是瞬间醒悟？没错就是这个！

2. Hbuildx 的 cli

为什么要说是 Hbuildx 的 cli 呢？

因为当前的 cli 只能为我们的 Hbuildx 去服务的！开发者可以通过cli命令行指示HBuilderX进行启动、打包、登录等操作。

命令行工具所在位置:

Windows: HBuilderX安装目录根目录, cli.exe
MacOSX
- 正式版 /Applications/HBuilderX.app/Contents/MacOS/cli
- Alpha版 /Applications/HBuilderX-Alpha.app/Contents/MacOS/cli

特别注意：本文所有命令示例，均以cli代替cli.exe，请根据不同操作系统，实际应用。

今天主要演示 Windows 大家可以看下图，大家可以看到一下 cli.exe的文件，或者清空路径输入 cmd，打开黑窗口，这个就是当前为我们 Hbuildx 服务的CLI所在位置！

3. cli 基础命令

通过上一步的介绍，我们已经找到 Hbuildx 的cli工具了，那么我们可以通过 cli 去做一下基本的操作；如果不是通过我第二步打开的朋友，在全局是找不到当前 Hbuildx 的cli 的，后边我会带着大家配置全局的环境变量；

查看帮助文档

查看帮助文档，需要先启动Hbuildx；不然就会出现下图的问题

cli --help  // 查看帮助文档
cli help // 查看帮助文档

查看 cli 版本号

cli ver

启动/关闭 Hbuildx

# 启动HBuilderX程序
cli open# 关闭HBuilderX程序
cli app quit

cli命令	详情
用户账号操作，登录、退出等	详情
文件操作，打开文件并跳转指定行列	详情
项目操作，导入、关闭项目	详情
app打包	详情
uniCLoud操作，比如云函数上传等	详情
uniCloud 前端网页托管	详情

二、CLI 全局变量配置

通过上面的步骤我们已经可以成功启动当前 Hbuildx 安装目录下的 cli 工具了；

但是我们全局的 CMD 还是找不到我们的 cli工具，这种情况就需要在全局的环境变量里面配置了

1. Windows 配置全局环境变量

① 复制HBuilderX安装目录路径（即HBuilderX.exe程序所在位置的上级目录）

②右键 This PC(此电脑) -> Properties（属性） -> Advanced system settings（高级系统设置） -> Environment Variables（环境变量）

③【用户变量】，点击【编辑】，找到path，输入HBuilderX路径。

点击新建，把刚才第一步复制的路径 Copy 进来

④校验一下是否配置成功

【 Window + R 】输入 cmd 打开命令行窗口

#查看当前配置是否成功输入 cli ver

2. MacOSX 配置全局环境变量

① 方法一：添加环境变量

警告： 修改环境变量时，请慎重 仔细，如果没有经验，不建议修改环境变量。

如果您的shell是bash，进入终端，编辑环境变量文件~/.bash_profile, 输入如下内容

如果您的shell是zsh，进入终端，编辑环境变量文件~/.zprofile，输入如下内容

export HX_HOME=/Applications/HBuilderX.app/Contents/MacOS/
export PATH=$HX_HOME:$PATH:.

②方法二：创建别名

打开终端，根据shell类型，执行如下命令：

# shell类型：bash
echo "alias cli='/Applications/HBuilderX.app/Contents/MacOS/cli'" >> ~/.bashrc && source ~/.bashrc# shell类型：zsh
echo "alias cli='/Applications/HBuilderX.app/Contents/MacOS/cli'" >> ~/.zshrc && source ~/.zshrc

③方法三：创建软连接

打开终端，执行如下命令：

ln -s /Applications/HBuilderX.app/Contents/MacOS/cli /usr/local/bin/cli

三、CLI 发行uniapp-微信小程序

经过上面的了解、学习我们已经成功的通过全局的【 cmd 】启动了cli工具，下面我们就一起看看 cli发布微信小程序的语法；

1. cli 命令语法

# 仅编译uni-app项目到微信小程序，不发行
cli publish --platform mp-weixin --project 项目名称# 编译uni-app项目到微信小程序，并发行小程序到微信平台
cli publish --platform mp-weixin --project 项目名称 --upload true --appid 小程序appid --description 发布描述 --version 发布版本 --privatekey 小程序上传密钥文件

参数	说明
--platform	必填，发行平台(MP-WEIXIN)
--project	必填，项目名称
--appid	必填，微信小程序appid
--subPackage	发行为混合包, 示例：--subPackage xxx
--upload	打包后是否上传到微信平台,只有值为true时生效
--description	上传的小程序描述
--privatekey	微信代码上传密钥文件详情
--version	上传小程序的版本号；选填。如果不填写，则会读取manifest.json中的版本号

2. 如何获取微信小程序代码上传密钥？

打开微信公众平台官网, 扫码登录，左侧菜单【开发 -> 开发管理】，点击tab【开发设置】，如下图：

3. 使用 cli 工具发布微信小程序

打开 cmd 命令行窗口，然后把我们准备好的材料，以及下载好的【上传密钥】准备好。

回车，然后稍等片刻( 还有一个步骤，Hbuildx 需要下载一个插件哦~~~ )

插件下载、安装好以后我们再重复一下刚才输入材料的步骤

看上图，经过我们的一系列操作已经成功上传了!!!

如果上传中间出现失败，请查看【四、上传过程中的失败情况】

四、CLI 上传过程中的失败情况

1. Error: {"errCode":-10008}

解决方案：【打开微信公众平台--扫码登录】--> 【开发管理】--> 【小程序代码上传】-- > 【配置IP白名单】

如下图，即可解决！

结语：

两种方式对我们而言都有利有弊，主要看大家取舍，采用那种方式！不过随着技术的不断进步，我们做开发也越来越方便，方便的同时也要记得勤学习，毕竟“书山有路勤为径，学海无涯苦作舟”！！！

加油，各位路过的 IT 人！！！

CLI 发行uni-app到微信小程序，如何不打开微信开发者工具去进行小程序发布？相关推荐

还在用开发者工具上传小程序? 快来试试 miniprogram-ci 提效摸鱼
1. 前言大家好,我是若川.持续组织了近一年的源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整 ...
微信小程序基于最新版1.0开发者工具分享－小试牛刀(视频) 发布流程
第一章:小程序初级入门教程小试牛刀[含视频] 视频地址:https://v.qq.com/x/page/i0554akzobq.html 这一章节中,我们尝试着写一个最简单的例子,包含 2 个静态页 ...
获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试
本文主要介绍如何在微信开发者工具中,模拟微信扫描小程序码打开小程序的场景,进行调试. 二维码调试可以看这篇文章:微信开发者工具模拟扫描二维码调试添加编译模式添加一个咱们自定义的编译模式输入模式名 ...
微信官方开发者工具如何导入小程序源码demo
本文原地址: http://www.php.cn/xiaochengxu-353507.html 最近有很多网友私信问我们网站上下载的那些小程序源码,怎么将它导入到小程序开发者工具中呢?因为问的人 ...
微信公众平台登陆小程序后，在开发-开发者工具下，找不到腾讯云
新版的微信公众平台在 "开发"-"开发者工具"下面只有"腾讯位置服务",并没有大家所说的腾讯云,没法开通腾讯云服务.根据官方所说是把入口隐藏 ...
安装微信开发者工具及创建小程序
大纲: 一.官网:微信公众平台微信公众平台,给个人.企业和组织提供业务服务与用户管理能力的全新服务平台.https://mp.weixin.qq.com/ 开发者工具下载页面https ...
猿创征文|小程序账号申请和安装开发者工具
day2:账号申请和安装开发者工具 1.账号申请 (1)开发小程序的第一步,你需要拥有一个小程序账号,通过这个账号你可以管理你的小程序. (2)首先进入官方网站:https://mp.weixin.q ...
微信登录画面_每次打开微信登录界面，都会看到一个小人，他是谁呢？
微信是社交软件里面的第一名呢?答案是肯定的,它的受欢迎程度和使用人群非常的广泛.现在我们出门,我吃饭还是消费等等,用的大部分都是用微信支付,而且出去加别人的联系方式主要还是以加微信为主,很少有加qq的 ...
android仿微信红包动画,Android仿打开微信红包动画效果实现代码
首先看下效果: 实现原理: 准备3张不同角度的图片,通过AnimationDrawable帧动画进行播放即可代码实现: 1.编写动画xml文件: 根标签为animation-list,其中onesh ...

CLI 发行uni-app到微信小程序，如何不打开微信开发者工具去进行小程序发布？

言归正传，正文开始

一、CLI 概述

1. cli 程序

2. Hbuildx 的 cli

3. cli 基础命令

查看帮助文档

查看 cli 版本号

启动/关闭 Hbuildx

更多命令行

二、CLI 全局变量配置

1. Windows 配置全局环境变量

① 复制HBuilderX安装目录路径（即HBuilderX.exe程序所在位置的上级目录）

②右键 This PC(此电脑) -> Properties（属性） -> Advanced system settings（高级系统设置） -> Environment Variables（环境变量）

③【用户变量】，点击【编辑】，找到path，输入HBuilderX路径。

④校验一下是否配置成功

2. MacOSX 配置全局环境变量

① 方法一：添加环境变量

②方法二：创建别名

③方法三：创建软连接

三、CLI 发行uniapp-微信小程序

1. cli 命令语法

2. 如何获取微信小程序代码上传密钥？

3. 使用 cli 工具发布微信小程序

四、CLI 上传过程中的失败情况

1. Error: {"errCode":-10008}

CLI 发行uni-app到微信小程序，如何不打开微信开发者工具去进行小程序发布？相关推荐

最新文章

热门文章