微信小程序从 0 到 1 开发部署上线全流程指南

本文将从申请小程序 AppID、本地开发、测试、购买服务器和域名、备案、部署上线等全流程展开，详细讲解每一步操作。

一、整体流程一张图

在微信公众平台注册小程序，获取 AppID

搭建本地开发环境（微信开发者工具 + VS Code + 数据库工具）

开发前端页面、后端接口、数据库

本地测试 / 体验版测试（配合 NATapp 内网穿透）

购买云服务器、域名，完成各项备案与 HTTPS 数字证书

部署后端到服务器，配置域名与合法请求域名

上传前端代码、提交审核、发布上线

二、第一步：在微信公众平台申请小程序 AppID

网址：https://mp.weixin.qq.com/

打开微信公众平台，用微信扫码登录。

在首页选择「小程序」模块，按流程创建一个新的小程序。

填写：

小程序名称

选择主体（个人 / 企业 / 组织）

绑定邮箱、管理员信息等

创建完成后，在左侧进入「开发管理」→「开发设置」，可以看到该小程序的 AppID。

AppID 是什么？ 简单理解：它就是你这个小程序的 身份证号。以后无论是本地开发、上传代码、配置服务器，都要用到它。

建议：把 AppID 复制下来，保存在一个安全的地方，后面创建项目会用到。

三、第二步：本地开发环境搭建

接下来就是在你自己的电脑上搭建一个'实验室'：前端、后端、数据库都先跑在你的开发机上。

3.1 安装必备工具

1. 微信开发者工具（前端预览与上传工具）

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安装后桌面上会有一个图标。

作用主要有三点：

预览小程序界面、模拟手机操作

调试前端代码（看日志、看网络请求等）

上传前端代码到微信公众平台

2. 代码编辑器（推荐 VS Code）

真正写代码的地方建议选 VS Code 或你习惯的其他 IDE。注意： 微信开发者工具更多是用来预览、调试和上传代码，不是主力写代码的编辑器。

你的前端代码、后端代码都可以放在同一项目里，用 VS Code 打开整个项目目录进行开发。

3. 数据库工具：SSMS（SQL Server Management Studio）

如果你的后端使用 SQL Server 作为数据库，可以借助 SSMS 进行图形化管理和查看数据。

下载地址：https://learn.microsoft.com/zh-cn/ssms/install/install