上传测试代码到腾讯云

布满荆棘的人生 2022-05-15 01:44 479阅读 0赞

### 一、上传测试代码到腾讯云 ###

![这里写图片描述][70]  
如何使用微信开发者工具上传测试代码到腾讯云？可通过以下设置实现。

#### （1）登录小程序后台 ####

进入[https://mp.weixin.qq.com/][https_mp.weixin.qq.com]使用注册小程序时的邮箱登录（勿使用公众号的邮箱登录），点击开发者工具如下，点击开通。  
![这里写图片描述][70 1]

#### （2）下载nodejs demo ####

随后会进去腾讯云，绑定账号后，点击下载nodejs demo。  
![这里写图片描述][70 2]  
解压缩后看到文件目录结构如下：  
![这里写图片描述][70 3]

#### (3) 复制server到已经使用mpvue初始化的工程 ####

图为本人复制server到工程后的目录结构：  
![这里写图片描述][70 4]

#### (4) 修改project.config.json ####

右侧画圈处为添加内容,配置服务端目录。  
![这里写图片描述][70 5]

#### (5)配置完毕，开始上传 ####

点击微信开发者工具中的腾讯云，选择上传测试代码，会出现以下界面，第一次上传勾选如下：  
![这里写图片描述][70 6]  
点击确定，代码开始上传，一段时间后上传成功。  
![这里写图片描述][70 7]

### 二、腾讯云后台本地开发环境的搭建 ###

为什么要搭建本地环境？当代码做了一些与后端相关的修改后，想查看结果，需要重新提交测试代码到腾讯云，等待一段时间以后才能看到结果，这样效率不高，搭建本地开发环境能有效地解决这个问题。

#### （1）修改server/config.js ####

打开之前拉进项目的server中的config.js，在CONF中添加以下配置，需将其中的配置项换成你的信息，比如APPID：

serverHost: 'localhost',
        tunnelServerUrl: '',
        tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',
          // 腾讯云相关配置可以查看云 API 秘钥控制台：https://console.cloud.tencent.com/capi
        qcloudAppId: '您的腾讯云 AppID',
        qcloudSecretId: '您的腾讯云 SecretId',
        qcloudSecretKey: '您的腾讯云 SecretKey',
        wxMessageToken: 'weixinmsgtoken',
        networkTimeout: 30000
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9

![这里写图片描述][70 8]  
填入其中需要你自己填写的以下三项信息：  
\- 腾讯云 APPID 位于：  
\- [https://console.qcloud.com/developer][https_console.qcloud.com_developer]  
\- 腾讯云SecretID以及SecretKey位于：  
\- [https://console.qcloud.com/cam/capi][https_console.qcloud.com_cam_capi]

#### (1)mysql配置 ####

以下是本人在mac下的操作，Windows相关指令可能有些差异，mysql安装mac下很容易，只需要输入指令`brew install mysql`即可，由于本人之前已经安装，因此不再演示。  
①：启动、登录mysql  
![这里写图片描述][70 9]  
②：创建数据库  
![这里写图片描述][70 10]  
数据库名必需是`cAuth`，这是与server/config.js中的配置对应的。  
![这里写图片描述][70 11]

#### （2）初始化环境 ####

① ：安装服务端依赖  
进入server， 输入`cnpm install`回车等待安装完成  
![这里写图片描述][70 12]  
②： 安装全局依赖  
①安装完成后，继续输入`cnpm install nodemon -g`回车，等待安装完成  
![这里写图片描述][70 13]  
③：初始化数据库  
输入`node tools/initdb.js`回车，初始化数据库：  
![这里写图片描述][70 14]

#### (3)测试是否成功 ####

①：修改routes/index.js，用于测试，如下：  
![这里写图片描述][70 15]  
②：在controllers中添加demo.js，内容自定，可如下：  
![这里写图片描述][70 16]  
③：启动debug模式  
在server目录下，输入`npm run dev`，若成功，可得到以下信息：  
![这里写图片描述][70 17]

④：此时打开浏览器，输入`localhost:5757/weapp/demo`(端口为server/config指定)，可看到：  
![这里写图片描述][70 18]

至此，使用mpvue+koa开发小程序时，上传测试代码到腾讯云以及腾讯云后台本地开发环境的搭建的方法均介绍完毕。

有错误欢迎指出，周末愉快，晚安！

</article>

[70]: /images/20220515/616f8254b2764aa7b0d980a69202e3b4.png
[https_mp.weixin.qq.com]: https://mp.weixin.qq.com/
[70 1]: /images/20220515/64682683b9444d78a1ca5a6d9e5a5200.png
[70 2]: /images/20220515/d7d28824e76e402896fc6cf124d5bd2d.png
[70 3]: /images/20220515/2e48a7763f1641a2b3e9c6009db8c8b9.png
[70 4]: /images/20220515/757dd90769fd44d5a28a543733f98bb6.png
[70 5]: /images/20220515/e4360ae6ad0845038771747f593460e2.png
[70 6]: /images/20220515/0f91a65b7124451ebf3f52ef8c851ce2.png
[70 7]: /images/20220515/cb7068d2687e41c7a25a3f1cda925868.png
[70 8]: /images/20220515/a16c19ddd59946e4830dfcdc9f2016fb.png
[https_console.qcloud.com_developer]: https://console.qcloud.com/developer
[https_console.qcloud.com_cam_capi]: https://console.qcloud.com/cam/capi
[70 9]: /images/20220515/8150dec896aa42378c916818eb8ad62a.png
[70 10]: /images/20220515/71101feb688b4a40a29591a9fdf27e4c.png
[70 11]: /images/20220515/828e8a98935e4fd1a8377f79d282a49c.png
[70 12]: /images/20220515/ec2b948405a946c3a5ce574e5e2b141a.png
[70 13]: /images/20220515/a64ece286eba4d7e8711a75189bd8ace.png
[70 14]: /images/20220515/91d56cd1e3bd422081e876b81436c56a.png
[70 15]: /images/20220515/a5ce5cb9c688417b8550608806988afd.png
[70 16]: /images/20220515/24c1ff737fbf4ca6b3adb2dacc302dc8.png
[70 17]: /images/20220515/be548593230849749180e118d979360a.png
[70 18]: /images/20220515/118eaa35c88b47d0af327367a0343b45.png