大家好，我是东东吖，一个爱学习、爱思考的前端工程师，喜欢我的朋友，可以给个关注和点赞。最近我建一个前端技术交流群，大家遇到不懂的问题，可以在群里问，大家共同学习提升。感兴趣的可以加我微信进群，我的微信是F18886307338。

我目前对我的文章进行了分类，大家可以通过我的专栏进行查看，分别设有《前端小杂文》、《前端工程师》、《前端工程化》、《vue进阶之路》、《全栈工程师》五大专栏。专栏里面有对相关的的介绍,希望能够帮助到你。

1.此文章针对的是你已经注册小程序，并绑定了开发者。如果没有，请自行百度，我就不废话了，很简单的。

2.你的电脑需要装有前端的相关的开发环境和开发工具，node、npm、vscode、微信开发者工具、作为一名前端工程，这些是基本的要求。不过为了方便大家也方便自己，我这里整理了一些常见的开发工具网站，后续还会不断补充 前端工程师开发工具必备网站

3.你已经完成了小程序的开发工作、现在只是需要把它发布到公网，在微信里面可以通过名字搜索到。当然，你也可以在微信开发者工具中，找一个小程序模板，来体验这个发布流程。

登录微信公众平台（当你自己去注册了一个小程序或者公众号，你就对这个网站不会陌生了）， 找到:开发>开发工具>开发设置>服务器域名，就可以针对你这个小程序用到了哪些服务器域名进行配置、每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信。

开发>开发工具>开发设置>开发者ID

在这里你可以找到AppID和AppSecret,这两个顾名思义一个是微信小程序的id，一个是微信小程序的密匙，微信小程序的AppID一般对于前端来来说是十分重要的，开发、上传代码都需要用到他。而AppSecret是一般服务器会用到，比如登录流程。

拿到我AppID之后，我们就在项目中进行配置，比如我的一个项目是用uni-app开发的，那么需要在manifest.json里面配置AppID.

当我们配置完成之后，需要执行package.json里面的打包命令打包成微信可允许的代码，npm run build:mp-weixin，每个项目不一样，请根据自己的项目自行执行命令。 打包完成之后，项目就可以会生成一个打包文件dist。微信小程序最终是运行的这里面的代码，我们打开这个dist文件，找到project.config.json,就可以找到我们刚刚配置的AppID。

我们再用微信开发者工具打开刚刚的打包文件dist：

当你选择到正确的路径后，它会自动把AppID和项目名字填上,点击确认你就可以进入项目了。

进入项目之后，你就可以运行项目了。

看到这之前，可能很多人已经等不及了，作为一名前端工程师，前面的四个步骤，想必大家早已经熟练了吧，那微信小程序到底是怎么发布的呢？有的人会不会以为会想部署网站一样，要部署在服务器上，其实我曾经也有过这样的疑惑，但是其实不是的微信小程序有自己的一套发布流程。

在微信开发者工具中，点击右侧上面的上传，会让你填写相关的版本号和备注。当你提交之后，代码就会被提交到微信公众平台，也就是小程序的管理后台。

当你提交代码之后，登录微信公众平台，管理>版本管理。微信小程序有四个版本，开发版本、体验版本、审核版本、线上版本。

在这里你可以发布体验版，体验版不需要审核，可立即发布，发布之后，你可以下载体验版的二维码，让体验程序扫描查看，也可以进入微信搜索:小程序助手>选择已经绑定的微信小程序>进入小程序>版本查看>体验版,进行查看。体验版在微信上是搜索不到的，只有线上版才能搜索。

这里需要注意的是，如果你想要邀请别人来看你的项目，比如测试，你就需要帮他添加为体验成员。 在微信公众平台，管理>成员管理>体验成员。

当你学会了发布体验版，发布线上版本，就变得很简单了，体验版和线上版的区别就是体验版版只能体验成员查看，在微信搜索小程序的名字是搜索不到的，而线上版是所有人都可以查看，在微信通过搜索微信小程序的名字，是能够搜索到的。你可以理解为体验版是用来测试的，线上版是正式发布对外运营的。

管理>版本管理，发布了体验版之后，如果没有问题，你就可以把自己的提交到微信团队审核，这个时候需要你填写版本说明等相关信息，当然你也可以不填写。提交的时候你可以选择审核是否加急，加急是两个小时就会审核，不过有次数限制，一年是3次，不加急的话，是1-7天，这里看你的实际情况，有时候不加急，两小时左右他也会审核的，人多的话，审核就会慢一点。

审核成功之后，你的微信会收到通知，你再登录微信公众平时找到版本管理，就可以发布线上版了，发布完成之后，就可以在微信通过小程序的名字搜索到了。