以编码谷小程序为例详解小程序0-1发布全流程

小程序前端开发：0-1发布上线，经历四个主要阶段：申请（注册账号、获取 AppID、配置类目、备案）→ 开发（Taro 初始化、编译、真机调试）→ 提审（上传代码、提交审核）→ 上线（审核通过后发部）。

   一、申请阶段    

账号和资质准备

• 注册：在微信平台注册小程序账号，注册成功后登录后台，会看到小程序APPID（小程序唯一身份），这个ID在后边开发时需要到微信开发者工具中用到。

• 认证：企业主体需完成微信认证（300 元/年），个人主体（30元/年），我是个人主体审核很快不到1天时间就通过了。当然不认证也能正常使用，只是不能分享和被搜索到。认证这里要注意，不是认证通过后就自带分享功能了，而是要把分享功能的代码加到小程序页面里。

• 备案：在小程序上架前需要备案，开发和备案可以同时进行，因为审核需要一段时间。微信的审核还是很快的，我提交不到一小时就有工作人员告诉需要修改的点，注意身份证上传要清晰，因为我是个人申请的所以小程序命名和介绍都不要用专业术语，主要是介绍改过几次申请也很快就通过了，下来是官局审核也很快大概一周多的时间。

二、开发阶段    

开发工具：在VSCODE里开发，到微信开发者工具（可以到官网下载）浏览和提交代码；在工具里点右边的预览和真机调试也可以直接在手机上看效果。

1、项目搭建

在编辑器vscode 里，安装TARO，node>16

# 安装脚手架$ npm install -g @tarojs/clitaro init myApp
#或者直接npx npx @tarojs/cli init myApp

以上几项出来后按需选择就好，以下是生成的结构目录，需要关注的点：

• src/app.config.js 对应小程序原生的 app.json，用来注册页面路径、配置 tabBar 等。

• src/pages/ 下的每个页面文件夹包含逻辑、样式、配置三个文件，页面中index.config.ts文件里的配置优先级高于app.config.js里的配置。

• dist 是编译产物目录，用微信开发者工具打开项目根目录就好，工具会自动识别 project.config.json 并指向 dist。

├── dist                        编译结果目录（小程序开发者工具导入此目录）├── config                      编译配置目录│   ├── index.js                默认配置│   ├── dev.js                  开发环境配置│   └── prod.js                 生产环境配置├── src                         源码目录│   ├── pages                   页面文件目录│   │   └── index               index 页面目录│   │       ├── index.js        页面逻辑│   │       ├── index.css       页面样式│   │       └── index.config.js 页面配置│   ├── app.js                  项目入口逻辑│   ├── app.css                 全局样式│   └── app.config.js           全局配置（页面路由、窗口表现等）├── project.config.json         微信小程序项目配置├── babel.config.js             Babel 配置├── tsconfig.json               TypeScript 配置├── .eslintrc                   ESLint 配置└── package.json

2、开发者工具导入

这里的AppId，是上边申请时拿到的必填。如果要使用云开发可以选云开发，导入成功后，看到的是下边的界面，左边可以调试，右边预览效果，点右上角的预览和真机调试可以关联手机，如果AppId不填，真机调试那里是灰色不可点的。

三、提审阶段    

构建、上传与审核

• 上传代码：在编辑器里执行npm run build:wepp生成生产包，再到微信开发者工具右上角点击“上传”代码，填写版本号与备注。

• 提审：登录小程序后台，在“版本管理”中提交审核，审核时长大概 1–7 个工作日，我这个2天左右审核通过。

四、上线发布    

审核通过后管理员会收到一条通知，再到后台点击“发布”就完成上线了。上线后可以通过后台数据面板监控访问和异常情况等。