小程序 - 环境搭建（基础）

比眉伴天荒 2022-03-21 11:18 199阅读 0赞

## 注册微信开放平台 ##

微信开放平台：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70][]

## 注册小程序流程 ##

百度经验：[https://jingyan.baidu.com/article/642c9d3434c8e8644a46f7c0.html][https_jingyan.baidu.com_article_642c9d3434c8e8644a46f7c0.html]

## 搭建开发环境 ##

### 1.关联账户 ###

关联腾讯云账号与微信公众号平台账号。前往关联账号时，请选择微信公众号。错误关联账号请在腾讯云账号中心重新绑定。

已关联账号

*  ![关联账户][account.png]

### 2.安装开发者工具 ###

下载与安装客户端微信开发者工具并使用小程序微信号扫码登录。

[点击下载工具][Link 1]

*  ![扫码登录开发者工具][developer-code.png]
 *  ![选择小程序][developer-code-tool.png]

### 3.下载测试代码 ###

下载为你打包的 Demo 代码，作为开通环境所需。

下载 Node.js 版本 Demo下载 PHP 版本 Demo下载 Node.js 版本 小游戏Demo下载 PHP 版本 小游戏Demo

### 4.修改数据库密码 ###

使用微信开发者工具创建小程序项目，选择第三步下载的代码文件夹。然后打开 server/config.js 文件。修改里面的 MySQL 数据库密码为您的小程序 AppID。

*  ![创建小程序项目][upload-code1.png]
 *  ![打开 server/config.js 文件][server_config.js]
 *  ![修改 MySQL 密码][MySQL]

### 5.上传测试代码 ###

使用微信开发者工具上传代码，完成开发环境的初始化，上传测试代码选择(部署后自动安装依赖)。

*  ![上传测试代码][upload-code2.png]
 *  ![选择上传模式][upload-code3.png]

### 6.修改本地请求域名 ###

点击微信开发者工具右上角【详情】-【腾讯云状态】即可查看【开发环境 request 域名】，复制域名，填写在 clien/config.js 文件的 host 处，并保存。

*  ![复制域名][modify-domain-name1.png]
 *  ![打开 client/config.js 文件][client_config.js]
 *  ![填写并保存][modify-domain-name3.png]

### 7.完成开通 ###

使用微信开发者工具上传代码，完成开发环境的初始化，上传测试代码选择（部署后自动安装依赖）。

[前往管理页面][Link 2]

## 参考资料 ##

参考文档：[https://developers.weixin.qq.com/ebook?action=get\_post\_info&docid=0002c8979d0678bb00862b8595b00a][https_developers.weixin.qq.com_ebook_action_get_post_info_docid_0002c8979d0678bb00862b8595b00a]

小程序官方示例demo源码：[源码下载][Link 3]

使用教程：[查看教程][Link 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70]: /images/20220321/40ff631cc2224b959f9830443bf341ea.png
[https_jingyan.baidu.com_article_642c9d3434c8e8644a46f7c0.html]: https://jingyan.baidu.com/article/642c9d3434c8e8644a46f7c0.html
[account.png]: /images/20220321/63dee846c7ea4f3b92cb63fdc5624390.png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
[developer-code.png]: /images/20220321/4edf5331f09d44dc965daf077f71d138.png
[developer-code-tool.png]: /images/20220321/5796af984fec423aaeca85b66da3d3a1.png
[upload-code1.png]: /images/20220321/f968d0bb874448449b4da9c3e9b6e818.png
[server_config.js]: /images/20220321/ee84c156baba4ab7823f4edda9201ad6.png
[MySQL]: /images/20220321/7c091d374eb14d3da52cffb661e60530.png
[upload-code2.png]: /images/20220321/96db85f50a3441daab4ab48fb8981a06.png
[upload-code3.png]: /images/20220321/d97dcf2baa13422983ad6348a053d76f.png
[modify-domain-name1.png]: /images/20220321/89f0f4055adc4b84bc9ce5e929083a75.png
[client_config.js]: /images/20220321/f3cfb72237124b45b9794cd49a9f2108.png
[modify-domain-name3.png]: /images/20220321/15c2209e610e46c38c70715c2fe97189.png
[Link 2]: https://console.qcloud.com/lav2/dev
[https_developers.weixin.qq.com_ebook_action_get_post_info_docid_0002c8979d0678bb00862b8595b00a]: https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0002c8979d0678bb00862b8595b00a
[Link 3]: https://github.com/wechat-miniprogram/miniprogram-demo
[Link 4]: https://developers.weixin.qq.com/miniprogram/dev/demo.html