### [新手必备的微信小程序开发指南](https://www.prosaas.cn/article/16596)

**Published:** 2020-06-23T03:54:38

**Author:** 5201314

**Excerpt:** 新手必备的微信小程序开发指南前言：本文主要讲解微信小程序开发流程，环境配置以及注意事项，减少新手走弯路1、服务…

**![](https://img.php.cn/upload/article/000/000/053/5ef17b70d7b28205.jpg)**

**新手必备的微信小程序开发指南**

前言：本文主要讲解微信小程序开发流程，环境配置以及注意事项，减少新手走弯路

## 1、服务器环境准备说明

### 1.1   公网网络和域名可用性

确保服务器公网网络正常，且指向公网IP的域名已备案，状态正常

由于微信小程序API必要得备案域名才能访问，所以域名需要通过ICP备案（具体如何备案，这里不做说明）

## 1.2 端口可用

确保80和443端口已开放，且没有被占用

如果对端口号不太理解，请查看这个

https://blog.csdn.net/qcx321/article/details/52234259

①、使用telnet命令测试80和443端口是否已开放

如下图：

![](https://img.php.cn/upload/image/512/729/894/1592884271830380.png)

②、使用netstat命令测试80和443端口是否有被占用；

netstat -ano | findstr "80"

netstat -ano | findstr "443"

如下图

![](https://img.php.cn/upload/image/716/779/594/1592884287878674.png)

## 1.3 HTTPS可用

确保HTTPS可用

微信小程序业务域名需要https才能设置，开发时可以先设置不校验域名有效性

# 2.小程序开发流程

## 2.1微信小程序开发后台地址

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

微信小程序开发账号可以从此地址注册

## 2.2小程序AppID、AppSecret 的获取与配置说明

### 2.2.1 AppID说明

AppID也叫开发者ID，是公众号，小程序唯一开发识别码，配合开发者密码进行开发（简单来说，是小程序应用ID）

### 2.2.2 AppID获取步骤

① 由微信小程序开发后台地址输入账号密码后，扫码进入（需要用公众号绑定的管理员微信扫码）

![](https://img.php.cn/upload/image/268/533/786/1592884333500941.png)

② 在左侧的菜单，点击开发目录

![](https://img.php.cn/upload/article/000/000/053/8bbb66904a1c6cb99932a6a94701411c-3.png)

③ 在开发目录下点击开发设置，就可以看到AppID

![](https://img.php.cn/upload/article/000/000/053/8bbb66904a1c6cb99932a6a94701411c-4.png)

### 2.2.3 AppSecret说明

AppSecret也叫开发者密码，与appid二者配合使用，可调用公众号的接口能力。（主要是后台用来拿微信用户的openID）

### 2.2.3 AppSecret重要提示

AppSeret只能以生成的方式来获取。生成后，微信小程序管理页面是不为开发账户保存AppSeret的，所以AppSeret要妥善保管好。如果丢失或忘记，可重置并生成。

### 2.2.4 AppSecret获取步骤

①、AppSecret的获取与《2.2.2 AppID获取步骤》基本一致

![](https://img.php.cn/upload/article/000/000/053/0578346959ad46ac9bc2615671845626-5.png)

## 2.3  配置“业务域名”

### 2.3.1 步骤

业务域名的添加/修改在  左侧列表--开发目录--开发设置--业务域名里面

如下图

![](https://img.php.cn/upload/image/783/293/421/1592884359550321.png)

### 2.3.2 业务域名配置使用说明

①、业务域名配置必要使用80端口；

②、业务域名必须通过备案；

③、域名配置完成后，网页会提示要下载校验文件（是一个.txt文件），将其放在tomcat的根目录下，重新启动tomcat即可。

另外有部分人可能不懂业务域名是什么，简单来说，业务域名可以实现Web页面嵌入小程序中。

## 2.4 下载安装小程序开发者工具

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

环境配置没什么太大要求，建议安装在D盘

## 2.5  小程序开发工具配置流程

 ①、打开小程序Web开发者工具，点击+号

 ![](https://img.php.cn/upload/image/446/754/102/1592884381468925.png)

②、填写项目名称、目录，appid（前面有说到如何获取），开发模式选小程序即可，语言我这里选择JS

![](https://img.php.cn/upload/image/696/630/915/1592884393243956.png)

③、微信小程序的编辑工具模式跟web差不多，前端开发的同学，基本很容易就上手，开发完成的界面，点击上传，就可以上传到申请的小程序管理账号中（提示一下，管理账号中，需要把开发者的微信授权）

![](https://img.php.cn/upload/image/116/494/947/1592884409129147.png)

好了，本来还想写一下上线发布流程及注意事项的，但想到那部分相对比较简单，新手多看下文档就明白，就写到这里吧。

本文转自：https://blog.csdn.net/qq\_35787700/article/details/90481119

推荐教程：《微信小程序》

以上就是新手必备的微信小程序开发指南的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** .net, html, https, JS, tomcat, 微信小程序, 接口

**Categories:** 后端开发

---