微信小程序运行、编译、发布等开发概括

哈喽，大家好呀！小韵携原创博文给大家请安啦！

前言：微信小程序具有便捷性和易开发性，在个人开发和企业开发中都是优秀的选择，博文介绍了使用HbuilderX编译、运行、调试、发布小程序的过程，能够让大家初步地认识到项目的建立，从而专注于开发。

介绍：博文介绍了使用HbuilderX编辑器和微信开发者工具开发小程序的流程。

目录

一.环境和软件安装

1.微信开发者工具下载：

2.Hbuilder下载

*3.代理工具

二.项目运行

1.小程序的运行和调试：

2.小程序的发行：

三.技术支撑

四.总结

---

一.环境和软件安装

 所需软件：微信开发者工具、HbuliderX、代理软件（非必需）

1.微信开发者工具下载：

下载地址：微信开发者工具下载地址与更新日志 | 微信开放文档

选择稳定版即可。

配置：一般需要配置两个设置，开启服务端口，配置代理设置。 

2.Hbuilder下载

下载地址：HBuilderX-高效极客技巧

可对接微信开放者工具，如果不习惯该编辑器，可以像我一样，在IDEA管理git代码，在VScode编写代码，在Hbuilder运行微信开发者工具~

配置：配置“微信开发者工具”：工具->设置->运行配置->微信开发者工具路径，将微信开发者工具的安装路径标上即可。另外记得注册HbuiderX用户哟~

*3.代理工具

微信小程序有需要登录，如果有朋友遇到“网络连接失败”、“证书验证失败”的字样，大多都是网络不行（奇奇怪怪的团队bug），需要下载代理工具。

我本人直接使用的是Charles软件，直接运行就好，该软件需要破解，可私信我给资源或者网上自己找也可以啦。

当然也可以使用软件Fiddler，这是这位博主的博文微信开发者工具报这个错：Error: unable to verify the firstcertificate，怎么解决_Ddd_victory的博客-CSDN博客

二.项目运行

按照上面的配置方法配置好后，把需要运行的小程序导入Hbulder即可，注意微信开发者工具登录的微信要是这个小程序的开发者哦~

1.小程序的运行和调试：

HbuilderX运行：运行->运行到小程序模拟器->微信开发者工具，会自动打开微信开发者工具并运行。

微信开发者工具：点击编译，会将HbuilderX更改过的代码重新编译；点击预览，会生成二维码，使用微信扫码可直接在手机上运行小程序的“开发版”；可在控制栏->调试器中调试效果。

 

2.小程序的发行：

HbuilderX发行：点击发行->小程序微信即可。

运行和发行都是调起微信开发者工具编译，只是发行要比运行的编译包更小，更小的包有助于项目更加流程。注意，为了保证发行成功，需要停止运行功能，全部关闭微信开发者工具，只要等自动调起就可以了。

微信开发者工具：点击详情，可以在基本信息中查看代码大小是否符合规范，需要分包的话，可以查看代码依赖分析，具体查看每个包的大小，从而针对性地分包。符合规范后，一般选择修改补丁，填写版本号，点击上传即可变成“体验版”，供小程序地体验版成员调试使用。

三.技术支撑

微信小程序官方文档：微信开放文档

包含接口api、组件等等参考文档，我们使用uni框架编写小程序，一般不需要看这个。

HbuilderX官方文档：uni-app官网 (dcloud.net.cn)

采用uni前端框架的写法备受推崇，使用vue语言编写，这也是HbuilderX的用处，里面的uni组件和对接的微信接口，都能够完美达到开发者的需求。

插件市场：DCloud 插件市场

里面有uni官方组件和个人开发的组件，uni官方组件有些会不完善或者达不到设计需求，我们就可以到这个平台免费下载合适的组件。

四.总结

本篇博文讲解了开发小程序的工具和步骤，系统性地帮助大家了解开发流程，所以本篇博文内容比较宽泛，但也方面能够顾及到，今后我也会将其中的小点当成一个主题来写一个博文，最后嵌入到该总体讲解博文中~

希望能够给大家一些帮助。本篇博文是博主的第三篇博文，全部都是原创手敲，大家如果有什么好的建议可以留言评论，比如讲解不深刻、内容宽泛、语言啰嗦等都可以提出意见，谢谢大家~